FrontEndStore/nosotros.html at main · JonathanBetPer/FrontEndStore · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
<!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">
    <title>Frontend Store</title>
    <link rel="stylesheet" href="/css/styles.css">
</head>


<body>
    <header class="header">
        <a href="./index.html">
            <img class="logo" src="./img/logo.png" alt="Logo">
        </a>
    </header>

    <nav class="navegacion">
        <a href="./index.html">Tienda</a>
        <a href="./nosotros.html">Nosotros</a>
    </nav>

    <main class="contenedor">
        <h1>Nosotros</h1>
        <div class="nosotros">
            <div class="nosotrosContenido">
                <p>
                    Nullam tempus orci sed ligula varius, semper blandit enim finibus. Suspendisse tellus odio, lacinia non leo vitae, maximus accumsan justo. Curabitur nec cursus ex.
                    Quisque quis faucibus nulla. Aliquam rhoncus sed libero in consectetur. Sed dignissim sapien pellentesque consequat finibus. Sed aliquam semper porttitor. Fusce ac neque mattis, congue mauris eget, pretium tellus.
                    Duis ut velit vitae nunc ornare posuere. Duis commodo massa sem, in pretium metus fringilla porta. Integer dui nulla, hendrerit eget mauris quis, tincidunt ultrices tortor.
                </p>
                <p>
                    Praesent facilisis ultrices justo eu blandit.
                    In suscipit tortor nisl, eu ornare nunc feugiat eu.  Sed in lacus
                    risus. Nullam gravida vitae justo ullamcorper tempor. Mauris cursus
                    nec ex et volutpat. Phasellus sollicitudin et dolor id tempus.
                </p>
            </div>
            <img src="./img/nosotros.jpg" alt="imagen nosotros" class="nosotros__imagen">
        </div>
    </main>

    <section class="contenedor">
        <h2>¿Por qué comprar con nosotros?</h2>


        <div class="bloques">

            <div class="bloque">
                <img class="imagen" src="./img/icono_1.png" alt="Icono-Precio">
                <h3 class="titulo">El mejor precio</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat blanditiis, quam fugit laborum ullam, earum porro maxime qui saepe animi tempora molestias sit incidunt! Reprehenderit itaque totam exercitationem necessitatibus sint.</p>
            </div>

            <div class="bloque">
                <img class="imagen" src="./img/icono_2.png" alt="Icono-HTML5">
                <h3 class="titulo">Para devs</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat blanditiis, quam fugit laborum ullam, earum porro maxime qui saepe animi tempora molestias sit incidunt! Reprehenderit itaque totam exercitationem necessitatibus sint.</p>
            </div>

            <div class="bloque">
                <img class="imagen" src="./img/icono_3.png" alt="Icono-Envio">
                <h3 class="titulo">Envío gratis</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat blanditiis, quam fugit laborum ullam, earum porro maxime qui saepe animi tempora molestias sit incidunt! Reprehenderit itaque totam exercitationem necessitatibus sint.</p>
            </div>

            <div class="bloque">
                <img class="imagen" src="./img/icono_4.png" alt="Icono-Calidad">
                <h3 class="titulo">La mejor calidad</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat blanditiis, quam fugit laborum ullam, earum porro maxime qui saepe animi tempora molestias sit incidunt! Reprehenderit itaque totam exercitationem necessitatibus sint.</p>
            </div>

        </div>


    </section>

    <footer class="footer">
        <p>Front End Store - Todos los derechos reservados 2021</p>
    </footer>

</body></html>