-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
314 lines (218 loc) · 9.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Covid-19 Website Design Tutorial</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts -->
<header>
<a href="#" class="logo">c<span class="fas fa-virus"></span>ovid-19</a>
<div id="menu" class="fas fa-bars"></div>
<nav class="navbar">
<ul>
<li><a class="active" href="#home">home</a></li>
<li><a href="#protect">protect</a></li>
<li><a href="#symtoms">symptoms</a></li>
<li><a href="#prevent">prevent</a></li>
<li><a href="#handwash">handwash</a></li>
<li><a href="#spread">spread</a></li>
</ul>
</nav>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<div class="content">
<span>Covid-19</span>
<h3>Stay Safe, Stay Home</h3>
<p> Hii I'm <b style="color:crimson;">Vishal Lazrus</b>, requested to all of you in covid pandemic situation please stay home stay safe.</p>
<a href="https://www.covid19india.org/" class="btn">Click here to know covid cases</a>
<a href="https://covid19-twitter.in/" class="btn">Click here to know about availability of Beds,Ventilators,Oxyzen,ICU etc.</a>
<a href="https://www.mohfw.gov.in/covid_vaccination/vaccination/index.html" class="btn">Click here vaccine registration.</a>
</div>
<div class="image">
<img src="./home-img.jpg" alt="">
</div>
</section>
<!-- home section ends -->
<section class="protect" id="protect">
<h1 class="heading">take steps to <span>protect</span> yourself</h1>
<div class="box-container">
<div class="box">
<img src="./protect-1.jpg" alt="">
<h3>Wear A Face Mask</h3>
<p>Covering both your nose and mouth. Read our mask-wearing tips to get the maximum protection for yourself and others.Wearing a face mask in public helps prevent the spread of COVID-19.</p>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/technical-guidance" class="btn">learn more</a>
</div>
<div class="box">
<img src="./protect-2.jpg" alt="">
<h3>Wash Your Hands</h3>
<p>Wash your hands before and after touching the mask.</p>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019" class="btn">learn more</a>
</div>
<div class="box">
<img src="./protect-3.jpg" alt="">
<h3>Avoid Close Contact</h3>
<p>Avoiding Close Contact (Social Distancing) To Reduce Spread of COVID-19</p>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/technical-guidance" class="btn">learn more</a>
</div>
</div>
</section>
<!-- symtoms section starts -->
<section class="symtoms" id="symtoms">
<div class="content">
<h1 class="heading">What Are The Main <span>Symptoms?</span></h1>
<p>The country is struggling with the 2021 second wave of corona which is getting worse day by day. The problems with the second wave are piling up as the symptoms of COVID-19 infections are strange and not common to the previous one. Sore throat is one of the most common symptoms.</p>
<ul>
<div class="one">
<li>fever</li>
<li>Tiredness</li>
<li>Dry Cough</li>
</div>
<div class="two">
<li>Sore Throat</li>
<li>Aches and Pains</li>
<li>Shortness of Breath</li>
</div>
</ul>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019" class="btn">know more</a>
</div>
<div class="image">
<img src="./symptoms-img.jpg" alt="">
</div>
</section>
<!-- symtoms section ends -->
<!-- prevent section starts -->
<section class="prevent" id="prevent">
<div class="row">
<div class="image">
<img src="./dont-img.jpg" alt="">
</div>
<div class="content">
<h1 class="heading">things <span>not to do</span> during covid</h1>
<p>Medical advisories from the World Health Organisation (WHO) has reminded us time and again not to touch our face, nose and mouth too often. This helps reduce the chances of catching the virus as infection from your hands do not reach the nose or mouth from where it can infect the body.</p>
<ul>
<li>Do Not Share Eating</li>
<li>Do Not Touch Your Face or Nose</li>
<li>Do Not Contact Sick People</li>
</ul>
</div>
</div>
<div class="row">
<div class="content">
<h1 class="heading">things <span>to do</span> during covid</h1>
<p>This is the best time to inculcate positive hygiene practices in your children. This includes washing hands thoroughly, using hand sanitizer, the importance of personal hygiene, avoiding any sort of social gathering, especially if they want to play with other children.</p>
<ul>
<li>Wash Your Hands For 20 sec</li>
<li>Wear a Mask if Available</li>
<li>Seek Medical Care Regularly</li>
</ul>
</div>
<div class="image">
<img src="./do-img.jpg" alt="">
</div>
</div>
</section>
<!-- prevent section ends -->
<!-- handwash section starts -->
<section class="handwash" id="handwash">
<h1 class="heading">how to <span>wash you hand</span> properly</h1>
<div class="box-container">
<div class="box">
<span>1</span>
<img src="./hadnwash-1.jpg" alt="">
<h3>Apply Soap on Hand</h3>
</div>
<div class="box">
<span>2</span>
<img src="./hadnwash-2.jpg" alt="">
<h3>Palm to Palm</h3>
</div>
<div class="box">
<span>3</span>
<img src="./hadnwash-3.jpg" alt="">
<h3>Between Fingers</h3>
</div>
<div class="box">
<span>4</span>
<img src="./hadnwash-4.jpg" alt="">
<h3>Back of The Hands</h3>
</div>
<div class="box">
<span>5</span>
<img src="./hadnwash-5.jpg" alt="">
<h3>clean with water</h3>
</div>
<div class="box">
<span>6</span>
<img src="./hadnwash-6.jpg" alt="">
<h3>Use Towel to Dry</h3>
</div>
</div>
</section>
<!-- handwash section ends -->
<!-- spread section starts -->
<section class="spread" id="spread">
<h1 class="heading">how Covid-19 <span>spreads</span> over the world</h1>
<img src="./map.jpg" alt="">
</section>
<!-- spread section ends -->
<!-- footer section starts -->
<section class="footer">
<div class="box-container">
<div class="box">
<h3>About me</h3>
<p> My self<b style="color:chartreuse"> Vishal Lazrus.</b> Now I am pursuing B-tech in LPU with computer science.I am Wishing India to get well soon. </p>
<img id="vishal" src="./vishal.jpg" alt="">
</div>
<div class="box">
<h3>Covid cases</h3>
<a href="https://www.covid19india.org/">India</a>
<a href="#">USA</a>
<a href="#">Russia</a>
<a href="#">Japan</a>
<a href="#">France</a>
<a href="#">Africa</a>
<a href="#">Spain</a>
</div>
<div class="box">
<h3>quick links</h3>
<a href="#home">home</a>
<a href="#protect">protect</a>
<a href="#symtoms">symptoms</a>
<a href="#prevent">prevent</a>
<a href="#handwash">handwash</a>
<a href="#spread">spread</a>
</div>
<div class="box">
<h3>contact info</h3>
<p> <i class="fas fa-phone"></i> 7317-------52 </p>
<p> <i class="fas fa-envelope"></i> [email protected] </p>
<p> <i class="fas fa-map-marker-alt"></i> Sitamadhi 843313, Bihar, India. </p>
<div class="share">
<a href="https://www.youtube.com/channel/UCH_ebrNFfZEX8KmiSMsvZbg" class="fab fa-youtube"></a>
<a href="https://www.facebook.com/vishal.lazrus" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="https://www.instagram.com/vishallazrus/" class="fab fa-instagram"></a>
</div>
</div>
</div>
<h1 class="credit"> created by <a href="#"> Vishal lazrus, S/O Lazrus Ambros.</a> </h1>
</section>
<!-- footer section ends -->
<!-- scroll top -->
<a href="#home" class="scroll-top">
<img src="/pictures/scroll-img.png" alt="">
</a>
<!-- jquery cdn link -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- custom js file link -->
<script src="js/script.js"></script>
</body>
</html>