Miraculous - Ladybug & Cat Noir 🐞💙🐱💚

Este projeto é uma recriação interativa inspirada no universo Miraculous: As Aventuras de Ladybug, apresentando personagens icônicos como Ladybug, Cat Noir, kwamis e diversos vilões. Desenvolvido com HTML, CSS e JavaScript, o projeto oferece uma experiência visual envolvente, com animações e interações que trazem vida ao mundo de Miraculous.

Este projeto foi criado com base em práticas e inspirações de desafios da comunidade @Dev Em Dobro, como forma de desenvolvimento e aprendizado no front-end.

---

📌 Í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

Criar uma interface interativa para que fãs da série Miraculous possam explorar os principais personagens da animação, com destaque visual para heróis, vilões e kwamis, oferecendo uma experiência divertida, dinâmica e responsiva.

---

🛠️ Tecnologias Utilizadas

• HTML – Estruturação das páginas e componentes.
• CSS – Estilização visual, responsividade e animações.
• JavaScript – Lógica de interação com os personagens e elementos da interface.

---

📂 Estrutura do Projeto

├── src
│   ├── css
│   │   ├── herois.css
│   │   ├── kwamis.css
│   │   ├── sobre.css
│   │   ├── style.css
│   │   └── viloes.css
│   ├── imagens
│   │   ├── herois
│   │   ├── kwamis
│   │   ├── logo
│   │   ├── personagens
│   │   └── wallpaper
│   └── js
│       ├── herois.js
│       ├── kwamis.js
│       └── viloes.js
├── herois.html
├── index.html
├── kwamis.html
├── sobre.html
├── viloes.html
└── README.md

---

📄 Descrição dos Arquivos

• index.html: Página inicial com o menu principal e navegação.
• herois.html, viloes.html, kwamis.html: Páginas com os respectivos grupos de personagens.
• sobre.html: Página com informações gerais do projeto.
• Arquivos .css: Estilos específicos para cada página/personagem.
• Arquivos .js: Scripts para funcionalidade e interações.
• imagens/: Pasta com logos, personagens, kwamis e fundos.

---

🌟 Funcionalidades

• Exploração de Personagens por categoria: heróis, vilões e kwamis.
• Design Temático baseado na identidade visual de Miraculous.
• Efeitos Visuais e Animações com CSS e interações JavaScript.
• Layout Responsivo, adaptado para computadores e dispositivos móveis.

---

🎨 Capturas de Tela

Página	Visualização
Página Inicial
Heróis
Kwamis
Vilões
Sobre

---

🚀 Como Usar

1. Clone este repositório:

   git clone https://github.com/paulaPSOx/miraculous-ladybug-catnoir.git

2. Acesse a pasta:

   cd miraculous-ladybug-catnoir

3. Abra o arquivo index.html no navegador ou acesse o link abaixo para ver online.

---

🌐 Links Úteis

• 🔗 Projeto online: Miraculous - Ladybug & Cat Noir
• 📁 Repositório GitHub: paulaPSOx/miraculous-ladybug-catnoir

---

🔍 Testes

• Acesse todas as páginas e verifique a navegação entre elas.
• Interaja com os personagens para conferir animações e efeitos.
• Teste a visualização em diferentes tamanhos de tela (responsividade).

---

🤝 Contribuição

Sugestões, melhorias e ideias são bem-vindas! Fique à vontade para abrir issues ou enviar pull requests.

---

📜 Licença

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

---

🙏 Agradecimentos

Agradecimento especial à comunidade @Dev Em Dobro pela inspiração e incentivo à prática criativa de desenvolvimento front-end. E claro, à série Miraculous por todo o universo cativante!

---

🚧 Melhorias Futuras

• Adicionar biografias e habilidades dos personagens.
• Implementar filtro de busca e categorização dinâmica.
• Inserir trilha sonora ou efeitos sonoros personalizados.
• Otimizar a acessibilidade e legibilidade dos textos.