-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
72 lines (61 loc) · 3.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FrontEnd Store</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<a href="index.html">
<img class="header__logo" src="img/logo.png" alt="Logotipo">
</a>
</header>
<nav class="navegacion">
<a class="navegacion__enlace" href="index.html">Tienda</a>
<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>Nam nec metus a risus auctor congue nec non felis. Donec eu diam facilisis, semper nisl sed, ultricies ligula. Duis convallis tortor eu mi interdum feugiat. Pellentesque diam dolor, dignissim sit amet metus vitae, viverra dapibus odio. Mauris lobortis odio nisi, ut pulvinar nisl accumsan non. Aliquam vitae diam elementum ipsum gravida mattis. Nulla facilisi. Etiam eu urna at arcu dignissim tempor. Vestibulum ultrices ex ante, quis gravida metus vehicula nec. Donec interdum ultricies diam, congue dictum libero auctor quis. </p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin porta pretium felis, ac semper nulla pellentesque sed. Morbi condimentum mauris orci. In blandit et dolor vel consequat. Cras urna odio, euismod sit amet mauris a, varius dignissim neque.
</p>
</div>
<img class="nosotros__imagen" src="img/nosotros.jpg" alt="imagen nosotros">
</div>
</main>
<section class="contenedor comprar">
<h2 class="comprar__titulo">¿Porqué Comprar con nosotros?</h2>
<div class="bloques">
<div class="bloque">
<img class="bloque__imagen" src="img/icono_1.png" alt="porque comprar">
<h3 class="bloque__titulo">El Mejor Precio</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin porta pretium felis</p>
</div> <!--.bloque-->
<div class="bloque">
<img class="bloque__imagen" src="img/icono_2.png" alt="porque comprar">
<h3 class="bloque__titulo">Para Devs</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin porta pretium felis</p>
</div> <!--.bloque-->
<div class="bloque">
<img class="bloque__imagen" src="img/icono_3.png" alt="porque comprar">
<h3 class="bloque__titulo">Envío Gratis</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin porta pretium felis</p>
</div> <!--.bloque-->
<div class="bloque">
<img class="bloque__imagen" src="img/icono_4.png" alt="porque comprar">
<h3 class="bloque__titulo">La Mejor Calidad</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin porta pretium felis</p>
</div> <!--.bloque-->
</div><!--.bloques-->
</section>
<footer class="footer">
<p class="footer__texto">Front End Store - Todos los derechos Reservados 2022.</p>
</footer>
</body>
</html>