Marvel - Seleção de Personagens 🎬🦸‍♀💥

Este projeto é uma recriação do incrível Universo Cinemático Marvel (MCU), inspirado nos filmes e personagens icônicos. Desenvolvido com HTML, CSS e JavaScript, ele traz à vida algumas das cenas e elementos visuais do universo Marvel, proporcionando uma experiência envolvente para os fãs. Este projeto faz parte do desafio da comunidade @Dev Em Dobro e da Guild Dev Em Dobro, na semana da Mapa Dev Week.

---

Índice

• Objetivo do Projeto
• Tecnologias Utilizadas 🛠️
• Estrutura do Projeto 📂
• Descrição dos Arquivos 📄
• Funcionalidades 🌟
• Capturas de Tela 🎨
• Como Usar 🚀
• Links Úteis 🌐
• Testes 🔍
• Contribuição 🤝
• Licença 📜
• Agradecimentos 🙏
• Melhorias Futuras 🚧

---

Objetivo do Projeto

Reviver a magia do universo Marvel, apresentando suas características icônicas de forma interativa e visualmente atraente.

---

Tecnologias Utilizadas 🛠️

• HTML: Estrutura o conteúdo do projeto.
• CSS: Responsável pela estilização e apresentação visual.
• JavaScript: Adiciona interatividade e funcionalidades dinâmicas.

---

Estrutura do Projeto 📂

├── src
│   ├── css
│   │   ├── reset.css
│   │   ├── style.css
│   │   └── animacoes.css
│   ├── imagens
│   │   ├── thor.png
│   │   ├── homem-de-ferro.jpg
│   │   ├── viuva-negra.jpg
│   │   ├── hulk.jpg
│   │   ├── capitao-america.jpg
│   │   ├── ultron.jpg
│   │   ├── doutor-doom.jpg
│   │   ├── nova.jpg
│   │   └── fenix.jpg
│   └── js
│       └── script.js
├── index.html
└── README.md

---

Descrição dos Arquivos 📄

• style.css: Estilos específicos para a página inicial.
• fonts.css: Estilos para a página dos personagens.
• script.js: JavaScript para a interatividade da página inicial.
• images/: Pasta com imagens de personagens e cenas.

---

Funcionalidades 🌟

• Seleção de Personagens: Os jogadores podem visualizar e selecionar personagens icônicos da Marvel, como Thor, Homem de Ferro, Hulk, e muitos outros.
• Interface Responsiva: A aplicação é otimizada para diferentes tamanhos de tela, garantindo uma ótima experiência em dispositivos móveis e desktops.
• Animações e Estilos: Utilização de animações CSS para destacar a seleção de personagens e melhorar a interação do usuário.
• Confirmação de Escolhas: Os jogadores podem confirmar ou alterar suas escolhas antes de prosseguir.

---

Capturas de Tela 🎨

Abaixo estão capturas de tela que mostram o visual vibrante e dinâmico inspirado no universo Marvel:

---

Como Usar 🚀

1. Clone este repositório:

   git clone https://github.com/seunome/marvel-selecao-de-personagem.git

2. Navegue até a pasta do projeto:

   cd marvel-selecao-de-personagem

3. Abra o arquivo index.html em um navegador para visualizar o projeto.

---

Links Úteis 🌐

• Visualizar o projeto: Marvel Seleção de Personagem
• Repositório no GitHub: paulaPSOx/marvel-selecao-de-personagem

---

Testes 🔍

Para testar o projeto:

1. Certifique-se de que todos os arquivos estão carregados corretamente.
2. Navegue pelas páginas e interaja com as funcionalidades.
3. Verifique a responsividade em diferentes dispositivos.

---

Contribuição 🤝

Contribuições são bem-vindas! Se você deseja contribuir:

1. Faça um fork do projeto.
2. Crie uma branch para sua feature (git checkout -b feature/nome-da-sua-feature).
3. Faça suas alterações e commit (git commit -m 'Adicionando nova funcionalidade').
4. Envie um pull request.

---

Licença 📜

Este projeto é licenciado sob a MIT License - veja o arquivo LICENSE para mais detalhes.

---

Agradecimentos 🙏

Agradeço à comunidade @Dev Em Dobro e à Guild Dev Em Dobro pelo apoio e recursos durante o desenvolvimento deste projeto na Mapa Dev Week!

---

Melhorias Futuras 🚧

• Adicionar mais personagens ao projeto.
• Implementar animações durante a interação do usuário.
• Melhorar a acessibilidade do site.

---

Espero que você goste do projeto e se divirta explorando o mundo do Universo Cinemático Marvel! 🌌✨🤖