-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
104 lines (74 loc) · 5.93 KB
/
index.html
File metadata and controls
104 lines (74 loc) · 5.93 KB
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
<!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">
<link rel="stylesheet" href="estilo.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/530f126b4a.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<title>Botones</title>
</head>
<body>
<div class="contenedor">
<div class="contenedor_left">
<a id="inicio" href=""><h3>Inicio</h3></a>
<a id="quienes" href=""><h3>Quienes Somos</h3></a>
<a id="bioseguridad" href=""><h3>Bioseguridad</h3></a>
<a id="contactos" href=""><h3>Contactos</h3></a>
</div>
<!-- imagen principal -->
<div class="conetenedor_img_principal">
<h1>BIOSEGURIDAD</h1>
<div class="ola" style="height: 150px; overflow: hidden;" >
<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 100%; width: 100%;"><path d="M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #fff;"></path></svg>
</div>
</div>
<div class="contenedor_grid">
<div class="contenedor_img_uno">
<img src="imagenes/escuela_covid.png" alt="">
</div>
<div class="contenedor_parrafo_escuela">
<h2>Regreso a clases</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium unde rerum fugiat placeat, deserunt quo. Error unde dolorem quae assumenda repellendus quos ad reprehenderit facere iure deserunt. Exercitationem, corrupti! Quos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit voluptatum officia corrupti unde perferendis magnam sequi a accusantium doloribus, sit quis ipsa impedit itaque. Debitis quia voluptates hic esse excepturi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam quia natus quas a voluptate, accusantium asperiores laudantium eveniet ullam culpa perspiciatis maxime ea illum consequatur consectetur voluptas eaque, quisquam autem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Harum nesciunt, quisquam sint consequuntur esse porro! Tenetur corporis, ipsa ratione voluptatem asperiores tempora, autem atque hic, veniam vitae sunt eaque est.</p>
</div>
<div class="contenedor_parrafo_lavamanos">
<h2>Lavate las manos</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium unde rerum fugiat placeat, deserunt quo. Error unde dolorem quae assumenda repellendus quos ad reprehenderit facere iure deserunt. Exercitationem, corrupti! Quos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit voluptatum officia corrupti unde perferendis magnam sequi a accusantium doloribus, sit quis ipsa impedit itaque. Debitis quia voluptates hic esse excepturi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
</div>
<div class="contenedor_img_dos">
<img src="imagenes/lavamaos_covid.png" alt="">
</div>
<div class="contenedor_img_tres">
<img src="imagenes/distancia_covid.png" alt="">
</div>
<div class="contenedor_parrafo_distancia">
<h2>Manten tu distancia</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium unde rerum fugiat placeat, deserunt quo. Error unde dolorem quae assumenda repellendus quos ad reprehenderit facere iure deserunt. Exercitationem, corrupti! Quos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit voluptatum officia corrupti unde perferendis magnam sequi a accusantium doloribus, sit quis ipsa impedit itaque. Debitis quia voluptates hic esse excepturi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
</div>
</div>
<div class="contenedor_sintomas">
<h2 id="titulo_sintomas" >Sintomas</h2>
<div class="sintomas">
<img src="imagenes/sintomas.png" alt="">
</div>
<div class="sintomas_texto">
<h2 id="tos">Tos</h2>
<h2 id="dolor">Dolor de cabeza</h2>
<h2 id="fiebre">Fiebre</h2>
<h2 id="moco">Mucosidad</h2>
<h2 id="garganta">Dolor a la <br> garganta</h2>
<h2 id="escalofrio">Escalofrios</h2>
</div>
</div>
<div class="contenedor_covid">
<h2>Que es el covid</h2>
<div class="info_covid">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odio modi totam illum eius ex tempore blanditiis fugiat reiciendis praesentium quis ea repellendus porro, facilis similique quo laudantium nam ullam?Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam corporis modi architecto natus sit dolorem officiis dolor nam voluptas ratione labore, praesentium in adipisci cupiditate voluptatem! Quod recusandae labore a?Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut eaque veniam odio amet? Dolorem ea culpa rem possimus modi accusantium alias velit, et quibusdam asperiores consequatur veniam ullam animi in! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto, voluptatum doloremque dolore fugiat placeat saepe rem iste iure fugit vitae ratione temporibus libero pariatur explicabo minima natus reprehenderit nobis.</p>
</div>
</div>
</div>
</body>
</html>