Vozes da Margarida | Festival Interclasses de Música

Bem-vindo ao repositório do site oficial do Projeto Didático Vozes da Margarida - I Festival Interclasses de Música. Este projeto foi desenvolvido para a Escola Januário E. de Lima, sob a orientação do Professor Sérgio Araújo, como parte do componente curricular de LPT - Literatura e Produção Textual (2025).

🎵 Sobre o Projeto

O "Vozes da Margarida" é um festival de música interclasses que visa promover a cultura, a arte e a integração entre os alunos. Este site serve como um hub central para informações, divulgação de mídia (fotos e vídeos) e disponibilização de materiais didáticos relacionados ao evento.

✨ Funcionalidades

• Design Responsivo e Moderno: Interface "Mobile-First" com estética visual premium, utilizando efeitos de "Glassmorphism" (vidro fosco) e gradientes vibrantes.
• Seção Hero: Apresentação impactante do projeto com banner animado.
• Resumo em Áudio: Player de áudio integrado para ouvir o resumo do projeto.
• Galeria de Vídeos: Player de vídeo para exibir registros do festival.
• Galeria de Fotos: Grade de fotos interativa com momentos marcantes do evento.
• Central de Downloads: Área dedicada para baixar documentos importantes como o Projeto Didático, Slides, Lista de Vencedores e Material de Apoio.
• Navegação Suave: Links de navegação com rolagem suave (smooth scroll) para melhor experiência do usuário.

🚀 Tecnologias Utilizadas

Este projeto foi construído utilizando tecnologias web modernas e leves, sem necessidade de build tools complexos para facilitar a edição e o deploy.

• HTML5: Estrutura semântica da página.
• Tailwind CSS (via CDN): Framework CSS utilitário para estilização rápida e consistente.
• JavaScript (Vanilla): Lógica para o menu mobile e efeitos de rolagem do cabeçalho.
• Font Awesome: Ícones vetoriais.
• Google Fonts: Tipografia moderna (Fonte 'Outfit').

📂 Estrutura de Arquivos

• index.html: Arquivo principal contendo toda a estrutura e conteúdo do site.
• script.js: Arquivo JavaScript responsável pelas interatividades (menu mobile, scroll header).
• README.md: Documentação do projeto.

🔧 Como Executar

Como o projeto utiliza Tailwind CSS via CDN e não possui dependências de build (como Node.js/NPM obrigatórios para rodar), você pode visualizá-lo facilmente:

1. Clone ou baixe este repositório.
2. Abra o arquivo index.html em qualquer navegador moderno (Chrome, Firefox, Edge, etc.).

📄 Licença

Este projeto é de uso educacional para a Escola Januário E. de Lima. Todos os direitos reservados.

---

Desenvolvido com 💜 para o Projeto Vozes da Margarida.