Dashboard layout 1

Exemplo de layout de uma aplicação com sidebar e navbar totalmente responsivo utilizando somente HTML, CSS e Javascript. Ícones utilizando Font Awesome.

Observação: Esse exemplo não utiliza componentização pois o objetivo é servir de exemplo para que possa ser adaptado em qualquer projeto web, mesmo os que não utiliza algum framework de front-end.

Preview

Desktop:

Mobile:

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.