-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
329 lines (283 loc) · 15 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
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Healthif-i</title>
<link href="style.css" rel="stylesheet">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#home" class="logo">Healthif<span>-i</span></a>
<i class='bx bx-menu' id="menu_icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#aboutus">About Us </a>
<a href="#services">Services</a>
<a href="#testimonials">Doctors</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="home" id="home">
<div>
<div class="home-content">
<h1>Welcome to <span>Healthif-i</span></h1>
<h3 class="text-animation">We provide <span></span></h3>
</div>
<div class="btn-group">
<a href="userAuthenticate.html" class="btn" target="_blank">Book an Appointment</a>
<a href="#aboutus" class="btn">About Us</a>
</div>
</div>
<div class="home-img">
<img src="online-doctor-remote-treatment-illustration-concept-free-vector-removebg-preview.png" alt="">
</div>
</section>
<section class="aboutus" id="aboutus">
<h2 class="heading">About Us</h2>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-date">Our Goal</div>
<div class="timeline-content">
<p>We are a comprehensive healthcare platform that addresses both challenges by connecting patients
with healthcare providers for timely medical care and facilitating medication management to
improve adherence and health outcomes.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Our Objective</div>
<div class="timeline-content">
<p>Our objective is to enhance health outcomes by ensuring timely medical care and effective
medication management. We aim to connect patients with healthcare providers promptly, support
medication adherence, and make healthcare accessible and affordable for all, especially
underserved and vulnerable populations. Additionally, we strive to empower patients with the
knowledge and resources to actively manage their health.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Our Services</div>
<div class="timeline-content">
<p>Our services include telehealth consultations, affordable medication access, comprehensive
pharmacy support, public-private healthcare partnerships, personalized healthcare counseling,
medication tracking, secure electronic health records, and extensive educational content to
empower patient health management.
</p>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<h2 class="heading">Services</h2>
<div class="services-container">
<div class="service-box">
<div class="services-info">
<h4>Telehealth Services</h4>
<p>Experience seamless healthcare from the comfort of your home with our telehealth services.
Connect with healthcare providers for virtual consultations, receive timely medical advice, and
manage your health without the need for in-person visits. Our platform ensures secure and
private interactions, making healthcare more accessible and convenient.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Affordable Medicine Sevice</h4>
<p>We are committed to making healthcare affordable. Our affordable medicine service provides access
to a wide range of medications at competitive prices. We partner with various suppliers to
ensure that you receive the best prices on essential medications, helping you manage your health
without financial strain.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Pharmacy Services</h4>
<p>Our comprehensive pharmacy services ensure you receive your medications accurately and promptly.
Whether it's refilling a prescription or obtaining new medication, our integrated system allows
for seamless interaction between healthcare providers and pharmacies. Enjoy timely and reliable
service, enhancing your adherence to treatment plans.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Public-Private Patnership</h4>
<p>Through our public-private partnership initiatives, we aim to enhance healthcare accessibility
and quality. By collaborating with both government and private entities, we work to bring
advanced healthcare solutions and services to underserved communities, ensuring equitable health
outcomes for all.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Healthcare Counselling</h4>
<p>Receive expert guidance and support through our healthcare counselling services. Our professional
counselors provide personalized advice on managing health conditions, lifestyle changes, and
mental well-being. With our support, you can make informed decisions about your health and
wellness journey .</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Medication Tracking</h4>
<p>Stay on top of your medication regimen with our intuitive medication tracking feature. Set up
personalized schedules, receive timely reminders, and track your intake effortlessly. Our system
helps you maintain adherence, reducing the risk of missed doses and ensuring optimal treatment
outcomes.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Electronic Health Record</h4>
<p>Our electronic health record (EHR) system offers secure and comprehensive documentation of your
medical history. Easily accessible by both you and your healthcare providers, our EHRs ensure
that your medical information is up-to-date and accurate, facilitating informed decision-making
and continuity of care.
</p>
</div>
</div>
<div class="service-box">
<div class="services-info">
<h4>Educational Content</h4>
<p>Empower yourself with knowledge through our extensive library of educational content. Access
articles, videos, and resources on various health and fitness topics, including medication
usage, disease management, and healthy living tips. Stay informed and take charge of your health
with reliable and up-to-date information.</p>
</div>
</div>
</div>
</section>
<section class="testimonials" id="testimonials">
<div class="testimonials-box">
<h2 class="heading">Doctors</h2>
<div class="wrapper">
<div class="testimonial-item"><img src="doctor11.webp">
<h2>Aishwary Jain</h2>
<div class="expertise">(Pediatrician)</div>
<div class="rating">
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
</div>
<p>Our dedicated pediatricians specialize in the health and well-being of children, offering virtual
consultations for a range of pediatric concerns. They provide expert guidance and treatment
plans to ensure your child’s health and development are monitored and supported effectively.</p>
<div class="btn-group">
<a href="/usersignup.html" class="btn">Book an Appointment</a>
</div>
</div>
<div class="testimonial-item"><img src="doctor22.webp">
<h2>Sudhanshi Kumari</h2>
<div class="expertise">(Gynecologist)</div>
<div class="rating">
<div class="rating">
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
</div>
</div>
<p>Our experienced gynecologists provide compassionate and expert care for women’s health needs.
From routine check-ups to specialized treatments, they offer personalized care and advice
through our secure telehealth platform, ensuring your well-being from the comfort of your home.
</p>
<div class="btn-group">
<a href="/usersignup.html" class="btn">Book an Appointment</a>
</div>
</div>
<div class="testimonial-item"><img src="doctor33.webp">
<h2>Pranshu Sharma</h2>
<div class="expertise">(Psychiatrist)</div>
<div class="rating">
<div class="rating">
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
<i class='bx bxs-star' id="star"></i>
</div>
</div>
<p>Our compassionate psychiatrists offer mental health support through secure virtual consultations.
They provide expert diagnosis, therapy, and medication management for various mental health
conditions, ensuring you receive the care and support you need from the comfort of your home.
</p>
<div class="btn-group">
<a href="/usersignup.html" class="btn">Book an Appointment</a>
</div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>Us</span></h2>
<form action="">
<div class="input-group">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email">
</div>
<div class="input-box">
<input type="Number" placeholder="Phone Number">
<input type="dropdown" placeholder="Query">
</div>
<!-- <div class="input-box">
<input placeholder="Query">
<select id="query">
<option value="">Medical/Health Center</option>
<option value="">Health Checkup</option>
<option value="">Diagnostic Services</option>
<option value="">Basic Life Support Training</option>
<option value="">Vaccinations</option>
<option value="">Wellness</option>
<option value="">Medical Helpline</option>
<option value="">Ambulance Services</option>
</select>
</div> -->
</div>
<div class="input-group-2">
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn">
</div>
</form>
</section>
<footer class="footer">
<div class="social">
<!-- <a href="https://www.linkedin.com/in/suhani-goel-a78537277/" target="_blank""><i class='bx bxl-linkedin'></i></a>
<a href=" https://github.com/suhanigoel24" target="_blank"><i class='bx bxl-github'></i></a>
<a href="https://www.instagram.com/suhani_goel24" target="_blank"><i class='bx bxl-instagram-alt'></i></a>
<a href="https://www.facebook.com/suhani.goel.90/" target="_blank"><i
class='bx bxl-facebook-square'></i></a> -->
</div>
<ul class="list">
<li>
<a href="#">FAQ</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#testimonials">Doctors</a>
</li>
<li>
<a href="#home"> About Us</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
<p class="copyright">
Healthif-i | All Rights Reserved
</p>
</ul>
</footer>
<script src="script.js"></script>
</body>
</html>