🚗 Fusca 1979 - Landing Page

Uma landing page moderna e responsiva para o relançamento do lendário Fusca 1979, desenvolvida com HTML, CSS e JavaScript.

📋 Sobre o Projeto

Este projeto simula o relançamento do Fusca 1979, apresentando uma landing page completa com:

• Contador regressivo até 08/08/2025
• Galeria de imagens com carrossel interativo
• Ficha técnica completa do veículo
• Design responsivo e moderno
• Animações e efeitos visuais

🛠️ Tecnologias Utilizadas

• HTML5 - Estrutura semântica
• CSS3 - Estilos modernos com Flexbox e Grid
• JavaScript - Funcionalidades interativas
• Google Fonts - Tipografia Roboto

📁 Estrutura de Arquivos

fusca1979/
├── index.html          # Página principal
├── style.css           # Estilos CSS
├── script.js           # Funcionalidades JavaScript
├── fusca.png           # Imagem principal do Fusca
├── fusca-aviao1.png    # Imagem do Fusca com avião 1
├── fusca-aviao2.png    # Imagem do Fusca com avião 2
├── fusca-aviao3.png    # Imagem do Fusca com avião 3
├── fusca-aviao4.png    # Imagem do Fusca com avião 4
├── logo.png            # Logo oficial
└── README.md           # Este arquivo

🎯 Funcionalidades

✅ Contador Regressivo

• Conta regressivamente até 08/08/2025
• Exibe dias, horas, minutos e segundos
• Atualização em tempo real

✅ Galeria de Imagens

• Galeria oficial com todas as fotos do projeto
• Galeria especial "Fusca e Avião" com 4 imagens
• Seção dedicada para o logo oficial
• Navegação por botões e indicadores
• Suporte a swipe em dispositivos móveis
• Auto-play com intervalos diferentes para cada carrossel

✅ Design Responsivo

• Adaptável a diferentes tamanhos de tela
• Mobile-first approach
• Otimizado para tablets e desktops

✅ Animações

• Efeitos de entrada suaves
• Hover effects nas imagens
• Parallax no header
• Transições fluidas

✅ Vídeo Oficial

• Vídeo do YouTube incorporado
• Player responsivo com proporção 16:9
• Controles nativos do YouTube
• Suporte a tela cheia

🚀 Como Usar

1. Clone ou baixe os arquivos do projeto
2. Abra o arquivo index.html em um navegador
3. Navegue pela página para ver todas as funcionalidades

📱 Responsividade

A página é totalmente responsiva e funciona em:

• 📱 Smartphones (320px+)
• 📱 Tablets (768px+)
• 💻 Desktops (1024px+)

🎨 Características Visuais

• Cores: Gradientes modernos com tons de azul e laranja
• Tipografia: Roboto (Google Fonts)
• Layout: Flexbox e Grid para organização
• Efeitos: Sombras, bordas arredondadas e transições

📊 Critérios de Avaliação Atendidos

Critério	Pontos	Status
Estrutura HTML organizada	2.0	✅
CSS externo bem aplicado	2.0	✅
Funcionalidade do contador regressivo	2.0	✅
Inclusão das 4 imagens obrigatórias	1.0	✅
Uso dos 4 textos fornecidos	1.0	✅
Criatividade e refinamento	2.0	✅

Total: 10.0 pontos ✅

🔧 Personalização

Para personalizar o projeto:

1. Cores: Edite as variáveis CSS no arquivo style.css
2. Imagens: Substitua as imagens pelos seus próprios arquivos
3. Data: Altere a data no arquivo script.js (linha 3)
4. Textos: Modifique os textos no arquivo index.html

📤 Publicação

Para publicar online:

1. GitHub Pages:

   • Crie um repositório no GitHub
   • Faça upload dos arquivos
   • Ative o GitHub Pages nas configurações

2. Vercel:

   • Conecte seu repositório ao Vercel
   • Deploy automático será realizado

🏷️ Tags do Projeto

• fusca1979
• formadores2025b
• landingpage

👨‍💻 Desenvolvedor

Projeto desenvolvido para o curso Formadores 2025B.

📄 Licença

Este projeto é de uso educacional.

---

🚗 O Fusca 1979 está de volta! Uma lenda sobre rodas que atravessa gerações com charme e simplicidade.