Este projeto consiste em um layout web responsivo que inclui um menu lateral oculto para dispositivos móveis, utilizando HTML, CSS e JavaScript. O design foi feito para se ajustar a diferentes tamanhos de tela, garantindo uma navegação fácil tanto em desktops quanto em dispositivos móveis.
- Responsividade: O layout se adapta a diversos tamanhos de tela, alterando a disposição do conteúdo conforme necessário.
- Menu lateral: Um menu lateral que se expande e recolhe em dispositivos móveis.
- Transições suaves: Efeitos de transição para abertura e fechamento do menu.
- HTML5: Para a estruturação do conteúdo.
- CSS3: Para o estilo e design responsivo.
- JavaScript: Para manipulação do DOM e controle das interações do menu.
layout.html
: O arquivo HTML que contém a estrutura da página.assets/css/layout.css
: O arquivo CSS com os estilos do layout.assets/js/script.js
: O arquivo JavaScript responsável pela interação do menu.README.md
: Documento com informações sobre o projeto.
- Faça o download ou clone este repositório.
- Abra o arquivo
layout.html
em um navegador web para visualizar o layout. - Navegue pelo site e teste a responsividade redimensionando a janela do navegador.
Este projeto foi inspirado pelo vídeo tutorial do Rodrigo M. S. no YouTube. Você pode assistir ao vídeo completo aqui.