-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
66 lines (51 loc) · 2.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/stilos.css">
<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>Proyecto final</title>
</head>
<body>
<header>
<div class="img1">
<div class="caja">
<h2>Pilares</h2>
</div>
</div>
<div class="cajita1">
<h3> ¿Que es? </h3>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, animi sit. Ab eum enim, dolorum veniam molestias fugit sed saepe at error nemo officiis, sit vero vitae blanditiis perspiciatis accusantium placeat, repudiandae possimus sunt? Quaerat dicta, porro iusto deleniti delectus excepturi in laboriosam eligendi ad ut quibusdam obcaecati aliquam voluptatibus. </p>
</div>
</header>
<main>
<div class="img2">
<div class="caja1">
<h2>Recreación</h2>
</div>
</div>
<div class="cajita2">
<h3>Proyecto</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos eos libero facilis aliquid facere est possimus, id consequuntur optio exercitationem, sed quasi dolores beatae assumenda, consectetur sint tenetur quod. Commodi, ipsam, odit nulla ea ducimus deserunt necessitatibus assumenda fuga velit exercitationem enim minima atque, dicta sunt sapiente aliquid. Fugiat, animi.</p>
</div>
<div class="img3">
<div class="caja2">
<h2>Conexión</h2>
</div>
</div>
<div class="cajita3">
<h3>¿Que ofrece?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt sapiente dolorum laboriosam labore dolor, nihil blanditiis minus ex doloremque id sit qui odit dolore corporis, animi repudiandae. Quod, similique? Tempora fuga optio ipsum quod ipsam, nam, reiciendis, nobis aliquid accusamus nisi est facilis! Eveniet id voluptatum aperiam reiciendis voluptatem asperiores!</p>
</div>
</main>
<footer>
<div class="img4">
<div class="caja3">
<h1>Empoderamiento</h1>
</div>
</div>
</footer>
<p>HOKA</p>
</body>
</html>