calendly/individual.html at master · Godwinkay/calendly · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!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>Calendly</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/individual.css">
</head>
<body>


<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="#"><img src="images/download.png" width="260" height="100" alt=""></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse ml-5" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#"><b>Individuals</b> <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#"><b>Teams</b></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#"><b>Enterprise</b></a>
      </li>
    </ul>
  </div>
</nav>
</div>

<div class="container">
    <div class="row mt-5">
        <div class="col">
            <div class="ge">The genius way to work <span class="be">better</span></div> <br><br>

            <div>Calendly makes it easy to work smarter when you're working solo. Meetings, sessions, and appointments become more efficient ways to achieve success and accomplish goals.</div> <br><br><br>

            <div><button type="button" class="btn btn-dark btn-lg text-center free">Sign up for free</button></div>
        </div>

        <div class="col">
            <img src="images/individual1.png" width="600px" height="400px" alt="">
        </div>
    </div>

    <div class="row second">
        <div class="col">
            <img src="images/individual2.webp" width="450px" height="300px" alt="">
        </div>

        <div class="col">
            <div class="text-muted">A CURATED CALLENDER</div><br>

            <div class="book">Book up efficiently</div><br><br>

            <div>When invitees select a meeting slot from your schedule, they only see the times you're available, and only the length and the type of meeting you want to have. Your schedule fills up efficiently, and everyone avoids excess email exchanges.</div>
        </div>
    </div>

    <div class="row second">
        <div class="col">
            <div class="text-muted">AUTOMATED NOTIFICATIONS & FOLLOW-UPS</div><br>

            <div class="book">Work like you have a personal assistant</div><br><br>

            <div>Because Calendly automates administrative tasks like sending reminder emails and follow-up, you focus on the work that builds your business and brings customers back for more.</div>
        </div>

        <div class="col">
            <img src="images/individual3.jpeg" width="450px" height="300px" alt="">
        </div>


    </div>
</div>


<div class="container-fluid un" style="background-image: url('images/bg.jpg');">
    <div class="row bg">Find just-right plans <br> for individual and <br> small teams</div> <br>
    <div><button type="button" class="btn btn-lg text-center bg1">See our plans</button></div>
</div>

<div class="container">
    <div class="row mt-4">
        <div class="col-4">
          <div class="ea">Easy <br> <span class="ahead"> ahead </span></div>
          <div> We take the work out of connecting with others <br> so you can accomplish more.</div> <br>

          <select class="form-control form-control-lg">
            <option>English</option>
            <option>French</option>
            <option>German</option>
          </select>
          </div>

          <div class="col">
            <p class="font"><b>About</b></p>
            <p>About Calendly</p>
            <p>Contact Sales</p>
            <p>Newsroom</p>
            <p>Careers</p>
            <p>Security</p>
        </div>

          <div class="col">
            <p class="font"><b>Solutions</b></p>
            <p>Customer Success</p>
            <p>Sales</p>
            <p>Recruiting</p>
            <p>Education</p>
            <p>Marketing</p>
        </div>

          <div class="col">
            <p class="font"><b>Popular Features</b></p>
            <p>Embed Calendly</p>
            <p>Availability</p>
            <p>Sending Notification</p>
            <p>Using Calendly mobile</p>
        </div>


        </div>


  </div>


<script src="js/jquery-3.6.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>