https://github.com/nashem8/burger-page

Website responsivo utilizando HTML, CSS, Barba.js e GSAP
https://github.com/nashem8/burger-page

barbajs bootstrap css font-awesome gsap html javascript

Last synced: about 2 months ago
JSON representation

Website responsivo utilizando HTML, CSS, Barba.js e GSAP

• Host: GitHub
• URL: https://github.com/nashem8/burger-page
• Owner: nashEm8
• Created: 2023-01-14T18:37:29.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-09-20T22:12:30.000Z (almost 3 years ago)
• Last Synced: 2025-03-14T05:44:28.015Z (over 1 year ago)
• Topics: barbajs, bootstrap, css, font-awesome, gsap, html, javascript
• Language: HTML
• Homepage:
• Size: 3.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Burger page 🍔 

Website responsivo utilizando HTML, CSS, Barba.js e GSAP





🔎    Link para visualização: burger-page.netlify.app





🏷️  Objetivo 




🔸 O objetivo dessa aplicação foi inciar o aprendizado de duas ferramentas bem importantes: 

o barba.js e o gsap. Por meio deles, consegui aplicar fluidez e suavidade nas transições dentro do site.

Além desses, utilizei também o Bootstrap, AOS.animate e o font-awesome. Mas o foco em si foi analisar o 

impacto que o barba e o gsap têm em um site. 





📋  Descrição 




Esse projeto consiste em um site "simples", simulando uma hamburgueria ou o menu dela. Ao entrar no site, já 

é exibido as principais opções ou as mais conhecidas. E ao longo do site existem outras opções e suas respectivas 

descrições. Depois tem uma seção falando sobre a empresa, os principais ingredientes utilizados na prepação dos 

hambúrgueres, uma parte para o usuário entrar em contato e o rodapé com as informações das redes sociais.






![burger](https://user-images.githubusercontent.com/101338996/212491364-99ad6ffa-ce32-414a-b492-ebded1645308.png)





💡  Tecnologias utilizadas

 ◾    HTML 


 ◾    CSS 


 ◾    Bootstrap 


 ◾    Javascript 


 ◾    Barba js 


 ◾    GSAP 


 ◾    Font-awesome 


 ◾    AOS.animate