Skip to content

Latest commit

 

History

History
26 lines (24 loc) · 985 Bytes

README.pt_BR.md

File metadata and controls

26 lines (24 loc) · 985 Bytes

Responsivenavbar

Uma barra de navegação responsiva de acordo com o tamanho da tela, altamente customizável

Requesitos

  • Importar o "Font Awesome" ao seu site.

Como usa-la em seu projeto?

  • O primeiro passo é importar o css desta barra, para isto insira está linha no html: <link rel="stylesheet" href="https://raw.githubusercontent.com/nukhes/responsivenavbar/main/style.css?token=GHSAT0AAAAAACBD3KOS5JPOC7FWGASM5OYAZBWPOCA">
  • Com o css importado com sucesso, escreva a estrutura da barra:
<!-- Barra de navegação -->
    <nav>
        <input type="checkbox" id="check">
        <label for="check" id="navbtt">
                <i class="fas fa-bars"></i>
        </label>
        <span id="logo">Logo</span>
        <ul>
            <li><a href="#">Início</a></li>
            <li><a href="#">Serviços</a></li>
            <li><a href="#">Sobre</a></li>
        </ul>
    </nav>
  • Agora é só editar sua barra de acordo com suas preferências.