Getting started

Below are the available pre-built Navbar Components. More components are added overtime.

Navbar 1

Link the following stylesheet to your html for this component to display properly:

<link type="text/css" rel="stylesheet" href="css/navbar.css">

You should also remove any other Navbar related stylesheets.


<nav class="navbar">
    <div class="container">

      <div class="navbar-header">
        <button class="navbar-toggler" data-toggle="open-navbar1">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </button>
          <a class="logo_wrapper" href="/">
            <img src="img/icon.png">
            <h4>Faster<span>Node</span></h4>
          </a>
      </div>

      <div class="navbar-menu" id="open-navbar1">
        <ul class="navbar-nav">
          <li class="active"><a href="/">Home</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/docs">Docs</a></li>
          <li><a href="#pricing">Pricing</a></li>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/log_in">Sign in</a></li>
        </ul>
      </div>
    </div>
  </nav>