-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage2.html
114 lines (111 loc) · 4.45 KB
/
page2.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>O que é o Covid-19?</title>
<link href="http://fonts.googleapis.com/css?family=Varela" rel="stylesheet" />
<link href="Styles/page2.css" rel="stylesheet" type="text/css" media="all" />
<link href="Styles/main.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="cabecalho">
<div id="texto_cabecalho">
<h1><a href="">Covid-19</a></h1>
</div>
<div id="entrada_pages">
<ul>
<li class="link_pages_main"><a href="index.html">Página Inicial</a></li>
<li class="current_page_item"><a href="#">O que é o Covid-19?</a></li>
<li class="link_pages_main"><a href="page3.html">Covid-19 e o Meio-Ambiente</a></li>
<li class="link_pages_main"><a href="page4.html">Isolamento Social</a></li>
<li class="link_pages_main"><a class="last_page" href="page5.html">Hospital Mais Próximo</a></li>
</ul>
</div>
</div>
<div class="line_color"></div>
<div id="info_oms">
<div class="container">
<div class="titulo">
<h2>Siga Sempre as Orientações da OMS</h2>
<span class="subt_oms">Fique em Casa e Proteja Seus Familiares</span>
</div>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public" class="button"
target="_blank">Orientações OMS</a>
</div>
</div>
<div class="image_and_text">
<div class="image_covid">
<a href="https://coronavirus.saude.gov.br" target="_blank"></a><img src="Imagens/corona_info.jpg"></a>
</div>
<div class="txt_corona">
<p>
Declarada em 11 de março de 2020, a pandemia de Covid-19 se alastrou por todo o planeta de uma forma sem
precedentes, devido a globalização, matando mais de 360 mil pessoas, somente no Brasil.
Com o alto número de mortes, casos e ocupação hospitalar, levar a informação a população é cada vez mais
necessário, visando a diminuição das consequências causadas pelo vírus e seu contágio.
</p>
</div>
</div>
<div class="back_protect">
<h2 class="sub_titulo">
COMO SE PROTEGER
</h2>
<br>
<div class="desc_transmissao">
<p>
Principal recomendação é higienizar as mãos. São cuidados simples, mas importantes e que devem
ser
frequentes para prevenir doenças contagiosas
</p>
</div>
</div>
<div class="container_como_se_proteger">
<h3 class="all_titles">
LAVE AS MÃOS
</h3>
<div class="maos">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-01.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-02.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-03.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-04.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-05.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-06.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-07.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-08.png">
<img class="icones_maos" src="https://www.saopaulo.sp.gov.br/guia-coronavirus/assets/images/mao-09.png">
</div>
</div>
<div class="back_mask container">
<h3 class="all_titles">
UTILIZE MÁSCARA
</h3>
<video class="video" poster="Imagens/Médico_atuando.jpg" controls>
<source src="Vídeos/Campanha_Publicitária - Máscara.mp4" type="video/mp4">
</video>
</div>
<div class="container">
<h3 class="all_titles">
VACINE-SE
</h3>
<a href="https://vacinaja.sp.gov.br" target="_blank"><img src="Imagens/primeira_medica_vacinada.webp"
class="image_vac"></a>
<p class="text_vac">Acompanhe a vacinação em seu município.</p>
</div>
<div class="back_stayhome container">
<h3 class="all_titles">
FIQUE EM CASA
</h3>
<video class="video" poster="Imagens/Campanha_Fique_Em_Casa.jpeg" controls>
<source src="Vídeos/Campanha_Fique_em_Casa.mp4" type="video/mp4">
</video>
</div>
<div class="background_page_end">
<div class="page_end">
<article class="text_page_end">Universidade Paulista - UNIP</article>
<article><a class="text_page_end"
href="https://github.com/RicardoPreto/Covid-19_and_Environment/blob/main/LICENSE"
target="_blank">Copyright© 2021</a></article>
</div>
</div>
</body>
</html>