-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (129 loc) · 6.16 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
<!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>WebHospital</title>
<link rel="stylesheet" href="./styles/styles.css">
</head>
<body>
<header class="header">
<div class="container Espaciado--logo--texto">
<a href="#"> <img src="../image/logoblan.png" alt="WebHospital" width="200px" height="80px"></a>
<nav class="estilolista">
<ul class>
<li><a href="#">Inicio</a></li>
<li><a href="#">Acerca</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Clientes</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<main class="main">
<!--Primera seccion de la pagina-->
<div class="relative">
<p class="comba">Combate los virus con </p>
<p class="titu">WebHospital</p>
<a class="agenda" href="https://calendar.google.com">Agenda con Nosotros</a>
<img src="./image/7.png" alt="" width="250px" class="imagen1">
<div class="agendabox">
<ul>
<ul>
<li>Ubicación</li>
<li> Fecha</li>
<li>Vacuna</li>
</ul>
<ul>
<li>Veracruz,Ver</li>
<li>14/03/2022</li>
<li>SPUTNIK</li>
</ul>
</ul>
</div>
</div>
<!--BANER INFERIOR NOMBRE VACUNAS-->
<div class="s2 relative">
<p class="s3 ">Ventaja de Vacunarte?</p>
<div class="ventajasbox relative">
<h5>Minimiza los efectos de los viruz</h5>
<p>Al vacunarse generas protección contra los sintomas, reduciendo en gran medida los efectos del viruz.</p>
<img class="s2image"src="./image/icon1.png" alt="" width="50px">
</div>
<div class="ventajasbox relative">
<h5>Forma aticuerpos</h5>
<p>Al vacunate tu cuerpo se adapta y genera anticuerpos que combaten el viruz</p>
<img class="s2image"src="./image/icon2.png" alt="" width="50px">
</div>
<div class="ventajasbox relative">
<h5>Protege tu alrededor</h5>
<p>Al estar vacunado ayudas protegiendo a tus seres queridos y personas al rededor de ti.</p>
<img class="s2image" src="./image/icon3.png" alt="" width="50px">
</div>
</div>
<!--PARTE 3-->
<div class="relative">
<div class="fondoendiv"></div>
<img class="doc2" src="./image/doctor.png" alt="" width="230px">
<div>
</div>
<!--Botones despegables-->
<h2 class="titusalud"> Como preparte para vacunarte?</h2>
<div class="titusal2">
<p>El exito de la vacuna esta fuertemente influenciada por la fortaleza del sistema inmune. Por lo tanto, existen multiples tareas que podemos intentar para que la vacuna funcione:</p>
</div>
<div class="botones">
<section id="menu1">
<a href="#menu1">Evita Bebidas alcoholicas</a>
<p>No se recomienda tomar bebidas alcoholicas antes o despues de vacunarse, ya que podria generar una reacción no deseada.</p>
</section>
<section id="menu2">
<a href="#menu2">Evita el estress</a>
<p>El estrés aumenta la presión arterial. El estrés aumenta la inflamación en su cuerpo. El estrés puede aumentar el colesterol y los triglicéridos en la sangre. </p>
</section>
<section id="menu3">
<a href="#menu3">Come saludable</a>
<p>Beneficios de una alimentación saludable · Disminución del riesgo de padecer enfermedades cardiovasculares a largo plazo, ayudando a reducir el colesterol (LDL).</p>
</section>
<section id="menu4">
<a href="#menu4">Dormir lo suficiente</a>
<p>"El dormir mantiene todos los aspectos del cuerpo de una forma u otra: el equilibrio energético y molecular, así como también la función intelectual, el estado de alerta y el humor"</p>
</section>
<section id="menu5">
<a href="#menu5">Actividades Fisicas</a>
<p>La incorporación a la rutina diaria de una actividad física constante y moderada induce una serie de cambios fisiológicos en el organismo que van más allá del hecho de quemar calorías, reducir grasa y mantener la masa muscular. Además de favorecer la pérdida de peso y mejorar la relación con la comida y el propio organismo.</p>
</section>
</div>
</div>
<!--EMERGENCIA-->
<div class="relative">
<div class="fondoendiv2"></div>
<img class="nurse" src="./image/nurse.png" alt="" width="230px">
<div class="contenedor-grid">
<div><p>Emergencia 911</p><img src="./image/icon4.png" alt="" width="80px" height="50px"></div>
<div><a href="#" class="myButton">Chat</a><img src="./image/icon5.png" alt="" width="80px" height="50px"></div>
</div>
</div>
</main>
<footer class="pie">
<ul>
<li><p class="p2">Vacunacion</p></li>
<p></p>Nuestro objetivo es ayudar a un mundo libre de Covid-19</p>
</ul>
<ul><p class="p2"> Acerca de</p>
<li><a href="#">Sobre nosotros</a></li>
<li><a href="#">Caracteristicas</a></li>
<li><a href="#">Noticias y blog</a></li>
</ul>
<ul>
<li><a href="#">Preguntas comunes</a></li>
<li><a href="#">Centro de soporte</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<p>@2022 WebHospital. Todos los derechos reservados</p>
<p>Terminos y condiciones. Politica de privacidad.</p>
</footer>
</body>
</html>