-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
285 lines (252 loc) · 12.4 KB
/
index.html
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DoctoBuddy</title>
<link rel="icon" href="images/favicon.png">
<link rel="stylesheet" href="style.css">
<!-- font-awesome cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Onbording library -->
<link rel="stylesheet" href="/node_modules/shepherd.js/dist/css/shepherd.css" />
<script src="https://cdn.jsdelivr.net/npm/shepherd.js@10.0.1/dist/js/shepherd.min.js"></script>
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo">DOCTOBUDDY <i class="fa-solid fa-notes-medical fa-beat-fade"></i></a>
<nav class="navbar">
<a href="#home">Home</a>
<a href="#services">Services</a>
<a href="#about">About</a>
<!-- <a href="#review">Review</a> -->
<a href="#Contact">Contact Us</a>
<a href="https://script.google.com/macros/s/AKfycbzpI818NQ-1oeC_38nZSUVrAU1h25lsS-W63KBQbRXGUMPBQ89CU5Di6Ft3MWeY5wqO8g/exec">Login
</a>
<a href="https://script.google.com/macros/s/AKfycbwpDFdTa094noN-AsDToo6ZHvy_5AAxRsC4OGTavHIbVpGqrRTmvyDYbPcONYeEGEDdig/exec">Sign Up
</a>
</nav>
<div id="menu-btn" class="fas fa-bars"></div>
</header>
<!-- section1 starts -->
<section class="section1" id="home">
<div class="container1">
<div class="title">DoctoBuddy</div>
</div>
<div class="container2">
<div class="btn entry1"><a href="https://script.google.com/macros/s/AKfycbyS5H_Y7aRxfD9q3E-ZWFeaQ3JRsXDKFs1TE6NsepWpDgn8d9ZzL8IOuFuihalXp8tlDA/exec">Book Apointment</a></div>
<div class="btn entry3">
<a href="https://script.google.com/macros/s/AKfycbwwY9xUSC2KZigiPyTEk9fvLwKyCwrw2N2xUvVhfodgLh6El8qtolujt9oNSTdd22TM/exec">Track Applicatiopn</a>
</div>
<div class="btn entry2"><a href="https://script.google.com/macros/s/AKfycbyLrieK4njQQRClo60wN2C96I7NDP5727qFBI9OfcMUG9YPfxl9MMSq44OcRizuOqjP/exec">Track Your Turn</a></div>
</div>
</section>
<!-- section2 starts -->
<div class="heading headingentry-section2" id="services">
Our Services
</div>
<section class="section2">
<div class="box reveal-on-scroll">
<i class="fa-solid fa-book"></i>
<h3>Online Appointment Booking</h3>
<p>Schedule appointments online in seconds! Doctobuddy simplifies booking, eliminates wait times, and keeps you informed.
Visit our website and experience a stress-free healthcare journey.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
<div class="box reveal-on-scroll">
<i class="fas fa-ambulance"></i>
<h3>24/7 Ambulance</h3>
<p>Doctobuddy's services extend beyond appointments. In case of emergencies, access our 24/7 ambulance service directly
through our website for swift medical attention whenever you need it most.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
<div class="box reveal-on-scroll">
<i class="fas fa-user-md"></i>
<h3>Expert Doctors</h3>
<p>While Doctobuddy streamlines appointments, your health deserves the best. Our service doesn't stop there! We can help
you find and connect with highly-rated doctors in your area, ensuring you receive expert care when you need it.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
<div class="box reveal-on-scroll">
<i class="fas fa-pills"></i>
<h3>Medicines</h3>
<p>Doctobuddy isn't just about appointments! We understand the importance of having the right medication on hand. While we
can't dispense medications directly, our website can connect you with trusted pharmacies or provide helpful information
on prescriptions.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
<div class="box reveal-on-scroll">
<i class="fas fa-procedures"></i>
<h3>Bed Facility</h3>
<p>While Doctobuddy can't directly manage hospital beds, we can help you navigate the process! Our website can provide
resources and information on bed availability at nearby hospitals, so you can plan your healthcare journey with
confidence.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
<div class="box reveal-on-scroll">
<i class="fas fa-heartbeat"></i>
<h3>Total Care</h3>
<p>From scheduling appointments to managing medications and even connecting you with in-home care services, Doctobuddy
provides comprehensive, personalized care solutions to ensure your well-being every step of the way.</p>
<button class="btn">
<a href="#">learn more</a>
</button>
</div>
</section>
<!-- section3 starts -->
<div class="heading headingentry-section3" id="about">
About Us
</div>
<section class="section3">
<div class="image section3-box1">
<img src="images/picture2.png" alt="">
</div>
<div class="box section3-box2">
<h2>We Take Care Of Your Healthy Life</h2>
<p>At DoctoBuddy, we are dedicated to revolutionizing the healthcare experience. Our platform offers a seamless and personalized approach to managing your healthcare journey. From scheduling appointments with ease to connecting you with expert doctors in your area, DoctoBuddy caters to all your healthcare needs. Our mission is to provide accessible and efficient healthcare services, ensuring that everyone has access to quality care. Join us in transforming the way healthcare is delivered and experienced.</p>
</div>
</section>
<!-- section4 starts // Doctor section -->
<div class="heading headingentry-section4" id="about">
Our Top Doctors
</div>
<section class="section4" id="doctors">
<div class="box section4-box1">
<img src="images/doctorprofilepicture.png" alt="">
<h3>Dr.Pal</h3>
<span>Cardiologist</span>
<div class="share">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fa fa-envelope"></a>
</div>
</div>
<div class="box section4-box2">
<img src="images/doctorprofilepicture.png" alt="">
<h3>Dr. Mukhopadhaya</h3>
<span>Dentist</span>
<div class="share">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fa fa-envelope"></a>
</div>
</div>
<div class="box section4-box3">
<img src="images/doctorprofilepicture.png" alt="">
<h3>Dr. Chakraborty</h3>
<span>Neurologist</span>
<div class="share">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fa fa-envelope"></a>
</div>
</div>
<div class="box section4-box4">
<img src="images/doctorprofilepicture.png" alt="">
<h3>Dr. Bhattachariya</h3>
<span>Cardiothoracic Surgeon</span>
<div class="share">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fa fa-envelope"></a>
</div>
</div>
</section>
<!--section5 / review section starts -->
<div class="heading headingentry-section4" id="about">
Review
</div>
<section class="section5 review" id="review">
<div class="box stagger1">
<img src="images/client.png" alt="">
<h3>Mohan Singh</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<p class="text">I've been using DoctoBuddy for a while now, and it has made managing my healthcare so much easier. The ability to schedule appointments online has saved me a lot of time, and the range of services they offer is impressive. Highly recommend!</p>
</div>
<div class="box stagger1">
<img src="images/client2.avif" alt="">
<h3>Mohan Singh</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="text">DoctoBuddy has been a lifesaver for me. Being able to track my application and turn has reduced my anxiety about waiting times. The platform is easy to use, and the support team is always helpful. Thank you, DoctoBuddy!</p>
</div>
<div class="box stagger1">
<img src="images/client3.jpg" alt="">
<h3>Mohan Singh</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<p class="text">I can't imagine managing my medications without DoctoBuddy. While they don't dispense medications directly, the platform connects me with trusted pharmacies and provides valuable information on prescriptions. It's been a game-changer for me!</p>
</div>
</section>
<!-- footer section starts -->
<secion class="footer" >
<div class="box-container">
<div class="box">
<h3>Quick links</h3>
<a href="#home"><i class="fas"></i>Home</a>
<a href="#servicess"><i class="fas"></i>Services</a>
<a href="#about"><i class="fas"></i>About</a>
<a href="#doctors"><i class="fas"></i>Doctors</a>
</div>
<div class="box">
<h3>Services</h3>
<a href="#"><i class="fas"></i>Cardiological</a>
<a href="#"><i class="fas"></i>Neurological</a>
<a href="#"><i class="fas"></i>Dental care</a>
<a href="#"><i class="fas"></i>Ambulance services</a>
</div>
<div class="box" id="Contact">
<h3>Contact Info</h3>
<a href="#"><i class="fas fa-phone"></i> +91 XXXXX XXXXX</a>
<a href="#"><i class="fas fa-envelope"></i> doctobuddy@gmail.com</a>
<a href="#"><i class="fas fa-map"></i>Kolkata, West Bengal, 700152</a>
</div>
<div class="box">
<h3>Social Media</h3>
<a href="#"><i class="fab fa-facebook"></i> Facebook</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
<a href="#"><i class="fab fa-instagram"></i> Instagram</a>
<a href="#"><i class="fab fa-linkedin"></i> Linkedin</a>
</div>
</div>
</secion>
<!-- footer section ends -->
<!-- Js linking -->
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<!-- smoothscroll used from>>>> https://github.com/darkroomengineering/lenis -->
<script src="https://unpkg.com/lenis@1.0.45/dist/lenis.min.js"></script>
<script src="script.js"></script>
<!-- Onbording JS library -->
<script type="module" src="shepherd.js"></script>
</body>
</html>