🌐 Responsive Site

Bem-vindo ao repositório Responsive Site, um projeto de site responsivo desenvolvido em HTML e CSS, com base nas aulas do curso Curso em Vídeo. Este projeto segue as boas práticas de organização e estruturação de código, focando em criar uma experiência agradável em dispositivos de diferentes tamanhos.

---

🖥️ Demonstração Visual

🎬 Vídeo

site.webm

💡 Dica: assista para ver o site se adaptando a diferentes tamanhos de tela!

🖼️ Screenshot

---

📝 Sobre o Projeto

O Responsive Website é um exemplo prático de como criar um site responsivo utilizando somente HTML5 e CSS3. Ele demonstra o uso de técnicas modernas, como Media Queries e layout flexível, para garantir que o site seja adaptável a diversos tamanhos de tela, desde dispositivos móveis até desktops.

Acesse o site clicando no link abaixo: 🔗 https://gc-marcos.github.io/responsive-website/

---

📂 Estrutura do Repositório

responsive-website/
├── .vscode/         # Configurações do editor (opcional)
├── css/             # Arquivos de estilos CSS
├── img/             # Imagens utilizadas no site
├── LICENSE          # Licença do projeto
├── README.md        # Documentação do projeto
└── index.html       # Página principal do site

---

🛠️ Tecnologias Utilizadas

"technologies": ["HTML5", "CSS3", "JavaScript (básico)", "Media Queries", "Flexbox", "Responsividade Web"]

• HTML5: Estrutura semântica do conteúdo.
• CSS3: Estilo, cores e responsividade.
• Media Queries: Layout adaptativo.
• Flexbox: Posicionamento e distribuição de elementos.
• Responsividade Web: Boa experiência em dispositivos móveis e desktops.

---

📚 Boas Práticas Adotadas

• Organização de arquivos em pastas específicas (css, img);
• Uso de tags semânticas para acessibilidade;
• Aplicação correta de media queries;
• Estilo limpo, indentado e comentado;
• Responsividade testada em diferentes tamanhos de tela.

---

🚀 Como Visualizar o Projeto

# Clone o repositório
git clone https://github.com/gc-marcos/responsive-website.git

# Acesse a pasta
cd responsive-website

# Abra o arquivo no navegador
start index.html

Ou acesse diretamente: 🔗 https://gc-marcos.github.io/responsive-website/

---

📂 Próximos Passos

• Adicionar mais páginas (Curiosidades, Contato etc.);
• Incluir animações com CSS;
• Explorar Grid Layout;
• Otimizar para acessibilidade (uso de aria-*).

---

📝 Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

✨ Agradecimentos

Agradecimentos ao Curso em Vídeo e ao professor Gustavo Guanabara por tornarem o aprendizado web acessível a todos.