Site FANTA

Descrição do Projeto

Este projeto é uma recriação do site da Fanta, com foco em um design vibrante e interativo que captura a essência da marca. O site é projetado para proporcionar uma experiência envolvente ao usuário, destacando os produtos da Fanta e promovendo a sua identidade visual única.

Inspiração

A Fanta é uma marca de refrigerantes conhecida por suas cores brilhantes e sabores frutados. Minha inspiração para este projeto veio da necessidade de refletir a energia e a diversão associadas à marca. Utilizei uma paleta de cores vibrante, elementos animados e uma tipografia moderna para criar uma interface que seja ao mesmo tempo atraente e fácil de navegar. Além disso, adicionei uma seção dedicada ao Beetlejuice, trazendo um toque divertido e inesperado ao site, que complementa a estética colorida da Fanta.

Funcionalidades

• Navegação Fluida: Um menu de navegação fixo que permite acesso fácil às diferentes seções do site.
• Animações Interativas: Animações sutis que ocorrem ao passar o mouse sobre elementos, proporcionando uma interação dinâmica.
• Seções Temáticas: Cada seção do site é dedicada a diferentes aspectos da marca, incluindo informações sobre os produtos, campanhas e eventos.
• Nota: O site não é totalmente responsivo. Embora tenha sido projetado para funcionar bem em desktops, a visualização em dispositivos móveis pode não ser ideal.

Estrutura do Projeto

• HTML: Estrutura básica do site, dividida em seções que representam diferentes partes da experiência do usuário.
• CSS: Estilização do site com foco em responsividade e estética, utilizando animações para melhorar a interatividade.
• JavaScript (se aplicável): Implementação de funcionalidades interativas adicionais, como carrosséis de produtos e manipulação de eventos.

Tecnologias Utilizadas

• HTML5: Para a estruturação do conteúdo do site.
• CSS3: Para o design e layout, incluindo Flexbox e Grid para responsividade.
• JavaScript: Para funcionalidades dinâmicas (se implementado).
• Google Fonts: Utilização da fonte 'Roboto Slab' para dar um toque moderno e legível ao texto.

Instalação

Para visualizar o projeto localmente, siga os seguintes passos:

1. Clone o repositório:

   git clone https://github.com/seu-usuario/projeto-fanta.git

2. Navegue até o diretório do projeto:

   cd projeto-fanta

3. Abra o arquivo index.html em seu navegador.

Contribuições

Sinta-se à vontade para contribuir com melhorias, correções ou novas funcionalidades. Para isso:

1. Faça um fork do repositório.

2. Crie uma branch para suas alterações:

   git checkout -b minha-nova-funcionalidade

3. Realize suas alterações e commit:

   git commit -m "Adiciona nova funcionalidade"

4. Envie suas alterações para o repositório remoto:

   git push origin minha-nova-funcionalidade

5. Crie um pull request.

Licença

Este projeto é licenciado sob a MIT License.