-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
248 lines (212 loc) · 12.7 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
<!DOCTYPE html>
<html>
<head>
<title>COVID-19 | HOME</title>
<link rel="stylesheet" type="text/css" href="/Covid-19-Updates-Kim/css/home.css">
<link rel="icon" type="image/x-icon" href="/Covid-19-Updates-Kim/images/red.png">
<!--<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
</head>
<body>
<header>
<a href="home.html"> <img src="/Covid-19-Updates-Kim/images/red.png"style="width:70px;cursor:pointer;position:relative;margin-left:40px"></a>
<a href="home.html" class="logo" style="flex:1 1 40rem">COVID-19</a>
<!--SARS-CoV-2-->
<ul style="margin-right:40px">
<li><a href="/Covid-19-Updates-Kim/html/home.html" class="active">HOME</a></li>
<li><a href="/Covid-19-Updates-Kim/html/outbreak.html">OUTBREAK</a></li>
<li><a href="/Covid-19-Updates-Kim/html/inter.html" >INTERNATIONAL</a></li>
<li><a href="/Covid-19-Updates-Kim/html/national.html" >NATIONAL</a></li>
</ul>
</header>
<div class="top" id="top"></div>
<section>
<img src="/Covid-19-Updates-Kim/images/stars.png" id="stars">
<img src="/Covid-19-Updates-Kim/images/red.png" id="red">
<img src="/Covid-19-Updates-Kim/images/mountains_behind.png" id="mountains_behind">
<h2 id="text">WELCOME TO COVID-19 KG UPDATES</h2>
<a href="#audio" id="btn">Explore News</a>
<img src="/Covid-19-Updates-Kim/images/mountains_front.png" id="mountains_front">
</section>
<!--<div class="sec" id="sec" >
<h2>COVID-19 OUTBREAK</h2>
<p style="width:590px;height:0px">
Coronaviruses are a group of viruses belonging to the family of Coronaviridae, which infect both animals and
humans. Human coronaviruses can cause mild disease similar to a common cold, while others cause more severe
disease (such as MERS - Middle East Respiratory Syndrome and SARS – Severe Acute Respiratory Syndrome). A
new coronavirus that previously has not been identified in humans emerged in Wuhan, China in December 2019.
<br><br>Signs and symptoms include respiratory symptoms and include fever, cough and shortness of breath. In more
severe cases, infection can cause pneumonia, severe acute respiratory syndrome and sometimes death. Standard
recommendations to prevent the spread of COVID-19 include frequent cleaning of hands using alcohol-based hand
rub or soap and water; covering the nose and mouth with a flexed elbow or disposable tissue when coughing and
sneezing; and avoiding close contact with anyone that has a fever and cough.
<br><br>WHO is working closely with global experts, governments and partners to rapidly expand scientific knowledge on
this new virus and to provide timely advice on measures to protect people’s health and prevent the spread of this
outbreak.<br><br>
Health workers are at the front line of any outbreak response and as such are exposed to hazards that put them
at risk of infection with an outbreak pathogen (in this case COVID-19). Hazards include pathogen exposure, long
working hours, psychological distress, fatigue, occupational burnout, stigma, and physical and psychological
violence.
</p>
<a href="/pdf/covid_details.pdf" class="btn1" style="top:465px;box-shadow: 0 .5rem 1rem rgb(0, 0, 0)">Learn More</a>
<a href = "/pdf/covid_details.pdf" download = "Covid-19_Details" class="btn1" style="top:465px;left:160px;box-shadow: 0 .5rem 1rem rgb(0, 0, 0)">Download</a>
<img src="/images/home-img.png" alt="" style="width:50%;margin-left:650px;margin-top:-185px;box-shadow: 0 .5rem 1rem rgb(0, 0, 0)">
</div>
<-- <div class="home">
<div class="content">
<span>Covid-19</span>
<h3>Stay Home, Stay Safe</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas dolores quibusdam ad sapiente quod harum recusandae esse voluptates repellat tempore.</p>
<a href="#" class="btn1">protect now</a>
<a href = "/pdf/covid_details.pdf" download = "Covid-19_Details" class="btn1">Download</a>
</div>
<div class="image">
<img src="/images/home-img.png" alt="">
</div>
</div>-->
<!-- home section ends -->
<!-- <div class="home">
<div class="protect" id="protect" style="height:720px;">
<h1 class="heading">TAKE STEPS TO <span style="color:#ff4e5b">PROTECT</span> YOURSELF</h1>
<div class="box-container">
<div class="box">
<img src="/images/protect-1.png" alt="">
<h3>Wear A Face Mask</h3>
<p>WEAR a face covering or mask when in public, around high-risk people, when caring for others, or when around those not in your household!</p>
<a href="/html/video.html" class="btn1">Watch Video</a>
</div>
<div class="box">
<img src="/images/protect-2.png" alt="">
<h3>Wash Your Hands</h3>
<p>WASH your hands often and regularly for at least 20 seconds, If soap and water are not accessible, clean your hand with hand sanitizer!</p>
<a href="/html/video.html" class="btn1">Watch Video</a>
</div>
<div class="box">
<img src="/images/protect-3.png" alt="">
<h3>Avoid Close Contact</h3>
<p>WAIT at least 6 feet apart from others when you are outside your home or in public or enclosed spaces as this is the safest distance to maintain!</p>
<a href="/html/video.html" class="btn1">Watch Video</a>
</div>
</div>
</div> </div>-->
<!-- symtoms section starts -->
<div>
<div class="symtoms" id="symtoms" style="padding-top:160px;padding-bottom:50px">
<div class="content" style="margin-bottom:50px">
<h1 class="heading" style="padding:1rem; color: #ffffff;text-align: center;">WHAT ARE THE MAIN <span style="color:rgb(255 78 91)">SYMPTOMS?</span></h1>
<p style="text-align:justify">COVID-19 is an infectious disease caused by the SARS-CoV-2 virus. It can cause symptoms ranging from mild to very severe whilst some of them are listed here</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>
<center>
<a href="#prevent" class="btn1" style="left:195px;position:sticky">Know More</a></center>
</div>
<div class="image">
<img src="/Covid-19-Updates-Kim/images/symptoms-img.png" alt="">
</div>
</div></div>
<!-- prevent section starts -->
<div style="background: #752237">
<div class="prevent" id="prevent" style="height:780px">
<div class="row">
<div class="image">
<img src="/Covid-19-Updates-Kim/images/dont-img.png" alt="" style="height:440px">
</div>
<div class="content" style="padding-top:0px; margin-top: -105px;">
<h1 class="heading">THINGS <span>NOT TO DO</span> DURING COVID</h1>
<p>If you're ill with COVID-19 , you can help prevent the spread of the COVID-19 virus also prevent yourself from falling sick again by following these measures!</p>
<ul>
<li>Do Not Share Eatables or Things</li>
<li>Do Not Touch Your Face or Nose</li>
<li>Do Not Come in Contact with Sick People</li>
</ul>
</div>
</div>
<div class="row" style="padding-top:215px">
<div class="content" style="padding-bottom: 0px;margin-bottom: -50px;">
<h1 class="heading">THINGS <span>TO DO</span> DURING COVID</h1>
<p>There are many ways your actions can help protect you, your household, and your community from severe illness from COVID-19 follow these during covid!</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="/Covid-19-Updates-Kim/images/do-img.png" alt="">
</div>
</div>
</div></div>
<div>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<div class="container" id="container">
<form action="/html/service.html">
<h1>Join Our Newsletter</h1>
<p>Sign Up Now-For Updates on Latest News, Events, Advocacy & Research<br>Nothing More, Nothing Less!</p>
<div class="email-box">
<i class="fas fa-envelope"></i>
<!--<input class="tbox" type="email" name="" value="" placeholder="Enter your email">-->
<!--<button href="/html/service.html"class="btn2" type="button" name="button" style="border-color:transparent;">Subscribe</button>-->
<a href="/Covid-19-Updates-Kim/html/news.html" class="btn1" style="border-color:transparent;text-decoration: none;margin-top:0px;padding-top:7px;border-radius:0px">Subscribe</a>
</div>
</form>
</div></div>
<div class="audio" id="audio"style="overflow-y: hidden;"><div class="audio_canvas">
<iframe style="border-radius:12px; background-color:#282828;" src="https://open.spotify.com/embed/playlist/31vzarFJ8334bmHEzkFKGy?utm_source=generator&theme=0" width="100%" height="380"
frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<style>.audio{position:relative;text-align:right;width:100%;height:381px;}.audio_canvas {overflow:hidden;background:#262525!important;width:100%;height:1446px;}</style>
</div>
<div class="mapouter" style="overflow-y: hidden;"><div class="gmap_canvas">
<iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=1293&height=1446&hl=en&q=saibaba colony, coimbatore&t=&z=14&ie=UTF8&iwloc=B&output=embed">
</iframe>
<a href="https://pdflist.com/" alt="pdf">Pdf</a>
</div>
<style>.mapouter{position:relative;text-align:right;width:100%;height:430px;}.gmap_canvas {overflow:hidden;background:black!important;width:100%;height:1446px;}.gmap_iframe {height:430px!important;}</style>
</div>
<footer>
<div class="footer_content" id="footer_content">
<h3>Designed by Kimberly Marcelin Nathan</h3>
<p>copyright © 2023 | COVID-19-KG-UPDATES <br>All Rights Reserved</p>
</div>
</footer>
<!--add all information-->
<script>
let stars = document.getElementById('stars');
let red = document.getElementById('red');
let mountains_behind = document.getElementById('mountains_behind');
let text = document.getElementById('text');
let btn = document.getElementById('btn');
let mountain_front= document.getElementById('mounttain_front');
let header = document.querySelector('header');
window.addEventListener('scroll',function()
{
let value = window.scrollY;
stars.style.left=value* 0.25 +'px';
red.style.top=value* 1.25 +'px';
mountains_behind.style.top=value* 0.5 +'px';
mountains_front.style.top=value* 0 +'px';
text.style.marginRight=value* 7 +'px';
text.style.margintop=value* 1.5 +'px';
btn.style.marginTop=value* 1.5 +'px';
header.style.top=value*0.5+'px';
})
</script>
<a href="#top" class="scroll-top">
<img src="/Covid-19-Updates-Kim/images/red.png" alt="" style="height:100px;width:100px">
</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="/Covid-19-Updates-Kim/js/service.js"></script>
</body>
</html>