Proyecto2udemy/Nosotros.html at main · Stackjaeger/Proyecto2udemy · GitHub

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
<!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 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/Estilos.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>Sobre Nosotros</h1>

      <div class="nosotros">
         <div class="nosotros__contenido">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quo, eveniet cumque dolorem enim dolorum odit iure labore eius placeat voluptatum culpa saepe corrupt praesentium harum blanditiis distinctio eum architecto. Quae, repellendus qui numquam quos architecto cupiditate l laborum tenetur dolores blanditiis quis dolorum ipsa enim? Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quo eveniet cumque dolorem enim dolorum odit iure labore eius placeat voluptatum culpa saepe corrupti cum praesentium harum blanditiis distinctio eum architecto. Quae, repellendus qui numquam quos architecto cupiditate l laborum tenetur dolores blanditiis quis dolorum ipsa enim? Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
         </div>
         <img class="nosotros__imagen" src="img/nosotros.jpg" alt="imagen nosotros">
      </div>
   </main>

   <section class="contenedor comprar">
      <h2 class="comprar__titulo">¿Proqué comprar con Nosotros?</h2>
      <div class="bloques">
         <div class="bloque">
            <img src="img/icono_1.png" alt="" class="bloque__imagen">
            <h3 class="bloque__titulo">El mejor precio</h3>
            <p>Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
         </div>
         <div class="bloque">
            <img src="img/icono_2.png" alt="" class="bloque__imagen">
            <h3 class="bloque__titulo">Para devs</h3>
            <p>Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
         </div>
         <div class="bloque">
            <img src="img/icono_3.png" alt="" class="bloque__imagen">
            <h3 class="bloque__titulo">Envío Gratis</h3>
            <p>Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
         </div>
         <div class="bloque">
            <img src="img/icono_4.png" alt="" class="bloque__imagen">
            <h3 class="bloque__titulo">La mejor calidad</h3>
            <p>Nulla rem eum ducimus laborios repellendus, at porro maiores accusamus rerum a perferendis.</p>
         </div>
      </div>
      </section>

      <footer class="footer">
      <p class="footer__texto">Front End Store - Todos los derechos Reservados 2022.</p>
   </footer>
</body>

</html>