❌🧬 X-Men - Semana do Zero ao Programador Contratado

Projeto desenvolvido para praticar HTML, CSS e JavaScript, inspirado nos personagens dos X-Men. O objetivo é criar uma interface interativa e responsiva para seleção de personagens, exibindo informações e imagens.

📂 Estrutura do Projeto

xmen/
├── index.html
├── assets/
│   ├── css/
│   │   ├── reset.css
│   │   ├── style.css
│   │   └── responsive.css
│   ├── images/
│   │   └── (imagens dos personagens e logo)
│   └── js/
│       └── script.js

📸 Demonstração

📱 Versão Mobile	💻 Versão Desktop

🔗 Links

• GitHub: X-Men
• Site ao vivo: X-Men

✨ Funcionalidades

• Seleção de personagens dos X-Men com exibição de imagem, nome e descrição.
• Layout responsivo para diferentes tamanhos de tela.
• Efeitos visuais ao selecionar um personagem.
• Utilização de fontes personalizadas (Oxanium).

🚀 Como executar

1. Clone ou baixe o projeto.
2. Abra o arquivo index.html em seu navegador.
3. Clique nos personagens para visualizar detalhes.

🛠️ Tecnologias utilizadas

• HTML5 → Estrutura da aplicação.
• CSS3 → (incluindo reset e responsividade)
• JavaScript (ES6+) → Manipulação dos personagens
• Google Fonts (Oxanium) → Tipografia principal.

🧐 Observações

• O CSS responsivo está em assets/css/responsive.css.
• As imagens dos personagens estão em assets/images/.
• O script principal está em assets/js/script.js.

🙌 Créditos

• As imagens dos personagens X-Men utilizadas neste projeto são de propriedade da Marvel Comics e foram utilizadas apenas para fins educacionais e sem fins lucrativos. Se você for o detentor dos direitos e desejar a remoção, entre em contato.
  • Direitos autorais: © Marvel Comics
  • Site oficial da Marvel
• Projeto educacional para DevQuest Starter

👨‍💻 Autor

• GitHub - @slayer-br
• LinkedIn - @slayer-br

📜 Licença

Este projeto está sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.