ProyectoEcomerce-RR-PA2/index.html at main · My191919/ProyectoEcomerce-RR-PA2 · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Journey Home</title>
    <link rel="stylesheet" href="/styles/style_index.css">
    <link rel="stylesheet" href="/styles/stylesComponents/style_cart.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
    <link rel="shortcut icon" href="/assets/images/logo2.png" type="image/x-icon">
</head>

<body>
    <!-- Aquí se cargará el navbar -->
    <div id="navbar"></div>
    <!------------------------------->

    <!-- Aquí se cargará el carrito -->
    <div id="cart-container"></div>
    <!------------------------------->

    <!-- Aquí se cargará el Home -->
<!-- lo de arriba lo puse alli en donde te señalé y ya de resto pues queda casi q igual, lo otro es los productos adapatados pues ya no se ven  -->
    <div class="home-journey3">
        <div class="display-left">
            <div id="bluetgif"><!--& Todo este contendor tenia el id="home-journey"    VERIFICAR-->
            <img src="../assets/images/BLUETINICIO.gif" alt="Logo de Journey" class="logo-journey" style="height: 250px;">
            </div>
            <div class="home-journey2">
                <h1>¡Bienvenid@ a JOURNEY!</h1>
                <h3>El viaje donde ya no eres invisible</h3>
            </div><!--& id="home-journey"    VERIFICAR-->
        </div>

        <div class="display-right">
            <h2><strong>¿Qué es Journey?</strong></h2>
            <p>Journey es una tienda en línea pensada con mucho cariño para ofrecer productos didácticos que apoyen
                el aprendizaje y desarrollo de niños y niñas dentro del espectro autista. Aquí todo ha sido diseñado
                para brindar una experiencia sensorial agradable: usamos colores suaves, letras claras y una
                navegación sencilla, para que te sientas cómodo mientras exploras, pero Journey es más que una
                tienda, es un espacio donde padres, madres y cuidadores como tú pueden encontrar herramientas
                útiles, información confiable y la tranquilidad de saber que están eligiendo lo mejor para sus
                pequeños.
            </p>
            <div class="display-right2">
                <button class="button-conoce" onclick="location.href='./HTML/aboutus.html'">
                    <strong>CONOCE MÁS SOBRE NOSOTROS</strong>
                </button>
            </div>
        </div>
    </div>

    <section id="productos-journey">
        <div class="productos-titulo">
            <p>Productos adaptados a ti</p>
            <h3>Destacados del mes por categoría</h3>
        </div>
        <div class="imagenes-home">
            <div class="severity-container">
                <img src="../assets/images/LeveBurbuja.png" alt="LEVE">
                <button onclick="location.href='./HTML/products.html'">COMPRA AQUÍ</button>
            </div>
            <div class="severity-container">
                <img src="../assets/images/ModeradoBurbuja.png" alt="MODERADO">
                <button onclick="location.href='./HTML/products.html'">COMPRA AQUÍ</button>
            </div>
            <div class="severity-container">
                <img src="../assets/images/AvanzadoBurbuja 1.png" alt="AVANZADO">
                <button onclick="location.href='./HTML/products.html'">COMPRA AQUÍ</button>
            </div>
        </div>
    </section>


    <section id="comentarios">
        <div class="comentarios-carousel">
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐</span>
                <p>"Gracias a su atención, pude encontrar justo lo que necesitaba para mi hijo. Excelente calidad y
                    servicio."</p>
                <h5>— Antonia S.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐</span>
                <p>"Los materiales son geniales. A mi hijo le encantaron los juegos sensoriales y hemos notado avances
                    en su concentración."</p>
                <h5>— Lucy F.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐⭐</span>
                <p>"Mi hijo no suele engancharse fácilmente con los juguetes, pero los de esta tienda fueron un éxito
                    total. Son seguros, educativos y muy bien pensados."</p>
                <h5>— Terrence E.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐⭐</span>
                <p>"Me sentí muy acompañada en el proceso de compra. Es difícil encontrar productos tan específicos,
                    ¡gracias por pensar en nuestros niños!"</p>
                <h5>— Valentin M.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐</span>
                <p>"Soy terapeuta ocupacional y sus productos son un gran apoyo para mis sesiones. ¡Ya he recomendado la
                    tienda a varios colegas!"</p>
                <h5>— Natasha R.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐⭐</span>
                <p>"Excelente atención y variedad de juguetes educativos. Mi hijo está encantado y yo feliz con la
                    compra. ¡Recomendado al 100%!"</p>
                <h5>— Elena G.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐</span>
                <p>"Los productos llegaron rápido y en perfecto estado. La calidad es muy buena y el servicio al cliente
                    muy amable. Volveré a comprar seguro."</p>
                <h5>— Javier G.</h5>
            </div>
            <div class="comentario-circular">
                <span>⭐⭐⭐⭐</span>
                <p>"Me encanta la selección de juguetes, todos pensados para estimular y divertir. Además, el envío fue
                    súper rápido. ¡Muy satisfecha con la tienda!"</p>
                <h5>— David A.</h5>
            </div>
        </div>
        <svg class="svg-fondo" viewBox="0 0 1440 320" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M0,128L60,149.3C120,171,240,213,360,218.7C480,224,600,192,720,154.7C840,117,960,75,1080,64C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
                fill="#55B6C2" stroke="#9BD6D4" stroke-width="100" />
            <path fill="#55B6C2" fill-opacity="1"
                d="M0,128L60,149.3C120,171,240,213,360,218.7C480,224,600,192,720,154.7C840,117,960,75,1080,64C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z">
            </path>
        </svg>
    </section>

    <!-- Aquí se cargará el footer -->
    <div id="footer"></div>
    <!------------------------------->

    <!--Estructura-->
    <script src="/structure/navbar.js"></script>
    <script src="/structure/cart.js"></script>
    <script src="/structure/footer.js"></script>

    <!--Librerias-->
    <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"
        crossorigin="anonymous"></script>
</body>

</html>