Navbar

Elementric components - just copy the HTML code of an element and paste it into your code (after you read the installation guide).

Standard

Standard navbar with nav links in right. The navbars it's fixed to top.

            

            
  <div class="navbar-standard">
    <span class="navbar-logo">Logo</span>

  <ul class="navbar-navigation nav-right">
    <li><a href="" class="active-link">Home</a></li>
    <li><a href="">About</a></li>
    <li><a href="">Blog</a></li>
    <li><a href="">Contact</a></li>
  </ul>

    <button type="button" onclick="collapseNavbar()" class="button-light navbar-btn" id="open-collapse"><i class="fas fa-bars"></i></button>
    <button type="button" onclick="closeNavbar()" class="button-light navbar-btn" id="close-collapse"><i class="fas fa-minus"></i></button>
  </div>

Dark

Standard navbar with dark background

        

        
  <div class="navbar-standard background-dark">
    <span class="navbar-logo">Logo</span>

    <ul class="navbar-navigation nav-right">
      <li><a href="" class="active-link">Home</a></li>
      <li><a href="">About</a></li>
      <li><a href="">Blog</a></li>
      <li><a href="">Contact</a></li>
    </ul>

    <button type="button" onclick="collapseNavbar()" class="button-light navbar-btn" id="open-collapse"><i class="fas fa-bars"></i></button>
    <button type="button" onclick="closeNavbar()" class="button-light navbar-btn" id="close-collapse"><i class="fas fa-minus"></i></button>
  </div>