-
Notifications
You must be signed in to change notification settings - Fork 4
/
corona.html
153 lines (138 loc) · 8.1 KB
/
corona.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IVEX | Against COVID-19</title>
<!-- Materialize Icon cdn -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Materialize style cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Linking local css file -->
<link rel="stylesheet" href="./css/corona.css">
</head>
<body>
<a href="index.html" class="btn btn-floating btn-large waves-effect waves-light red" id="home-btn">iVex</a>
<!-- MAIN HEADING -->
<div class="">
<h1>CORONAVIRUS (COVID-19)</h1>
</div>
<!-- ABOUT COVID-19 CARD-->
<div id="container">
<div class="col s12 m7" id="covid-card">
<h3 class="header" id="about">ABOUT COVID-19</h3>
<div class="card horizontal small orange lighten-5">
<div class="card-image">
<img src="./images/covid.jpg">
</div>
<div class="card-stacked">
<div class="card-content">
<p>Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus.
<span class="no-display-in-small-screen"><br><br>Most people infected with the COVID-19 virus will experience mild to moderate respiratory illness and recover without requiring special treatment</span>
<br><br>
At this time, there are no specific vaccines <span class="small-screen">or treatments for COVID-19. However, there are many ongoing clinical trials evaluating potential treatments. WHO will continue to provide updated information as soon as clinical findings become available.</span>
</p>
</div>
<div class="card-action">
<a href="https://www.who.int/health-topics/coronavirus#tab=tab_1" class="btn orange darken-1 waves-effect" id="who-btn">W.H.O. | Official COVID-19 Panel</a>
</div>
</div>
</div>
</div>
</div>
<!-- SYMPTOMS OF COVID-19 CARD-->
<div id="container">
<div class="col s12 m7" id="covid-card">
<h3 class="header" id="symp">SYMPTOMS COVID-19</h3>
<div class="card horizontal small brown lighten-5">
<div class="card-image">
<img src="./images/symptoms.jpg">
</div>
<div class="card-stacked">
<div class="card-content">
<p>
Fever or chills <br>
Cough <br>
Shortness of breath or difficulty breathing <br>
Fatigue <br>
Muscle or body aches <br>
Headache <br>
<span class="small-screen">New loss of taste or smell <br>
Sore throat <br></span>
</p>
</div>
<div class="card-action">
<a href="https://www.who.int/health-topics/coronavirus#tab=tab_3" class="btn brown lighten-1 waves-effect" id="who-btn">W.H.O. | Official COVID-19 Symptoms Panel</a>
</div>
</div>
</div>
</div>
</div>
<!-- IVEX SECURITY MEASURES-->
<div class=" center-align" id="covid-card">
<h3><span class="red-text lighten-1">i</span>Vex against COVID-19</h3>
<!-- GRID OF 12 BY 4-->
<div class="init-grid container" id="covid-card">
<!-- COL SPACE 3 OF 12-->
<!-- SANITISED WORKPLACE-->
<div class="card blue lighten-5" id="sec-cards">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./images/sanitised.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Sanitised Hotel Environment<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Your safety is our priority!<i class="material-icons right">close</i></span>
<p>We here at iVex Group of Hotels believe that sanitised workplace is of paramount importance for the safety and well being of the hotel staff and the honourable guests who prefer to choose iVex for a delightful stay.</p>
</div>
</div>
<!-- SANITISE YOURSELF-->
<div class="card brown lighten-5" id="sec-cards">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./images/sanitise.jpg" height="200px">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Sanitise Yourself<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Your safety is our priority!<i class="material-icons right">close</i></span>
<p>We here at iVex Group of Hotels believe that sanitising ourselves is of paramount importance for the safety and well being of the hotel staff and the honourable guests who prefer to choose iVex for a delightful stay.</p>
</div>
</div>
<!-- MASK MANDATORY-->
<div class="card grey lighten-4" id="sec-cards">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./images/mask.jpg" height="200px">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Mask Mandatory<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Your safety is our priority!<i class="material-icons right">close</i></span>
<p>We here at iVex Group of Hotels in the wake of worldwide spread of SARS-COV-2, have made it mandatory for everyone to wear masks within the hotel premises for safety purposes.</p>
</div>
</div>
<!-- LASER GUN-->
<div class="card purple lighten-5" id="sec-cards">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./images/gun.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Thermal Screening Mandatory<i class="material-icons right">more_vert</i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Your safety is our priority!<i class="material-icons right">close</i></span>
<p>We here at iVex Group of Hotels in the wake of worldwide spread of SARS-COV-2, have made it mandatory for everyone to undergo Thermal Screening at entry point for safety purposes.</p>
</div>
</div>
</div>
</div>
<!-- Materialize js cdn -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- jQuery cdn -->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<!-- Linking local js file -->
<script src="./js/corona.js"></script>
</body>
</html>