/SASS-Header-Navbar-BS4-FA5

Modelos de Navbar para inserir em seus projetos com Bootstrap 4.1 e FontAwesome 5.3.1

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

SASS-Header-Navbar-BS4-FA5

Modelos de Header e Navbar para inserir em seus projetos com Bootstrap 4.1 e FontAwesome 5.3.1

Projeto

O projeto consiste em manter base para temas em bootstrap 4.1 com foco em ampliar as opções de Header e Navbar sendo que as modificações são efetuadas seguindo a documentaço de tematização do Bootstrap

Priorizo o modelo mobile-first

Os headers na versão xs/sm são pensados para ocupar o mínimo de espaço em naveção para telas pequenas, melhorando a usabilidade do site

Modelos disponíveis

Modelo Automotivo-01

Automotive md-01 responsive-view

Modelo Automotivo-02

Automotive md-02 responsive-view

aos poucos vou disponibilizando novos modelos

Desenvolva com este pacote

  • Clone este repositrio: git clone https://github.com/digoartmusic/SASS-Header-Navbar-BS4-FA5.git
  • Instale as dependências com NPM npm install
  • Navegue até a pasta do repositório e execute o comando gulp para iniciar o ambiente de desenvolvimento
  • Comando adicionais
    • gulp build para gerar a pasta de distruição com o Bootstrap 4.1 e FontAwesome 5.3.1 compilados
    • gulp clean:dist para eliminar todos arquivos do build

Estrutura de pastas

sass-header-navbar-bs4-fa5/
├── src/
│   ├── scss/
│   │   ├── app.scss
│   └── js/
│       ├── main.js
└── dist/
    ├── css/
    │   ├── styles.min.scss
    └── js/
        ├── main.min.js

OBRIGADO

  • Licensed under GPLv3. :) Use para fazer coisas legais!!!

Links úteis