Este projeto é uma Landing Page responsiva e animada para um restaurante fictício chamado Rango do Tuba. Ele foi criado após assistir a aula gratuita da Larissa Kich sobre como desenvolver uma landing page com HTML, CSS e JavaScript (usando jQuery). Fiz minha versão adaptada para o tema recifense e personalizei alguns elementos.
- HTML5: Estruturação de conteúdo.
- CSS3: Estilos e design responsivo.
- JavaScript (jQuery): Efeitos dinâmicos e animações.
- ScrollReveal.js: Animações ao rolar a página.
- FontAwesome: Ícones.
- Menu de navegação responsivo: Inclui um menu de navegação que se adapta ao tamanho da tela, com um botão para dispositivos móveis.
- Animações: Elementos da página são animados conforme o usuário rola a página, melhorando a experiência visual.
- Cardápio interativo: Exibição de pratos com imagens, descrições, avaliações e preço.
- Depoimentos: Seção de avaliações dos clientes, com avatares e estrelas de feedback.
- Botões de ação: Links para redes sociais e botão para fazer pedidos via telefone.
Visite a página ao vivo: Rango do Tuba
Aqui estão algumas imagens do projeto em funcionamento:
Você pode assistir a uma demonstração da aplicação neste vídeo:
Siga os passos abaixo para rodar este projeto no seu ambiente local:
-
Clone o repositório:
git clone**https://github.com/Gabrielcafens/RangodoTuba.git **
-
Navegue até o diretório do projeto:
cd RangodoTuba- Abra o arquivo index.html no seu navegador para visualizar a landing page.
Este projeto foi inspirado na aula da Larissa Kich. Um excelente conteúdo para revisar conceitos de HTML, CSS e JavaScript com jQuery.
Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para mais detalhes.
Desenvolvido por Gabrielcafens.
___
.-' `'.
/ \
| ;
| | ___.--,
_.._ |0) = (0) | _.---'`__.-( (_.
__.--'`_.. '.__.\ '--. \_.-' ,.--'` `""`
( ,.--'` ',__ /./; ;, '.__.'` __
_`) ) .---.__.' / | |\ \__..--"" """--.,_
`---' .'.''-._.-'`_./ /\ '. \ _.--''````'''--._`-.__.'
| | .' _.-' | | \ \ '. `----`
\ \/ .' \ \ '. '-._)
\/ / \ \ `=.__`'-.
/ /\ `) ) / / `"".`\
, _.-'.'\ \ / / ( ( / /
`--'` ) ) .-'.' '.'. | (
(/` ( (` ) ) '-;
( ( ( ( ( (
) ) ) ) ) )
......... ......... .........
| |] | |] | |]
\ / \ / \ /
`-----' `-----' `-----'

