HTML_CSS/producto.html at master · Agoriro/HTML_CSS · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description" content="Este es un sitio de producto genial">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/estilos.css">
    <link rel="stylesheet" href="css/animations.css">
    <link rel="stylesheet" href="css/grid.css">
    <title>BRAND📦</title>

</head>
<!-- Cierra head -->

<body>
    <nav>
        <a href="index.html"><img src="images/logo.png" alt=""></a>
        <ul>
            <li>
                <a href="faqs.html">Faqs</a></li>
            <li>
                <a href="#">Producto y descripción</a></li>
        </ul>
    </nav>

    <!-- Empiezan beneficios -->

    <div class="container fadeIn">
        <br>
        <h2>Producto y descripción</h2>
        <br>
        <div class="row">
            <div class="col-4">
                <img src="images/ben1.png" alt="">
            </div>
            <div class="col-8">
                <h3>Producto Genial</h3>
                Miles de productos hay en el mercado, pero nada como una caja con gatitos.
            </div>
        </div>
        <div class="row">
            <div class="col-4 no-desk">
                <img src="images/ben2.png" alt="">
            </div>
            <div class="col-8">
                <h3>Producto Impresionantes</h3>
                Miles de productos hay en el mercado, pero nada como una caja con gatitos.
            </div>
            <div class="col-4 no-mobile">
                <img src="images/ben2.png" alt="">
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                <img src="images/ben3.png" alt="">
            </div>
            <div class="col-8">
                <h3>Producto Suavecito</h3>
                Miles de productos hay en el mercado, pero nada como una caja con gatitos.
            </div>
        </div>
    </div>
    <!-- Empiezan beneficios -->


    <!-- Inicio de footer -->
    <footer>
        <div class="option">Terminos y condiciones</div>
        <div class="option"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a1c2cecfd5c0c2d5cee1c3d3c0cfc58fc2cecc">[email&#160;protected]</a></div>
    </footer>
    <!-- Fin de Footer -->

    <!-- Script -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script src="scripts/script.js"></script>
</body>
<!-- Cierra body -->

</html>
<!-- Cierra html -->