-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (187 loc) · 7.06 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
<!DOCTYPE html>
<html>
<head>
<title>MenuBar</title>
<!--META TAGS-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--FONTAWESOME-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--GOOGLE FONTS-->
<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=Source+Sans+Pro:wght@300;400&display=swap" rel="stylesheet">
<!--EXTERNAL CSS-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--HEADER-->
<header>
<div class="banner">
<span class="section-left">
<a href="emailto:">Support@email.com</a>
<a href="tel:">+(xx)-xxxxx-xxxxx</a>
</span>
<span class="section-right">
<a href="#"title="Facebook"><i class="fa fa-facebook"></i></a>
<a href="#"title="Instagram"><i class="fa fa-instagram"></i></a>
<a href="#"title="Twitter"><i class="fa fa-twitter"></i></a>
</span>
</div>
<div class="logo parallelogram">
<span class="skew-fix"><img src="https://i.ibb.co/zSG7rx7/logo.png" alt="LEVIOOSA"></span>
</div>
<div class="topnav" id="myTopnav">
<a href="#" class="active">HOME</a>
<a href="#gallery">GALLERY</a>
<a href="#blog">BLOG</a>
<div class="dropdown">
<button class="dropbtn">SERVICES
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content animate">
<a href="#">Surgery</a>
<a href="#">Check ups</a>
<a href="#">Dialysis</a>
</div>
</div>
<a href="#contact">CONTACT</a>
<a href="#about">ABOUT</a>
<a href="#" title="SignIn" style="float:right;"><i class="fa fa-user"></i></a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
</header>
<!--CONTAINER-->
<div class="container">
<section>
<em>WELCOME TO Sonu Hospital</em>
<h1>Take the world's best quality Treatment</h1>
<a href="#" class="btn1">Learn More</a>
</section>
</div>
<!--SECTION1-->
<section class="section1">
<table>
<tr>
<td>
<div class="form">
<h4>REQUEST FOR YOUR</h4>
<h1>Consultation</h1>
<input type="text" name="fname" id="fname" placeholder="Name" maxlength="60" required />
<input type="email" name="email" id="email" placeholder="Email" maxlength="100" required />
<input type="date" name="date" id="date" placeholder="" required />
<select name="service">
<option value="emergencyservice">Emergency Service</option>
<option value="certifiedservice">Certified Service</option>
</select>
<button type="submit" class="btn2">BOOK APPOINTMENT</button>
</div>
</td>
<td>
<em>ABOUT US</em>
<h1>Get better care for your health</h1>
<p>
Live Healthy, eat healthy foods, get enough sleep, exercise regularly, and avoid drugs and alcohol. Manage stress and go for regular medical check-ups.
Practice good hygiene. Good hygiene is important for social, medical, and psychological reasons in that it not only reduces the risk of illness, but it also improves the way others view you and how you view yourself.
</p>
</td>
</tr>
</table>
</section>
<!--SECTION2-->
<section class="section2">
<div class="cards">
<div class="card">
<i class="fa fa-medkit"></i>
<h1>Qualified Doctors</h1>
<p>Doctors and specialists at SevenHills Hospital are considered to be one of the best doctors in India, and this is considering the amount of experience and expertise they bring with them in their respective domains</p>
</div>
<div class="card">
<i class="fa fa-certificate"></i>
<h1>Certified Services</h1>
<p>
Whether you are referred to a physician for surgical care, or you make the choice yourself, don't take your surgeon's qualifications for granted. .</p>
</div>
<div class="card">
<i class="fa fa-stethoscope"></i>
<h1>Advanced Equipment</h1>
<p>modern societies reap great benefits from technological advancements. The healthcare sector is no different. SevenHills Hospital incorporates the latest technology and medical equipment in patient care that helps the doctors diagnose diseases and treat patients effectively and efficiently.</p>
</div>
<div class="card">
<i class="fa fa-heartbeat"></i>
<h1>Emergency Service</h1>
<p>Emergency services have one or more dedicated emergency telephone numbers reserved for critical emergency calls. In some countries, one number is used for all the emergency services</p>
</div>
</div>
</section>
<!--SECTION3-->
<section class="section3">
<div class="cards">
<div class="card">
<section>
<h1>Laboratory Services</h1>
</section>
</div>
<div class="card">
<section>
<h1>General Treatment</h1>
</section>
</div>
<div class="card">
<section>
<h1>Orthopedician</h1>
</section>
</div>
</div>
<div class="content">
<h1>We are well experienced doctors</h1>
<p>We understand your confusion about creating the right balance between quality and cost which is why we have empanelled the doctors. the right combination for you. </p>
</div>
</section>
<!--FOOTER-->
<img src="https://i.ibb.co/ZLHbWJz/footer.png" class="footer_image">
<footer>
<div class="column">
<a class="footer_title">Sonu Hospital</a>
<a>Sonu is a “Global Virtual Hospital” which is established to offer quality healthcare services at affordable pricing without compromising the success rates of the treatment</a>
<a href="#" title="Facebook"><i class="fa fa-facebook"></i></a>
<a href="#" title="Instagram"><i class="fa fa-instagram"></i></a>
<a href="#" title="Twitter"><i class="fa fa-twitter"></i></a>
</div>
<div class="column">
<a class="footer_title">OTHER LINKS</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="#">Ticket</a>
<a href="#">Contact Us</a>
</div>
<div class="column">
<a class="footer_title">SHORT CUT</a>
<a href="">Our Services</a>
<a href="">Our Blog</a>
<a href="">Our Projects</a>
<a href="">About Us</a>
</div>
<div class="column">
<a class="footer_title">LATEST NEWS</a>
<a href="" title="Lorem ipsum dolor sit amet"><img src="https://source.unsplash.com/50x50/?green,trees"></a>
<a href="" title="Lorem ipsum dolor sit amet"><img src="https://source.unsplash.com/50x50/?green,tree"></a>
<a href="" title="Lorem ipsum dolor sit amet"><img src="https://source.unsplash.com/50x50/?green,plant"></a>
<a href="" title="Lorem ipsum dolor sit amet"><img src="https://source.unsplash.com/50x50/?green,forest"></a>
<a href="" title="Lorem ipsum dolor sit amet"><img src="https://source.unsplash.com/50x50/?green,afforestation"></a>
</div>
<div class="column">
<a class="footer_title">GET IN TOUCH</a>
<a title="Address"><i class="fa fa-map-marker"></i> 007, street, province/state, country - zipcode</a>
<a href="emailto:" title="Email"><i class="fa fa-envelope"></i> email@serviceprovider.domain</a>
<a href="tel:" title="Contact"><i class="fa fa-phone"></i> +(x)-xxxx-xxxxx</a>
</div>
<div class="sub-footer">
© CopyRights 2021 Company_name || All rights reserved
</div>
</footer>
<!--JAVASCRIPT-->
<script src="script.js"></script>
</body>
</html>