From e646f5160f39fb8e4598679d7e07bf14dc612953 Mon Sep 17 00:00:00 2001
From: branko <brankoemmanuelsilva@gmail.com>
Date: Sun, 3 Sep 2023 19:31:25 -0300
Subject: [PATCH]  animacion scroll

---
 index.html           | 41 +++++++++++++++++++++++------------------
 pages/delivery.html  | 17 +++++++++++------
 pages/nosotros.html  | 25 +++++++++++++++----------
 pages/productos.html | 22 +++++++++++++++-------
 pages/sabores.html   | 26 +++++++++++++++++---------
 5 files changed, 81 insertions(+), 50 deletions(-)

diff --git a/index.html b/index.html
index f13df73..2151116 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
     <link rel="shortcut icon" href="./img/logos/logo.png" type="image/x-icon">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="./css/estilos.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     
@@ -110,9 +111,9 @@
         <div class="container">
             <section class="index-section-1">
 
-                    <h1 class="index-section-1_titulo"> NUESTROS SABORES</h1>
+                    <h1 class="index-section-1_titulo" data-aos="fade-up"> NUESTROS SABORES</h1>
 
-                    <div class="index-section-1_helados"> 
+                    <div class="index-section-1_helados" data-aos="fade-up"> 
 
                         <a class="index-section-1_helados_sabores cremas" href="./pages/sabores.html"> 
                             <img class="index-section-1_helados_sabores_img" src="./img/Sabores/sabor-crema.png" alt="cremas">
@@ -136,16 +137,16 @@ <h3 class="index-section-1_helados_sabores_subtitulo">Frutales</h3>
 
                     </div>
 
-                    <a class="index-section-1 boton-ver" href="./pages/sabores.html">Ver</a>
+                    <a class="index-section-1 boton-ver" href="./pages/sabores.html" data-aos="fade-up">Ver</a>
 
             </section>
         </div>
 
             <section class="index-section-1-mobile">
 
-                <h1 class="index-section-1_titulo"> NUESTROS SABORES</h1>
+                <h1 class="index-section-1_titulo" data-aos="fade-up"> NUESTROS SABORES</h1>
 
-                <div id="carouselExampleIndicators" class="carousel slide carousel-dark">
+                <div id="carouselExampleIndicators" class="carousel slide carousel-dark" data-aos="fade-up">
 
                     <div class="carousel-indicators">
                       <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
@@ -186,18 +187,18 @@ <h1 class="index-section-1_titulo"> NUESTROS SABORES</h1>
             </section>
 
 
-        <section class="index-section-2">
+        <section class="index-section-2" data-aos="fade-up">
         </section>
 
         
         <section class="index-section-3">
-            <img class="index-section-3_bandera-top" src="./img/bandera.png" alt="bandera-italia">
+            <img class="index-section-3_bandera-top" src="./img/bandera.png" alt="bandera-italia" data-aos="fade-up">
 
             <div class="container">
 
-                <h1 class="index-section-3_titulo"> PRODUCTOS</h1>
+                <h1 class="index-section-3_titulo" data-aos="fade-up"> PRODUCTOS</h1>
 
-                <div class="index-section-3_productos">
+                <div class="index-section-3_productos" data-aos="fade-up">
 
                     <div class="index-section-3_productos_item shakes">
                         <a href="./pages/productos.html">
@@ -227,18 +228,18 @@ <h1 class="index-section-3_titulo"> PRODUCTOS</h1>
 
             </div>
 
-            <div class="index-section-3_boton-productos">
+            <div class="index-section-3_boton-productos" data-aos="fade-up">
                 <a class="index-section-3 boton-ver" href="./pages/productos.html">Ver</a>
             </div>
 
-            <img class="index-section-3_bandera-bottom" src="./img/bandera.png" alt="bandera-italia"> 
+            <img class="index-section-3_bandera-bottom" src="./img/bandera.png" alt="bandera-italia" data-aos="fade-up"> 
         </section>
 
 
         <section class="index-section-4">
-            <div class="index-section-4_titular delivery_titular">
+            <div class="index-section-4_titular delivery_titular" data-aos="fade-up">
 
-                <h1 class="delivery_titular_negro_retiras">
+                <h1 class="delivery_titular_negro_retiras" data-aos="fade-up">
 
                         <div class="delivery_titular_negro_retiras_letras">
                             <div id="L" class="letter">¿</div>
