FrontEndStore/nosotros.html at main · DavidMerino25/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
84
85
86
87
88
89
90
<!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">
    <link rel="stylesheet" href="styles/normalize.css">
    <link rel="stylesheet" href="styles/styles.css">
    <title>Fronted Store</title>
    <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">
</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 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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales aliquet neque, ac tempus
                    purus aliquet quis. Nulla aliquet lorem et lorem sollicitudin malesuada. Maecenas imperdiet turpis
                    at urna scelerisque tristique. Phasellus sem mi, pharetra tempus accumsan pretium, porta eget justo.
                    Quisque vel convallis tortor, eget laoreet justo. Fusce at pellentesque est. Maecenas risus sapien,

                </p>
                <p>
                    Sed feugiat magna nisl, sed vestibulum dolor egestas sit amet. Nulla facilisi. Cras ac arcu ex.
                    Suspendisse ornare dictum sapien at vulputate. Aliquam erat volutpat. Vestibulum aliquam
                    nibh justo in libero. Proin eget ultricies sapien. Fusce porttitor leo nulla, id cursus ante
                    vestibulum at. Fusce rhoncus sagittis augue. In ac lorem suscipit nunc tincidunt auctor vitae id
                    ipsum.</p>

            </div>
            <img class="nosotros__imagen" src="img/nosotros.jpg" alt="nosotros__imagen">
        </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="comprar">
                <h3 class="bloque__titulo">El mejor precio</h3>
                <p>
                    rhoncus sagittis augue. In ac lorem suscipit nunc tincidunt auctor vitae id
                    ipsum.
                </p>
            </div>    <!-- .bloque -->
            <div class="bloque">
                <img class="bloque__imagen" src="img/icono_2.png" alt="comprar">
                <h3 class="bloque__titulo">Para Devs</h3>
                <p>
                    rhoncus sagittis augue. In ac lorem suscipit nunc tincidunt auctor vitae id
                    ipsum.
                </p>
            </div>    <!-- .bloque -->
            <div class="bloque">
                <img class="bloque__imagen" src="img/icono_3.png" alt="comprar">
                <h3 class="bloque__titulo">Envio Gratis</h3>
                <p>
                    rhoncus sagittis augue. In ac lorem suscipit nunc tincidunt auctor vitae id
                    ipsum.
                </p>
            </div>    <!-- .bloque -->
            <div class="bloque">
                <img class="bloque__imagen" src="img/icono_4.png" alt="comprar">
                <h3 class="bloque__titulo">La mejor Calidad</h3>
                <p>
                    rhoncus sagittis augue. In ac lorem suscipit nunc tincidunt auctor vitae id
                    ipsum.
                </p>
            </div>    <!-- .bloque -->
        </div> <!-- .bloques -->
    </section>

    <footer class="footer">
        <p class="footer__texto">Todos los derechos reservados</p>
    </footer>
</body>

</html>