Menu lateral responsivo - projeto base

Projeto base de página web HTML5 + CSS3 com menu lateral responsivo.

O que é um projeto base?

Um projeto base é um projeto com a estrutura básica de arquivos e alguns componentes já integrados. São ótimos pontos de partida para começar seu website.

O que o projeto 'menu lateral responsivo' oferece?

Este projeto base já vem pronto com o funcionamento de um menu que se adequa ao tamano da tela do dispositivo em que o website foi acessado, além de definir as interações de abertura e fechamento do menu.

  • dispositivos grandes (>500px): menu que mostra todos os itens de navegação
  • dispositivos pequenos (<=500px): menu que é acionado por um botão e abre pela lateral no mobile

preview

Organização dos arquivos

responsive-side-menu/
├── img/                          -- pasta que contém todas as imagens
│   ├── logo.png
│   └── menu-trigger-images.svg
├── scripts/
│   └── header.js                 -- interações no header responsivo
├── styles/
│   ├── header.css                -- estilos do header responsivo
│   ├── reset.css                 -- reset do browser
│   └── style.css                 -- folha de estilo principal
└── index.html                    -- home

Desenvolvido por

Habemus

License

Creative Commons Attribution License