-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprevention.html
191 lines (184 loc) · 10.2 KB
/
prevention.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Covid tracker
</title>
<link rel="shortcut icon" href="./images/favicon.png" type="image/png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Red+Hat+Display:wght@400;500&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css"
integrity="sha512-Ez0cGzNzHR1tYAv56860NLspgUGuQw16GiOOp/I2LuTmpSK9xDXlgJz3XN4cnpXWDmkNBKXR/VDMTCnAaEooxA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
<!-- CSS -->
<link rel="stylesheet" href="./css/styles.css">
</head>
<body class="loading" onload="loader()">
<div class="loader">
<i class="bx bxs-virus bx-spin"></i>
</div>
<!-- Header -->
<header class="header">
<div class="container">
<div class="nav-frame">
<figure class="pageLogo">
<img src="https://raw.githubusercontent.com/alaattinerby/Covid-19-Website/4c233460e18c1a8cfba4f7c4830e8da0e7c5e8e9/Covid-19/img/page-logo.svg"
class="pageLogo__image" alt="LOGO">
</figure>
<div class="open-menu" id="open-menu">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<nav class="nav-links" id="nav-links">
<a href="index.html" class="nav-link">Statistics</a>
<a href="overview.html" class="nav-link">Overview</a>
<a href="symptoms.html" class="nav-link">Symptoms</a>
<a href="prevention.html" class="nav-link active">Prevention</a>
<a href="news.html" class="nav-link">News</a>
</nav>
</div>
</div>
</header>
<!-- Main -->
<main>
<!-- Prevention -->
<section class="prevention" id="prevention">
<div class="container">
<div class="upside">
<h2 class="upside__title">Covid-19</h2>
<span class="upside__span">What should we do</span>
<p class="upside__desc">
There are some steps that we can all take to lower the transmission rate of Covid-19 and keeps our community safe.
</p>
</div>
<div class="row row-position">
<div class="col-12 col-md-6 col-lg-6">
<span class="prevention__span"><span class="prevention__number">01</span> Wear Face Masks</span>
<p class="prevention__desc">
It is crucial to mask up when around large groups of people. Especially indoors or when on public transport. Even a fabric-based face covering will help catch some of the droplets so that asymptomatic carriers wouldn't unknowingly spread the disease to vulnerable individuals.
</p>
</div>
<div class="col-12 col-md-6 col-lg-6 ">
<figure class="prevention__figure">
<img src="images/prevention1.png" class="prevention__image" alt="">
</figure>
</div>
</div>
<div class="row row-position">
<div class="col-12 col-md-6 col-lg-6 ">
<span class="prevention__span"><span class="prevention__number">02</span>Wash Your Hands</span>
<p class="prevention__desc">
We should always wash our hands and sanitize due to the propensity of the virus to survive on foreign objects for extended amounts of time. It is always a good idea to wash one's hands when coming home after any time spent outdoors.
</p>
</div>
<div class="col-12 col-md-6 col-lg-6">
<figure class="prevention__figure">
<img src="images/prevention2.png" class="prevention__image" alt="">
</figure>
</div>
</div>
<div class="row row-position">
<div class="col-12 col-md-6 col-lg-6 ">
<span class="prevention__span"><span class="prevention__number">03</span>Use tissues</span>
<p class="prevention__desc">Using tissues or a handkerchief when coughing or sneezing is advised not just for Covid-19 but in general. This ensures that droplets don't spread too far and is also polite!</p>
</div>
<div class="col-12 col-md-6 col-lg-6 ">
<figure class="prevention__figure">
<img src="images/prevention3.png" class="prevention__image" alt="">
</figure>
</div>
</div>
<div class="row row-position">
<div class="col-12 col-md-6 col-lg-6 ">
<span class="prevention__span"><span class="prevention__number">04</span>Avoid contact/social distance</span>
<p class="prevention__desc">
Due to how easy Covid-19 is to spread, it is advisable to avoid unnecessary contact with both friends and strangers. Additionally, staying at least one meter apart can help lower the chance of viral transmission.
</p>
</div>
<div class="col-12 col-md-6 col-lg-6">
<figure class="prevention__figure">
<img src="images/prevention4.png" class="prevention__image" alt="">
</figure>
</div>
</div>
<div class="row text-left mt-5 mb-4">
<h4 class="mb-4">Some other steps to prevent the transmission of Covid-19:</h4>
<ul class="mb-4">
<li>Stay home if you feel unwell.</li>
<li>Refrain from smoking and other activities that weaken the lungs.</li>
<li>Practice physical distancing by avoiding unnecessary travel and staying away from large
groups of people.</li>
<li>Practice a healthy lifestyle by eating and resting properly. Additional vitamin C/D/zinc
supplements may be required.NOTE: Please consult your physician regarding any supplements
before use.</li>
</ul>
<h4 class="mb-4">It is important to note that some individuals are more at risk of developing more
life-threatening symptoms. </h4>
<p class="mb-3">They may fall under one or more of the following categories:</p>
<ul>
<li>Aged over 60 and above</li>
<li>High blood pressure</li>
<li>Heart problems/disease</li>
<li>Lung problems/disease</li>
<li>Diabetes</li>
<li>Cancer</li>
<li>Obesity</li>
<li>Asthma</li>
</ul>
<p>
For individuals with elevate risk, it is recommended that you take extra care to avoid crowded
areas. Work from home if possible.
</p>
<p>
Additional tips would be to limit time spent outside in crowded areas unless necessary. Indoor
activities may be enjoyed outdoors such as exercise as long as social distancing and other
locally mandated standard operating procedures (SOPs) are observed. It is essential that we all
do our part so that we can get back to normal!
</p>
<h5 class="fw-bold">Vaccines have been made available through government immunization programs. To
learn more please visit: <a class="fw-bold" href="https://www.vaksincovid.gov.my/"
target="_blank">https://www.vaksincovid.gov.my/</a>
</h5>
</div>
</div>
</section>
<!-- footer -->
<footer class="footer mt-5">
<div class="container">
<div class="row align-center">
<div class="col-12 col-md-3 col-lg-3">
<figure class="logo-figure">
<img src="images/page-logo.svg" class="footer__logo" alt="">
</figure>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="index.html" class="footer__link">Statistics</a>
<a href="overview.html" class="footer__link">Overview</a>
<a href="symptoms.html" class="footer__link">Symptoms</a>
<a href="prevention.html" class="footer__link">Prevention</a>
<a href="news.html" class="footer__link">News</a>
</div>
</div>
</div>
</footer>
</main>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="js/functions.js"></script>
<script>
(function (w, d, u) {
var s = d.createElement('script');
s.async = true;
s.src = u + '?' + (Date.now() / 60000 | 0);
var h = d.getElementsByTagName('script')[0];
h.parentNode.insertBefore(s, h);
})(window, document, 'https://cdn.bitrix24.com/b17929189/crm/site_button/loader_2_plnihy.js');
</script>
</body>
</html>