-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
268 lines (264 loc) · 10.2 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
<!DOCTYPE html>
<html lang="en">
<head> <!-- ===( CODE AASHU )=== -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<title>CODE AASHU | Health Care</title>
</head>
<body>
<header>
<nav class="section__container nav__container">
<div class="nav__logo">Health<span>Care</span></div>
<ul class="nav__links">
<li class="link"><a href="#">Home</a></li>
<li class="link"><a href="#">About Us</a></li>
<li class="link"><a href="#">Services</a></li>
<li class="link"><a href="#">Pages</a></li>
<li class="link"><a href="#">Blog</a></li>
</ul>
<button class="btn">Contact Us</button>
</nav>
<div class="section__container header__container">
<div class="header__content">
<h1>Providing an Exceptional Patient Experience</h1>
<p>
Welcome, where exceptional patient experiences are our priority.
With compassionate care, state-of-the-art facilities, and a
patient-centered approach, we're dedicated to your well-being. Trust
us with your health and experience the difference.
</p>
<button class="btn">See Services</button>
</div>
<div class="header__form">
<form>
<h4>Book Now</h4>
<input type="text" placeholder="First Name" />
<input type="text" placeholder="Last Name" />
<input type="text" placeholder="Address" />
<input type="text" placeholder="Phone No." />
<button class="btn form__btn">Book Appointment</button>
</form>
</div>
</div>
</header>
<section class="section__container service__container">
<div class="service__header">
<div class="service__header__content">
<h2 class="section__header">Our Special service</h2>
<p>
Beyond simply providing medical care, our commitment lies in
delivering unparalleled service tailored to your unique needs.
</p>
</div>
<button class="service__btn">Ask A Service</button>
</div>
<div class="service__grid">
<div class="service__card">
<span><i class="ri-microscope-line"></i></span>
<h4>Laboratory Test</h4>
<p>
Accurate Diagnostics, Swift Results: Experience top-notch Laboratory
Testing at our facility.
</p>
<a href="#">Learn More</a>
</div>
<div class="service__card">
<span><i class="ri-mental-health-line"></i></span>
<h4>Health Check</h4>
<p>
Our thorough assessments and expert evaluations help you stay
proactive about your health.
</p>
<a href="#">Learn More</a>
</div>
<div class="service__card">
<span><i class="ri-hospital-line"></i></span>
<h4>General Dentistry</h4>
<p>
Experience comprehensive oral care with Dentistry. Trust us to keep
your smile healthy and bright.
</p>
<a href="#">Learn More</a>
</div>
</div>
</section>
<section class="section__container about__container">
<div class="about__content">
<h2 class="section__header">About Us</h2>
<p>
Welcome to our healthcare website, your one-stop destination for
reliable and comprehensive health care information. We are committed
to promoting wellness and providing valuable resources to empower you
on your health journey.
</p>
<p>
Explore our extensive collection of expertly written articles and
guides covering a wide range of health topics. From understanding
common medical conditions to tips for maintaining a healthy lifestyle,
our content is designed to educate, inspire, and support you in making
informed choices for your health.
</p>
<p>
Discover practical health tips and lifestyle advice to optimize your
physical and mental well-being. We believe that small changes can lead
to significant improvements in your quality of life, and we're here to
guide you on your path to a healthier and happier you.
</p>
</div>
<div class="about__image">
<img src="assets/about.jpg" alt="about" />
</div>
</section>
<section class="section__container why__container">
<div class="why__image">
<img src="assets/choose-us.jpg" alt="why choose us" />
</div>
<div class="why__content">
<h2 class="section__header">Why Choose Us</h2>
<p>
With a steadfast commitment to your well-being, our team of highly
trained healthcare professionals ensures that you receive nothing
short of exceptional patient experiences.
</p>
<div class="why__grid">
<span><i class="ri-hand-heart-line"></i></span>
<div>
<h4>Intensive Care</h4>
<p>
Our Intensive Care Unit is equipped with advanced technology and
staffed by team of professionals
</p>
</div>
<span><i class="ri-truck-line"></i></span>
<div>
<h4>Free Ambulance Car</h4>
<p>
A compassionate initiative to prioritize your health and
well-being without any financial burden.
</p>
</div>
<span><i class="ri-hospital-line"></i></span>
<div>
<h4>Medical and Surgical</h4>
<p>
Our Medical and Surgical services offer advanced healthcare
solutions to address medical needs.
</p>
</div>
</div>
</div>
</section>
<section class="section__container doctors__container">
<div class="doctors__header">
<div class="doctors__header__content">
<h2 class="section__header">Our Special Doctors</h2>
<p>
We take pride in our exceptional team of doctors, each a specialist
in their respective fields.
</p>
</div>
<div class="doctors__nav">
<span><i class="ri-arrow-left-line"></i></span>
<span><i class="ri-arrow-right-line"></i></span>
</div>
</div>
<div class="doctors__grid">
<div class="doctors__card">
<div class="doctors__card__image">
<img src="assets/doctor-1.jpg" alt="doctor" />
<div class="doctors__socials">
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-heart-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
</div>
</div>
<h4>Dr. Soni bharti</h4>
<p>Cardiologist</p>
</div>
<div class="doctors__card">
<div class="doctors__card__image">
<img src="assets/doctor-2.jpg" alt="doctor" />
<div class="doctors__socials">
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-heart-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
</div>
</div>
<h4>Dr. Paresh Rawal</h4>
<p>Neurosurgeon</p>
</div>
<div class="doctors__card">
<div class="doctors__card__image">
<img src="assets/doctor-3.jpg" alt="doctor" />
<div class="doctors__socials">
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-heart-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
</div>
</div>
<h4>Dr. Munna Bhai</h4>
<p>Dermatologist</p>
</div>
</div>
</section>
<footer class="footer">
<div class="section__container footer__container">
<div class="footer__col">
<h3>Health<span>Care</span></h3>
<p>
We are honored to be a part of your healthcare journey and committed
to delivering compassionate, personalized, and top-notch care every
step of the way.
</p>
<p>
Trust us with your health, and let us work together to achieve the
best possible outcomes for you and your loved ones.
</p>
</div>
<div class="footer__col">
<h4>About Us</h4>
<p>Home</p>
<p>About Us</p>
<p>Work With Us</p>
<p>Our Blog</p>
<p>Terms & Conditions</p>
</div>
<div class="footer__col">
<h4>Services</h4>
<p>Search Terms</p>
<p>Advance Search</p>
<p>Privacy Policy</p>
<p>Suppliers</p>
<p>Our Stores</p>
</div>
<div class="footer__col">
<h4>Contact Us</h4>
<p>
<i class="ri-map-pin-2-fill"></i> Redfort Bridge Street, Delhi
</p>
<p><i class="ri-mail-fill"></i> [email protected]</p>
<p><i class="ri-phone-fill"></i> (+91) 93456 87989</p>
</div>
</div>
<div class="footer__bar">
<div class="footer__bar__content">
<p>Copyright © 2024 codeaashu. All rights reserved.</p>
<div class="footer__socials">
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-heart-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
</div>
</div>
</div>
</footer>
</body>
</html>