-
Notifications
You must be signed in to change notification settings - Fork 1
/
treatment.html
257 lines (241 loc) · 16.1 KB
/
treatment.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
<!DOCTYPE html>
<html lang="zxx" class="js">
<head>
<meta charset="utf-8">
<meta name="author" content="Softnio">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<!-- Fav Icon -->
<link rel="shortcut icon" href="images/favicon.png">
<!-- Site Title -->
<title>COVID-19 Cyprus Visual Guide</title>
<!-- Bundle and Base CSS -->
<link rel="stylesheet" href="assets/css/bundle.css?ver=100">
<link rel="stylesheet" href="assets/css/styles.css?ver=100">
<!-- AmCharts Resources -->
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
</head>
<body class="nk-body">
<div class="nk-wrap">
<header class="nk-header bg-light has-overlay" id="home">
<div class="overlay shape shape-a"></div><!-- Overlay Shape -->
<div class="nk-navbar is-light is-sticky" id="navbar">
<div class="container-fluid">
<div class="nk-navbar-wrap">
<div class="nk-navbar-logo logo">
<a class="logo-link">
<img class="logo-dark" src="images/logo-dark.png" srcset="images/logo-dark2x.png 2x" alt="logo">
<img class="logo-light" src="images/logo-white.png" srcset="images/logo-white2x.png 2x" alt="logo">
</a>
</div><!-- .nk-navbar-logo -->
<div class="nk-navbar-toggle d-lg-none">
<a href="#" class="toggle" data-menu-toggle="navbar-menu"><em class="icon-menu icon ni ni-menu"></em><em class="icon-close icon ni ni-cross"></em></a>
</div><!-- .nk-navbar-toggle -->
<nav class="nk-navbar-menu" id="navbar-menu">
<ul class="nk-menu">
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="index.html">Home</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="index.html">Cyprus Data</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="about.html">About Covid-19</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="symptoms.html">Symptoms</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="prevention.html">Prevention</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="treatment.html">Treatment</a></li>
<li class="nk-menu-item"><a class="scrollto nav-link nk-menu-link" href="index.html#faq">FAQ</a></li>
</ul>
<ul class="nk-menu-btns">
<li class="nk-menu-item"><a href="index.html#protect" class="btn btn-sm scrollto nav-link">Do & Don’t</a></li>
</ul>
</nav><!-- .nk-navbar-menu -->
</div><!-- .nk-navbar-wrap -->
</div><!-- .container -->
</div><!-- .nk-navbar -->
<div class="nk-banner" style="min-height: 0px;">
</div><!-- .nk-banner -->
</header><!-- .nk-header -->
<main class="nk-pages">
<section class="section section-l section-treatment has-overlay" id="treatment">
<div class="overlay shape shape-b"></div><!-- Overlay Shape -->
<div class="container">
<div class="section-content">
<div class="row g-gs gy-sm-m justify-content-between align-items-center">
<div class="col-lg-7 col-xl-6">
<div class="text-block">
<h5 class="subtitle">Be carefull & Stay Safe</h5>
<h2 class="title">Treatment for coronavirus</h2>
<p align="justify"> <strong>To date, there is no vaccine and no specific antiviral medicine to prevent or treat COVID-2019. </strong> However, those affected should receive care to relieve symptoms. People with serious illness should be hospitalized. Most patients recover thanks to supportive care.</p>
<p align="justify">Antibiotics do not help, as they do not work against viruses. Treatment aims to relieve the symptoms while your body fights the illness. You'll need to stay in isolation, away from other people, until you have recovered.</p>
</div><!-- .text-block -->
</div><!-- .col -->
<div class="col-lg-5">
<div class="box5 bg-accent-light tc-light ">
<h6 class="title">Self Care</h6>
<p>If you have mild symptoms, stay at home until you’ve recovered. You can relieve your symptoms if you:</p>
<ul class="list-arrow">
<li>Rest and sleep</li>
<li>Keep warm</li>
<li>Drink plenty of liquids</li>
<li>Use a room humidifier or take a hot shower to help ease a sore throat and cough</li>
</ul>
<h6 class="title">Medical Treatments</h6>
<p align="justify">If you develop a fever, cough, and have difficulty breathing, promptly seek medical care. Call in advance and tell your health provider of any recent travel or recent contact with travelers.</p>
</div><!-- .box5 -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .section-content -->
</div><!-- .container -->
</section><!-- .section -->
</main><!-- .nk-pages -->
<section class="section section-l bg-light section-handwash" id="handwash">
<div class="container mt-n4">
<div class="section-subhead text-center">
<h4 class="title">Follow steps to <br class="d-sm-none"> wash hands</h4>
<a href="#faq" class="btn btn-sm btn-transparent scrollto"><span>Why do I need wash hand</span><em class="icon ni ni-arrow-long-right"></em></a>
</div>
<div class="section-content">
<div class="row g-gs justify-content-center">
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-a.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Soap on Hand</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-b.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Palm to Palm</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-c.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Between Fingers</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-d.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Back to Hands</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-e.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Clean with Water</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
<div class="col-6 col-mb-5 col-sm-4 col-lg-2">
<div class="box4">
<div class="box4-gfx">
<img src="images/gfx/hand-f.png" alt="">
</div>
<div class="box4-content">
<h6 class="title">Focus on Wrist</h6>
</div>
</div><!-- .box4 -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .section-content -->
</div><!-- .container -->
</section><!-- .section -->
<footer class="nk-footer bg-dark tc-light has-overlay">
<div class="overlay shape shape-c"></div><!-- Overlay Shape -->
<section class="section section-footer section-m tc-light">
<div class="container">
<div class="nk-footer-top">
<div class="row g-gs gy-m">
<div class="col-lg-6 col-md-9 mr-auto">
<div class="wgs wgs-about">
<div class="wgs-logo logo">
<a class="logo-link">
<img src="images/logo-white.png" srcset="images/logo-white2x.png 2x" alt="logo">
</a>
</div>
<div class="wgs-about-text">
<p> This website will try to bring awareness to the people especially on what the virus is, how to prevent the spread etc. The website is also using public data provided by the Johns Hopkins University Center for Systems Science and Engineering (JHU CCSE), in order to visualize the COVID-19 outbreak in Cyprus. </p>
<p>Learn about the Cyprus government response to coronavirus at <a href="https://www.pio.gov.cy/coronavirus/" target="_blank">https://www.pio.gov.cy/coronavirus</a></p>
</div>
<!--
<ul class="wgs-social">
<li><a href="https://www.linkedin.com/in/marios-touloupos-967a69110/" target="_blank"><em class="icon ni ni-linkedin"></em></a></li>
<li><a href="https://www.linkedin.com/in/evgenia-kapassa-abb720107/" target="_blank"><em class="icon ni ni-linkedin"></em></a></li>
</ul>
-->
</div><!-- .wgs -->
</div><!-- .col -->
<div class="col-sm-3 col-lg-3">
<div class="wgs wgs-menu">
<h6 class="wgs-title">Quick Link</h6>
<ul class="wgs-links">
<li><a class="scrollto" href="symptoms.html">Symptoms</a></li>
<li><a class="scrollto" href="prevention.html">Prevention</a></li>
<li><a class="scrollto" href="index.html#protect">Protect Youself</a></li>
<li><a class="scrollto" href="index.html#faq">FAQs</a></li>
<li><a class="scrollto" href="about.html">About Corona</a></li>
</ul>
</div><!-- .wgs -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .nk-footer-top -->
<div class="nk-footer-bottom">
<div class="row align-items-center">
<div class="col-md-12">
<p class="nk-copyright">© 2020 COVID-19 Cyprus Visualization. Template Made by <a href="https://softnio.com" target="_blank">Softnio, Edited by <strong> <a href="https://www.unic.ac.cy/iff/people/" target="_blank">Marios Touloupos</a>,<a href="https://www.unic.ac.cy/iff/people/" target="_blank"> Evgenia Kapassa </a></a></p>
</div><!-- .col -->
</div><!-- .row -->
<div class="row">
<div class="col-12">
<div class="nk-dislaimer">
<p>Disclaimer: We hope you find the information presented on this website useful. This website is for general information and raise awareness of (2019-nCoV) only. <br class="d-none d-lg-block">
All the information based on WHO, NHS and CDC website. The data used is provided by the Johns Hopkins University Center for Systems Science and Engineering (JHU CCSE). <br class="d-none d-lg-block">
Information on our website is meant for awareness, if you have any doubt please verify from respective site.</p>
</div>
</div>
</div>
</div><!-- .nk-footer-bottom -->
</div><!-- .container -->
</section><!-- .section -->
</footer><!-- .nk-footer -->
</div><!-- .nk-wrap -->
<!-- JavaScript -->
<script src="assets/js/bundle.js?ver=100"></script>
<script src="assets/js/scripts.js?ver=100"></script>
<script src="assets/js/amcharts_scripts_active_cases.js"></script>
<script src="assets/js/amcharts_scripts_recover_cases.js"></script>
<script src="assets/js/amcharts_scripts_death_cases.js"></script>
<script src="assets/js/table_last_cases.js"></script>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162710453-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-162710453-1');
</script>
</body>
</html>