-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
268 lines (268 loc) · 13.2 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
<!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>Vacunacion</title>
<link rel="icon" href="./icon/vacuna.png" type="image/png" sizes="16x16">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header class="container">
<div class="logo">
<p>Vaccination</p>
</div>
<nav class="item0">
<a href="#">Database</a>
<a href="#">Education</a>
<a href="#">News</a>
<a href="#">Regulation</a>
<a href="#">Hoax Buster</a>
</nav>
</header>
<section>
<div class="contenedor0">
<div class="box1"></div>
<div class="box2">
<div class="box2__contenedor">
<h1>Fight Virus With Vaccines</h1>
<p class="color__p">Let's stop this pandemic by killing the virus with a vaccine, don't let
yourself and your family get infected
</p>
<div>
<div class="box__quality">
<p class="color__title"><img src="https://img.icons8.com/3d-fluency/94/null/shield.png" alt="Estrella icon by Icons8"> Best protection</p>
</div>
<div class="box__quality">
<p class="color__title"><img src="https://img.icons8.com/flat-round/64/null/star--v1.png" alt="Estrella icon by Icons8">Selected Vaccines</p>
</div>
</div>
</div>
<nav class="navegacion">
<ul class="navegacion__menu">
<li>
<a href="#"><img src="https://img.icons8.com/avantgarde/100/null/clock.png" alt="Reloj icon by Icons8 Patrocinado por CDN77">Schedule your vaccination</a>
<ul class="navegacion__submenu">
<li>
<img src="./icon/icons8-marcador-48.png" alt="Reloj icon by Icons8 Patrocinado por CDN77">
<a href="#">Location</a>
<ul>
<li>
<p>Jakarta Utara</p>
</li>
</ul>
</li>
<li>
<img src="https://img.icons8.com/avantgarde/100/000000/timeline-week.png" alt="icon">
<a href="#">Date</a>
<ul>
<li>
<p>08 July 2021</p>
</li>
</ul>
</li>
<li>
<img src="https://img.icons8.com/avantgarde/100/000000/edit.png" alt="icon">
<a href="#">Vaccine Type</a>
<ul>
<li>
<p>Moderna</p>
</li>
</ul>
</li>
<button type="submit" class="decoration">Submit</button>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</section>
<div class="box__logo">
<div class="box__sizes img-astrazeneca"></div>
<div class="box__sizes img-sinovac"></div>
<div class="box__sizes img-pfizer"></div>
<div class="box__sizes img-moderna"></div>
</div>
<div class="box__why">
<div class="box__why0">
<h2>Why should I vaccine?</h2>
<p>In order to avoud any doubts about getting the COVID-19
vaccine, identify the following 4 benefits of COVID-19
vaccination:
</p>
</div>
</div>
<div class="box__info">
<div>
<img src="https://img.icons8.com/fluency/48/000000/vertical-settings-mixer.png" alt="icon">
<h3>Minimeze the spread of viruses</h3>
<p>
Vaccine has been proven effective to prevent someone from getting infected
with Coronavirus
</p>
</div>
<div>
<img src="https://img.icons8.com/color-glass/48/000000/shield--v1.png" alt="icon">
<h3>Forming antibodies</h3>
<p>COVID-19 vaccine proven to help shape antibody response for immune system</p>
</div>
<div>
<img src="https://img.icons8.com/color-glass/48/000000/conference-call.png" alt="icon">
<h3>Protecting people nearby</h3>
<p>The benefits of COVID-19 vaccination are the vaccine that we get can also
help protect people around us
</p>
</div>
<div>
<img src="https://img.icons8.com/arcade/64/000000/graph.png" alt="icon">
<h3>Creating group immunity</h3>
<p>
COVID-19 vaccination is also beneficial for creating group immunity or header
immunity.
</p>
</div>
</div>
<div class="box__preparations">
<div class="img-preparationsVaccine"></div>
<div class="preparationVaccine">
<div>
<h2>Preparations Before Vaccine</h2>
<p>
The success of vaccines is strongly influenced by the strength of the
body's immune system. Therefore, there are several things that can be
tried to make the COVID-19 vaccine work:
</p>
</div>
<div class="preparation__nav">
<ul class="preparation__menu0">
<li>
<h3><img src="https://img.icons8.com/cotton/64/000000/liquor-shelf--v2.png" alt="icon">Avoid alcoholic beverages</h3>
<ul class="preparation__submenu0">
<li>
<p>inset text</p>
</li>
</ul>
</li>
<li>
<h3><img src="https://img.icons8.com/fluency/48/000000/front-view.png" alt="icon">Avoid stress</h3>
<ul class="preparation__submenu0">
<li>
<p>
Stress has a profound effect on immune work. Moreover, prolonged
stress can increase cortisol production and oxidative stress in the
body.
</p>
</li>
</ul>
</li>
<li>
<h3><img src="https://img.icons8.com/fluency/48/000000/graph.png" alt="icon">Eat healthy food</h3>
<ul class="preparation__submenu0">
<li>
<p>inset text</p>
</li>
</ul>
</li>
<li>
<h3><img src="./icon/icons8-test-parcial-aprobado-64.png" alt="icon">Get enough sleep</h3>
<ul class="preparation__submenu0">
<li>
<p>inset text</p>
</li>
</ul>
</li>
<li>
<h3><img src="./icon/icons8-hearts-64.png" alt="icon">Exercise or physical activity</h3>
<ul class="preparation__submenu0">
<li>
<p>inset text</p>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="box__end">
<div class="img-emergencyContact"></div>
<div>
<div class="end__inf">
<h2>Emergency Contact</h2>
<p>
Contact one of the contacts below if you or your family fell unwell amd
have similar symptoms such as COVID-19, make sure you also take of
yourself before reporting to us:
</p>
</div>
<div class="end__contenedor">
<div>
<h3><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAEXklEQVR4nO2bzW8bRRiHn/Gu7Ti2k5BYiaOWtBSJUilKUCJUNZeKViAqpPZAEVLvHDhwRPAXIA6Ia1Vx5lRuSBSEAOWU8NEqKqVNUatS3EhJm7rxx6b2er3DwXE+vckmnt1NxD6StXJ2/M47v515Z+adDYSEhISEhISE/E8Rqgx9cKf4SkdMXNbhVESQWH+vJuGr7yd5bhiubCVSSUYmJlrdKiH4OSLsT6dGMrMK3CaiwsiHs8XjqRjXY4IzmxsPUK5L+gazru31ZR3LppFcsO3I1Pgf+aE9ursBJQLoUXE5IkTK6f6cWSd7ZIieTB9COHc6IQQ9mQzZoSM7Vdmj6+LLPbq7AV2FkagQp0C2vPewWmfJkmiazvGxMRXVrSDfUmGl/R4gZUQgOwDO9cb4/GiSc70xDFtya9kiV7XbrsKBNFK27b+SIdDkdFcMXQhOd8W4ZVgsWa17xX5CqQC6WLvW9n/bAcUCHERCAYJ2IGhCAYJ2IGiUCtCc9Q7A7LeKUgEmiyaWlEwWTZVmPUXJUrjJtbzJtfzBaTzsgxggJIz8sMilj+/SUbJ8rz9wAYZ/fMrJq/OUMlEqaaUd0hWe1LibIJi9t8zfEz1Mvz/ohSs74okAht1agUTRYvS7RbL3DCppjQfjPfx2sZ++fyucvZIj9dRk4eVOZt7ppzAQ88K1LXgiwFyLLXDnksWFz+6TytdW//bin+Ut5boXTA7fLvP1F6964doWlMeAXNUmb20V4OTV+Q2N3477r3erdssRJT3Ako2835xZ51mLAKDVJEdvFFzZKgzG+fU953hQN8rUSwXsmgmjL+zZ5yZKBJgubf9kU89MdJcJgoWXEjjleWr5J9RLxcaXiJqEti/ToK25dzaVb70WqBultcYrxBcByr1RzKTmquzgXYNDd7YGx3rJ3RDaLb4IIIXgwXiXq7JCSs5ceUS0sjGQ2tWqF675txKceTuDHXVXXXzZIrp+KrU9yyz7J0CxP870xQFXZW++mWG5259lsa97gb/O9nHjfP/q97ouKAzENsSHuRNJfn/XnVAq8H33cf18P7nhNF1PquSG01STGsKWHLptEK3aPHwtjVQ0xbnB/+0X8PhYgsfH1s5QZUTwaNjxaNFTAt8OB00oQNAOBE0oQNAOBE0oQNAOBE0oQNAOBM2BEMCuVjyzHchSeDWvZ1acXi7zjfZ7gBA24O4VUBp5vdriQuOpttV4YazU3RZqhoDkJzfFVOb1BNovKuwoESCi2Z8ASzuVU5bXE5ElUvGPVJhSIsDUSGbW1uQIUnwDOD5iBXm9ckTXvpVxfWzmjRP/tGssJCRE3T9MAHGgE+jY9EkA2kpd+rorQHTl2jxbs2hMjs1rHXgOVDZ9lgElBwXtCJACBoAM0A34c6C/hgkUgEVgnl2sRdazVwFGgcNt/F41EsgBN3f7w71OgwfoTcDtaecJJoEswQ2BKo01RyBDoBVOQbAD5+C3OQi2CoabA6DSIPgfTPRgz/b3bx4AAAAASUVORK5CYII=" alt="icon">Call</h3>
<p>021.123.145.14</p>
<button type="submit"> Call Now</button>
</div>
<div>
<h3><img src="./icon/group-chat.png" alt="icon">Chat</h3>
<!-- <a href="https://www.flaticon.com/free-icons/group-chat" title="group-chat icons">Group-chat icons created by Freepik - Flaticon</a> -->
<p>021.123.145.14</p>
<button type="submit">Chat Now</button>
</div>
<div>
<h3><img src="https://img.icons8.com/color-glass/48/null/video-message.png" alt="icon">Video call</h3>
<p>021.123.145.14</p>
<button type="submit">Video Call Now</button>
</div>
<div>
<h3><img src="https://img.icons8.com/fluency/48/null/secured-letter.png" alt="icon">Menssage</h3>
<p>021.123.145.14</p>
<button type="submit">Menssage Now</button>
</div>
</div>
</div>
</div>
<footer>
<div class="container__footer">
<div class="box__footer">
<div class="logo">
<p>Vaccination</p>
</div>
<div class="terms">
<p >Our goal is to help the worid free from the ongoing pandemic</p>
</div>
</div>
<div>
<div class="box__footer posicion">
<h3>About</h3>
<a href="#">About us</a>
<a href="#">Features</a>
<a href="#">News & Blog</a>
</div>
<div class="box__footer posicion">
<h3>Company</h3>
<a href="#">How we work?</a>
<a href="#">Capital</a>
<a href="#">Security</a>
</div>
<div class="box__footer posicion">
<h3>Support</h3>
<a href="#">FAQs</a>
<a href="#">Support Center</a>
<a href="#">Contact Us</a>
</div>
</div>
</div>
<div class="box__copyright">
<div class="box__copyright__position izquierda">
<p>
@2021 Vacinnation. All rights reserved
</p>
</div>
<div class="box__copyright__position posicion__copy">
<a href="">Terms & agreements</a>
<a href="">Privacy Policy</a>
</div>
</div>
</footer>
</body>
</html>