Este projeto é um site institucional responsivo para melhorar aprendizado. Ele foi desenvolvido utilizando apenas HTML, CSS e JavaScript puro, com foco em didática e organização de código.
MarsicoAcademia/
├── index.html # Página principal do site
├── css/
│ └── style.css # Estilos do site
├── js/
│ └── script.js # Scripts JS do site
├── img/ # Imagens utilizadas no site
└── README.md # Este arquivo de explicação
- Slider de imagens: Apresenta imagens em destaque na página inicial, com navegação manual e automática.
- Responsividade: O layout se adapta a diferentes tamanhos de tela (PC, tablet, celular).
- Código comentado: Tanto o HTML quanto o CSS possuem comentários explicativos para facilitar o entendimento.
- Basta abrir o arquivo
index.htmlem qualquer navegador moderno. - Para adicionar novas imagens ao slider, coloque-as na pasta
imge edite o HTML conforme o padrão dos slides. - Para personalizar cores, fontes ou layout, edite o arquivo
css/style.css.
- Explore os comentários nos arquivos para entender cada parte do código.
- Experimente modificar os estilos e ver o resultado em tempo real.
- Use este projeto como base para criar outros sites institucionais simples.
Este projeto é didático e pode ser adaptado livremente. Se tiver dúvidas, procure por tutoriais de HTML, CSS e JS ou peça ajuda!
TeoremaDev - Projeto Didático