Skip to content

Helio-Rj/Slider-com-HTML-CSS-e-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Canal TeoremaDev

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.

Estrutura de Pastas

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

Funcionalidades

  • 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.

Como usar

  1. Basta abrir o arquivo index.html em qualquer navegador moderno.
  2. Para adicionar novas imagens ao slider, coloque-as na pasta img e edite o HTML conforme o padrão dos slides.
  3. Para personalizar cores, fontes ou layout, edite o arquivo css/style.css.

Recomendações didáticas

  • 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.

Dúvidas ou sugestões?

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

About

Criando Slider com HTML, CSS e JavaScript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •