-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
66 lines (64 loc) · 2.96 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
<!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">
<title>Frontend Store</title>
<link rel="stylesheet" href="CSS/normalize.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">
<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="Logo">
</a>
</header>
<nav class="navegacion">
<a class="navegacion__enlace" href="index.html">Tienda</a>
<a class="navegacion__enlace navegacion__enlace--active" href="nosotros.html">Nosotros</a>
</nav>
<main class="main-container">
<h1>Sobre Nosotros</h1>
<div class="about-container">
<div class="about-container__text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed minima blanditiis ullam, voluptates, esse rem impedit facere hic quia, odit temporibus non. Ut accusamus illum harum reiciendis, modi debitis perferendis.
Voluptate magni dolore voluptatem ipsum magnam placeat? Perferendis odit quos, nisi voluptas repudiandae ratione quod iure, expedita aliquid a eligendi culpa magnam dignissimos praesentium sed cum ipsa voluptatibus accusantium optio.
</p>
</div>
<img src="img/nosotros.jpg" alt="playera redux">
</div>
<div class="benefits">
<h2>Porqué comprar con nosotros</h2>
<div class="benefits__container">
<div class="benefits__item">
<img src="img/icono_1.png" alt="">
<h3>El mejor precio</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="benefits__item">
<img src="img/icono_2.png" alt="">
<h3>Para devs</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="benefits__item">
<img src="img/icono_3.png" alt="">
<h3>Envío gratis</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="benefits__item">
<img src="img/icono_4.png" alt="">
<h3>La mejor calidad</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</main>
<footer class="footer">
<p class="footer__text">Front End Store - Todos los derechos Reservados 2021.</p>
</footer>
</body>
</html>