@@ -270,7 +271,7 @@ <h1 class="delivery_titular_negro_retiras">
 
                     </h1>
 
-                    <h1 class="delivery_titular_negro_llevamos">
+                    <h1 class="delivery_titular_negro_llevamos" data-aos="fade-up">
 
                         <div class="delivery_titular_negro_llevamos_letras">
                             <div id="L" class="letter">¿</div>
@@ -314,7 +315,7 @@ <h1 class="delivery_titular_negro_llevamos">
 
                     </h1>
 
-                    <h2 class="delivery_titular_verde">
+                    <h2 class="delivery_titular_verde" data-aos="fade-up">
 
                         <div class="delivery_titular_verde_letras">
                             <div id="L" class="letter">H</div>
@@ -383,7 +384,7 @@ <h2 class="delivery_titular_verde">
                     </h2>
             </div>
 
-            <div class="botones-delivery">
+            <div class="botones-delivery" data-aos="fade-up">
                 <a class="botones-delivery_peya" href="https://www.pedidosya.com.ar/restaurantes/3-de-febrero/auguri-helados-menu?origin=shop_list" target="_blank">
                 </a>
                 <a class="botones-delivery_propio" href="https://wa.me/1165233257" target="_blank">Delivery propio</a>
@@ -394,7 +395,7 @@ <h2 class="delivery_titular_verde">
 
     <footer id="mapa">
         <div class="container">
-            <div class="footer_columnas">
+            <div class="footer_columnas" data-aos="fade-up">
 
                 <div class="footer_columnas_1">
                     <img class="footer_columnas_1_img" src="./img/logos/logo1.png" alt="logo auguri">
@@ -445,6 +446,10 @@ <h3 class="footer_columnas_2_titulo">SOBRE NOSOTROS</h3>
     </a>
 
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>   
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script> 
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script>  
 </body>
 </html>
\ No newline at end of file
diff --git a/pages/delivery.html b/pages/delivery.html
index 09dbcaa..003efa6 100644
--- a/pages/delivery.html
+++ b/pages/delivery.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="../img/logos/logo.png" type="image/x-icon">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="../css/estilos.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     <meta name="description" content="Hace tu pedido por Pedidos Ya o nuestro delivery propio">
@@ -109,7 +110,7 @@ <h1 class="titulo-header">DELIVERY</h1>
             <section class="delivery-section-1">
                 <div class="delivery-section-1_titular delivery_titular">
 
-                    <h1 class="delivery_titular_negro_retiras">
+                    <h1 class="delivery_titular_negro_retiras" data-aos="fade-up">
 
                         <div class="delivery_titular_negro_retiras_letras">
                             <div id="L" class="letter">¿</div>
@@ -141,7 +142,7 @@ <h1 class="delivery_titular_negro_retiras">
 
                     </h1>
 
-                    <h1 class="delivery_titular_negro_llevamos">
+                    <h1 class="delivery_titular_negro_llevamos" data-aos="fade-up">
 
                         <div class="delivery_titular_negro_llevamos_letras">
                             <div id="L" class="letter">¿</div>
@@ -185,7 +186,7 @@ <h1 class="delivery_titular_negro_llevamos">
 
                     </h1>
 
-                    <h2 class="delivery_titular_verde">
+                    <h2 class="delivery_titular_verde" data-aos="fade-up">
 
                         <div class="delivery_titular_verde_letras">
                             <div id="L" class="letter">H</div>
@@ -254,13 +255,13 @@ <h2 class="delivery_titular_verde">
                     </h2>
                 </div>
 
-                <div class="botones-delivery">
+                <div class="botones-delivery" data-aos="fade-up">
                     <a class="botones-delivery_peya" href="https://www.pedidosya.com.ar/restaurantes/3-de-febrero/auguri-helados-menu?origin=shop_list" target="_blank">
                     </a>
                     <a class="botones-delivery_propio" href="https://wa.me/1165233257" target="_blank">Delivery propio</a>
                 </div>
                 
-                <div class="delivery-imagenes">
+                <div class="delivery-imagenes" data-aos="fade-up">
                     <img class="imagen-delivery uno" src="../img/delivery/delivery-img1.png" alt="imagen-delivery1">
 
                     <img class="imagen-delivery dos" src="../img/delivery/delivery-img2.png" alt="imagen-delivery2">
@@ -277,7 +278,7 @@ <h2 class="delivery_titular_verde">
     <footer id="mapa">
         
         <div class="container">
