https://github.com/odevthomas/site_fanta
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.
https://github.com/odevthomas/site_fanta
beetlejuice coca-cola git javascript
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/odevthomas/site_fanta
- Owner: odevthomas
- Created: 2024-09-25T20:36:57.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-25T20:42:57.000Z (over 1 year ago)
- Last Synced: 2025-01-30T15:41:35.632Z (about 1 year ago)
- Topics: beetlejuice, coca-cola, git, javascript
- Language: CSS
- Homepage: https://fanta-seven.vercel.app/
- Size: 11.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/seu-usuario/projeto-fanta.git
```
2. Navegue até o diretório do projeto:
```bash
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:
```bash
git checkout -b minha-nova-funcionalidade
```
3. Realize suas alterações e commit:
```bash
git commit -m "Adiciona nova funcionalidade"
```
4. Envie suas alterações para o repositório remoto:
```bash
git push origin minha-nova-funcionalidade
```
5. Crie um pull request.
## Licença
Este projeto é licenciado sob a [MIT License](LICENSE).