-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
75 lines (63 loc) · 3.42 KB
/
nosotros.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
<!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="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<title>Document</title>
</head>
<body>
<header class="header">
<a href="index.html">
<img class="header__logo" src="img/logo.png" alt="logo">
</a>
</header>
<nav class="navegacion">
<a class="navegacion__enlace" href="index.html">Tienda</a class="nageacion__enlace">
<a class="navegacion__enlace navegacion__enlace--activo" href="nosotros.html">Nosotros</a>
</nav>
<main class="contenedor">
<h1>Nosotros</h1>
<div class="nosotros">
<div class="nosotros__contenido">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet scelerisque nisl. Nunc turpis lacus, facilisis eget efficitur eget, dapibus ac mi. Donec eget enim vestibulum, tristique elit in, varius augue. Cras quis dictum risus, nec luctus felis. In egestas suscipit lacus, ut porttitor purus ultrices at. Maecenas sed neque dolor. Proin non justo non ex commodo sagittis pulvinar ac nisi.
Aliquam nec lectus ut dui malesuada euismod quis sit amet nisl. Donec nunc purus, vestibulum quis tristique a, scelerisque sit amet orci. Ut imperdiet porta ipsum, vitae tincidunt odio varius at. Nunc placerat ultricies eros, non interdum libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque mollis mollis quam, in tempus lorem iaculis non. </p>
</div>
<img class="nosotros__imagen" src="img/nosotros.jpg" alt="nosotros">
</div>
</main>
<section class="contenedor comprar">
<h2 class="comprar__titulo">¿Por que comprar con nosotros</h2>
</section>
<div class="bloques">
<div class="bloque">
<img class="bloque__imagen" src="img/icono_1.png">
<h3 class="bloque__titulo">El mejor Precio</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet scelerisque nisl. Nunc turpis lacus, facilisis eget efficitur eget, dapibus ac mi</p>
</div>
<div class="bloque">
<img class="bloque__imagen" src="img/icono_2.png">
<h3 class="bloque__titulo">Para fanaticos de godzilla</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet scelerisque nisl. Nunc turpis lacus, facilisis eget efficitur eget, dapibus ac mi</p>
</div>
<div class="bloque">
<img class="bloque__imagen" src="img/icono_3.png">
<h3 class="bloque__titulo">Envio Gratis</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet scelerisque nisl. Nunc turpis lacus, facilisis eget efficitur eget, dapibus ac mi</p>
</div>
<div class="bloque">
<img class="bloque__imagen" src="img/icono_4.png">
<h3 class="bloque__titulo">El mejor Precio</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet scelerisque nisl. Nunc turpis lacus, facilisis eget efficitur eget, dapibus ac mi</p>
</div>
</div>
</body>
<footer class="footer">
<p class="footer__texto">Godzilla Merch 2022</p>
</footer>
</html>