-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
86 lines (73 loc) · 4.01 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
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="es">
<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="icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="preload" href="css/normalize.css">
<link rel="preload" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<title>FrontEnd Store - Nosotros</title>
</head>
<body>
<header class="header">
<a href="index.html">
<img class= "header__logo" src="img/logo.png" alt="logotipo">
</a>
</header>
<nav class="nav">
<a class="nav__enlace" href="index.html">Tienda</a>
<a class="nav__enlace nav__enlace--activo" href="nosotros.html">Nosotros</a>
</nav>
<main class="contenedor">
<h1>Nosotros</h1>
<div class="nosotros">
<div class="nosotros__contenido">
<p>Aenean vehicula id dolor luctus laoreet. Integer nec sodales augue. Nam suscipit,
neque in maximus malesuada, urna nibh suscipit nisi, ac maximus dui dolor a massa.
Morbi at ex non libero cursus dignissim. Aenean fringilla tincidunt scelerisque.
Sed consectetur risus sit amet odio consequat facilisis.</p>
<p>Sed tristique sollicitudin orci id accumsan. Etiam bibendum ipsum eget tellus scelerisque tincidunt.
Morbi volutpat ultricies nibh, ut accumsan elit. Aliquam neque elit, porta eu nibh ut, euismod
vestibulum est. Aenean in imperdiet lorem. Proin diam lorem, ornare nec efficitur id, mattis eu massa.
Quisque eu erat vel mi volutpat blandit. Aenean iaculis volutpat pharetra.</p>
</div>
<img class="nosotros__imagen" src="img/nosotros.jpg" alt="imagen nosotros">
</div>
</main>
<section class="contenedor comprar">
<h2 class="comprar__titulo">¿Por qué comprar con nosotros?</h2>
<div class="bloques">
<div class="bloque hvr-grow">
<img class="bloque__imagen" src="img/icono_1.png" alt="porque comprar">
<h3 class="bloque__titulo">El mejor precio</h3>
<p>Morbi volutpat ultricies nibh, ut accumsan elit. Aliquam neque elit, porta eu nibh ut.</p>
</div> <!-- .bloque-->
<div class="bloque hvr-grow">
<img class="bloque__imagen" src="img/icono_2.png" alt="porque comprar">
<h3 class="bloque__titulo">Para devs</h3>
<p>Morbi volutpat ultricies nibh, ut accumsan elit. Aliquam neque elit, porta eu nibh ut.</p>
</div> <!-- .bloque-->
<div class="bloque hvr-grow">
<img class="bloque__imagen" src="img/icono_3.png" alt="porque comprar">
<h3 class="bloque__titulo">Envío gratis</h3>
<p>Morbi volutpat ultricies nibh, ut accumsan elit. Aliquam neque elit, porta eu nibh ut.</p>
</div> <!-- .bloque-->
<div class="bloque hvr-grow">
<img class="bloque__imagen" src="img/icono_4.png" alt="porque comprar">
<h3 class="bloque__titulo">La mejor calidad</h3>
<p>Morbi volutpat ultricies nibh, ut accumsan elit. Aliquam neque elit, porta eu nibh ut.</p>
</div> <!-- .bloque-->
</div> <!-- .bloques-->
</section>
<footer class="footer">
<p class="footer__texto">Front End Store - Todos los derechos revervados 2023.</p>
<p class="footer__texto">Este es un sitio hecho con fines educativos.</p>
</footer>
</body>
</html>