Skip to content

Commit

Permalink
animacion scroll
Browse files Browse the repository at this point in the history
  • Loading branch information
@brankosilva
brankosilva committed Sep 3, 2023
1 parent 9702979 commit e646f51
Show file tree
Hide file tree
Showing 5 changed files with 81 additions and 50 deletions.
41 changes: 23 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">

Expand Down Expand Up @@ -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">
Expand All @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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">
Expand Down Expand Up @@ -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>
17 changes: 11 additions & 6 deletions pages/delivery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand All @@ -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">
Expand Down Expand Up @@ -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>
25 changes: 15 additions & 10 deletions pages/nosotros.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.">
Expand Down Expand Up @@ -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>

Expand All @@ -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">
Expand Down Expand Up @@ -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>
22 changes: 15 additions & 7 deletions pages/productos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand All @@ -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">
Expand Down Expand Up @@ -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">
Expand All @@ -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">
Expand Down Expand Up @@ -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>
Loading

0 comments on commit e646f51

Please sign in to comment.