Ramkumar-assignment/index.html at main · ramkumarsanadi/Ramkumar-assignment · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Paytone+One&family=Roboto:wght@300;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <div class="section-one">
                <nav>
                    <div class="logo">
                        <img src="img/BigLogo.png" alt="">
                    </div>
                </nav>
                    <h1>Sales engagemant platform buying guide</h1>
                    <p>After analyzing the buying behaviour of 4000+ sales teams, we've come up with 10 factors to consider while choosing your Sales Engagement Platform</p>
                    <div class="book-cover"></div>
                </div>

        <div class="section-two">
                <div class="vector-one">
                    <img src="img/Vector.png" alt="vector img">
                </div>
                <p class="discription-style  discription-one">Know the #1 reason Sales Leaders opt for a SEP ( hint: it's not 'AI' or Sales Intelligence!)</p>

                <div class="vector-two">
                    <img src="img/Vector.png" alt="vector img">
                </div>
                <p class="discription-style discription-two">  Understand the difference between a simple SEP and an Advanced SEP ( 90% of sales leaders miss this, and their team hates them for it)</p>

                <div class="vector-three">
                    <img src="img/Vector.png" alt="vector img">
                </div>
                <p class="discription-style discription-three">Learn how to choose a tool that allows you to execute your sales strategy</p>

                <div class="download-section"></div>
                <p class="dull-text dull-text-size-email">
                    Work Email
                </p>

                <div class="placeholder place-top-one"></div>

                <p class="enter-text ">
                    example@amazon.com
                </p>

                <p class="dull-text dull-text-size-crm">
                    What CRM you are using
                </p>
                <div class="placeholder place-top-two"></div>

                <p class="enter-text enter-text-top-two">
                    example@amazon.com
                </p>

                <button id="download-btn">DOWNLOAD NOW</button>

                <h1 class="preview">Preview</h1>

                <div class="carousel">
                    <div class="carousel-item carousel-item-visible">
                    <img src="img/carousel1.png" alt="">
                    </div>

                    <div class="carousel-item ">
                    <img src="img/carousel2.png" alt="">
                    </div>
                </div>
                <div class="slides-bottom">
                    <div id="carousel-button-prev">
                        <img src="img/Vector.svg" alt="">
                    </div>
                    <div id="carousel-button-next">
                        <img src="img/Vector.svg" alt="">
                    </div>
                    <div class="dot-one"></div>
                    <div class="dot-two"></div>
                    <div class="dot-three"></div>
                </div>
                <h2 class="learn-more">
                    Learn how Klenty can boost your<br>Sales pipeline
                </h2>
                <p class="booknow-btn">BOOK A DEMO</p>
                <p class="space"></p>
    </div>
    <script type="text/javascript" src="app.js"></script>
</body>
</html>