-            <div class="footer_columnas">
+            <div class="footer_columnas" data-aos="fade-up">
 
                 <div class="footer_columnas_1">
                     <img class="footer_columnas_1_img" src="../img/logos/logo1.png" alt="logo auguri">
@@ -327,5 +328,9 @@ <h3 class="footer_columnas_2_titulo">SOBRE NOSOTROS</h3>
 
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script> 
 </body>
 </html>
\ No newline at end of file
diff --git a/pages/nosotros.html b/pages/nosotros.html
index cf7697b..92dc6c0 100644
--- a/pages/nosotros.html
+++ b/pages/nosotros.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="../img/logos/logo.png" type="image/x-icon">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="../css/estilos.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     <meta name="description" content="En el pintoresco corazón del barrio Ciudad Jardín, en el año 1989, nacía una pequeña heladería con una gran pasión por los sabores y la calidad artesanal.">
@@ -110,27 +111,27 @@ <h1 class="titulo-header">NOSOTROS</h1>
 
                 <div class="nosotros_section_1_historia">
 
-                    <h2 class="nosotros_section_1_historia_titulo">UNA DULCE TRADICION ITALIANA DESDE 1989.</h2>
-                    <h3 class="nosotros_section_1_historia_subtitulo">Heladeria Auguri</h3>
+                    <h2 class="nosotros_section_1_historia_titulo" data-aos="fade-up">UNA DULCE TRADICION ITALIANA DESDE 1989.</h2>
+                    <h3 class="nosotros_section_1_historia_subtitulo" data-aos="fade-up">Heladeria Auguri</h3>
 
-                    <p class="nosotros_section_1_historia_parrafo">En el pintoresco corazón del barrio Ciudad Jardín, en el año 1989, nacía una pequeña heladería con una gran pasión por los sabores y la calidad artesanal. Auguri, que en italiano significa "buenos deseos", comenzó como el sueño de una familia italiana amantes de los helados.
+                    <p class="nosotros_section_1_historia_parrafo" data-aos="fade-up">En el pintoresco corazón del barrio Ciudad Jardín, en el año 1989, nacía una pequeña heladería con una gran pasión por los sabores y la calidad artesanal. Auguri, que en italiano significa "buenos deseos", comenzó como el sueño de una familia italiana amantes de los helados.
                     </p>
 
-                    <p class="nosotros_section_1_historia_parrafo">A lo largo de los años, Heladería Auguri se ha convertido en un lugar emblemático para los amantes de los helados. Nuestros clientes son nuestra mayor inspiración, y es gracias a ellos que hemos crecido y evolucionado. Cada día, nos esforzamos por brindarles una experiencia única y memorable, donde la atención personalizada y el ambiente acogedor se unen para hacer que su visita sea inolvidable.
+                    <p class="nosotros_section_1_historia_parrafo" data-aos="fade-up">A lo largo de los años, Heladería Auguri se ha convertido en un lugar emblemático para los amantes de los helados. Nuestros clientes son nuestra mayor inspiración, y es gracias a ellos que hemos crecido y evolucionado. Cada día, nos esforzamos por brindarles una experiencia única y memorable, donde la atención personalizada y el ambiente acogedor se unen para hacer que su visita sea inolvidable.
                     </p>
                         
-                    <p class="nosotros_section_1_historia_parrafo">En Auguri, creamos momentos de felicidad con cada helado que servimos. Nos enorgullecemos de llevar adelante la tradición de la heladería artesanal, creando auténticas obras maestras en cada sabor que ofrecemos. Nuestra historia se ha entrelazado con la de Ciudad Jardín, y esperamos que continúe por muchas generaciones más.
+                    <p class="nosotros_section_1_historia_parrafo" data-aos="fade-up">En Auguri, creamos momentos de felicidad con cada helado que servimos. Nos enorgullecemos de llevar adelante la tradición de la heladería artesanal, creando auténticas obras maestras en cada sabor que ofrecemos. Nuestra historia se ha entrelazado con la de Ciudad Jardín, y esperamos que continúe por muchas generaciones más.
                     </p>
                         
-                    <p class="nosotros_section_1_historia_parrafo">¡Gracias por ser parte de nuestra historia y por permitirnos endulzar sus vidas con nuestros helados artesanales! Estamos emocionados de recibirlos en Heladería Auguri, donde el sabor y la tradición se fusionan para crear una experiencia única y deliciosa. ¡Les esperamos con los brazos abiertos y un helado listo para hacerles sonreír!
+                    <p class="nosotros_section_1_historia_parrafo" data-aos="fade-up">¡Gracias por ser parte de nuestra historia y por permitirnos endulzar sus vidas con nuestros helados artesanales! Estamos emocionados de recibirlos en Heladería Auguri, donde el sabor y la tradición se fusionan para crear una experiencia única y deliciosa. ¡Les esperamos con los brazos abiertos y un helado listo para hacerles sonreír!
                     </p>
 
-                    <p class="nosotros_section_1_historia_parrafo">Bienvenidos a nuestra dulce y deliciosa historia.</p> 
+                    <p class="nosotros_section_1_historia_parrafo" data-aos="fade-up">Bienvenidos a nuestra dulce y deliciosa historia.</p> 
                         
-                    <p class="nosotros_section_1_historia_parrafo">¡Bienvenidos a Auguri!</p>
+                    <p class="nosotros_section_1_historia_parrafo"data-aos="fade-up">¡Bienvenidos a Auguri!</p>
                 </div>
 
-                <div class="nosotros_section_1_img">
+                <div class="nosotros_section_1_img" data-aos="fade-up">
                     <img class="nosotros_section_1_img_img" src="../img/nosotros.jpg" alt="">
                 </div>
                 
@@ -142,7 +143,7 @@ <h3 class="nosotros_section_1_historia_subtitulo">Heladeria Auguri</h3>
     <footer id="mapa">
         
         <div class="container">
-            <div class="footer_columnas">
+            <div class="footer_columnas" data-aos="fade-up">
 
                 <div class="footer_columnas_1">
                     <img class="footer_columnas_1_img" src="../img/logos/logo1.png" alt="logo auguri">
@@ -192,5 +193,9 @@ <h3 class="footer_columnas_2_titulo">SOBRE NOSOTROS</h3>
 
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script> 
 </body>
 </html>
\ No newline at end of file
diff --git a/pages/productos.html b/pages/productos.html
index 9cc2b8b..21d0c45 100644
--- a/pages/productos.html
+++ b/pages/productos.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="../img/logos/logo.png" type="image/x-icon">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="../css/estilos.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     <meta name="description" content="Disfruta de nuestros postres helados, shakes y bombones">
@@ -132,8 +133,9 @@ <h1 class="titulo-header">PRODUCTOS</h1>
 
         <section class="productos-section-2">
             <div class="container">
-                <h1 id="shakes" class="productos-section-2_titulo"> SHAKES</h1>
-                <div class="productos-section-2_productos">
+                <h1 id="shakes" class="productos-section-2_titulo" data-aos="fade-up"> SHAKES</h1>
+
+                <div class="productos-section-2_productos" data-aos="fade-up">
 
                     <div class="productos-section-2_productos_item">
                         <img class="productos-section-2_productos_item_img" src="../img/postres/milkshakes.png" alt="milk-shakes">
@@ -153,8 +155,9 @@ <h3 class="productos-section-2_productos_item_titulo">FRUTAL</h3>
 
                 </div>
 
-                <h1 id="bombones" class="productos-section-2_titulo"> BOMBONES</h1>
-                <div class="productos-section-2_productos">
+                <h1 id="bombones" class="productos-section-2_titulo" data-aos="fade-up"> BOMBONES</h1>
+
+                <div class="productos-section-2_productos" data-aos="fade-up">
 
                     <div class="productos-section-2_productos_item">
                         <img class="productos-section-2_productos_item_img" src="../img/postres/frambuesas-chocolate.png" alt="frambuesa-chocolate">
@@ -182,8 +185,9 @@ <h3 class="productos-section-2_productos_item_titulo">FRUTILLAS</h3>
 
                 </div>
 
-                <h1 id="postres" class="productos-section-2_titulo"> POSTRES HELADOS</h1>
-                <div class="productos-section-2_productos postres">
+                <h1 id="postres" class="productos-section-2_titulo" data-aos="fade-up"> POSTRES HELADOS</h1>
+
+                <div class="productos-section-2_productos postres" data-aos="fade-up">
 
                     <div class="productos-section-2_productos_item">
                         <img class="productos-section-2_productos_item_img" src="../img/postres/almendrado.png" alt="almendrado">
@@ -210,7 +214,7 @@ <h3 class="productos-section-2_productos_item_titulo">TORTA HELADA</h3>
     <footer id="mapa">
         
         <div class="container">
-            <div class="footer_columnas">
+            <div class="footer_columnas" data-aos="fade-up">
 
                 <div class="footer_columnas_1">
                     <img class="footer_columnas_1_img" src="../img/logos/logo1.png" alt="logo auguri">
@@ -260,5 +264,9 @@ <h3 class="footer_columnas_2_titulo">SOBRE NOSOTROS</h3>
 
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script> 
 </body>
 </html>
\ No newline at end of file
diff --git a/pages/sabores.html b/pages/sabores.html
index 1a369e2..8612005 100644
--- a/pages/sabores.html
+++ b/pages/sabores.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="../img/logos/logo.png" type="image/x-icon">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="../css/estilos.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     <meta name="description" content="Conoce todos nuestros sabores">
@@ -138,9 +139,9 @@ <h1 class="titulo-header">SABORES</h1>
         <section class="sabores-section-2">
             <div class="container">
 
-                <h1 id="cremas" class="sabores-section-2_titulo"> CREMAS</h1>
+                <h1 id="cremas" class="sabores-section-2_titulo" data-aos="fade-up"> CREMAS</h1>
                 
-                <div class="sabores-section-2_sabores">
+                <div class="sabores-section-2_sabores" data-aos="fade-up">
 
                     <div class="sabores-section-2_sabores_item">
                         <img class="sabores-section-2_sabores_item_img" src="../img/Sabores/TRAMONTANA.jpg" alt="tramontana">
@@ -176,8 +177,9 @@ <h3 class="sabores-section-2_sabores_item_titulo">PISTACHO</h3>
 
                 </div>
 
-                <h1 id="chocolates" class="sabores-section-2_titulo"> CHOCOLATES</h1>
-                <div class="sabores-section-2_sabores">
+                <h1 id="chocolates" class="sabores-section-2_titulo" data-aos="fade-up"> CHOCOLATES</h1>
+
+                <div class="sabores-section-2_sabores" data-aos="fade-up">
 
                     <div class="sabores-section-2_sabores_item">
                         <img class="sabores-section-2_sabores_item_img" src="../img/Sabores/choco-clasico.jpg" alt="chocolate-clásico">
@@ -213,8 +215,9 @@ <h3 class="sabores-section-2_sabores_item_titulo">AUGURI</h3>
 
                 </div>
 
-                <h1 id="dulces" class="sabores-section-2_titulo"> DULCES DE LECHE</h1>
-                <div class="sabores-section-2_sabores">
+                <h1 id="dulces" class="sabores-section-2_titulo" data-aos="fade-up"> DULCES DE LECHE</h1>
+
+                <div class="sabores-section-2_sabores" data-aos="fade-up">
 
                     <div class="sabores-section-2_sabores_item">
                         <img class="sabores-section-2_sabores_item_img" src="../img/Sabores/DDL-Clasico.jpg" alt="dulce-clasico">
@@ -250,8 +253,9 @@ <h3 class="sabores-section-2_sabores_item_titulo">C/ AVELLANAS</h3>
 
                 </div>
 
-                <h1 id="frutales" class="sabores-section-2_titulo"> FRUTALES</h1>
-                <div class="sabores-section-2_sabores frutales">
+                <h1 id="frutales" class="sabores-section-2_titulo" data-aos="fade-up"> FRUTALES</h1>
+
+                <div class="sabores-section-2_sabores frutales" data-aos="fade-up">
 
                     <div class="sabores-section-2_sabores_item">
                         <img class="sabores-section-2_sabores_item_img" src="../img/Sabores/FRUTILLA-AL-AGUA.jpg" alt="frutilla">
@@ -294,7 +298,7 @@ <h3 class="sabores-section-2_sabores_item_titulo">FRUTOS DEL BOSQUE</h3>
     <footer id="mapa">
         
         <div class="container">
-            <div class="footer_columnas">
+            <div class="footer_columnas" data-aos="fade-up">
 
                 <div class="footer_columnas_1">
                     <img class="footer_columnas_1_img" src="../img/logos/logo1.png" alt="logo auguri">
@@ -344,5 +348,9 @@ <h3 class="footer_columnas_2_titulo">SOBRE NOSOTROS</h3>
 
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script> 
 </body>
 </html>
\ No newline at end of file