Navbar

The responsive navbar allow you to use the same HTML code to render a navigation bat on top of the page

Note: javascript has been used to change the logo in dark-mode and open the responsive menu in small screens. Try to resize the window or click the rounded moon button

<div id="navbar-docs" class="navbar">
  <div class="navbar-left">
    <div class="navbar-options">
      <div class="navbar-logo">
        <a href="./index.html">
          <img id="logo-docs" src="./assets/img/double.png" alt="Double">
        </a>
      </div>
      <div class="navbar-menu">
        <a id="menu-docs" href="#">
          <span class="icon">
            <i class="fas fa-bars"></i>
          </span>
        </a>
      </div>
    </div>
    <ul class="navbar-items">
      <li class="navbar-item">
        <a href="./docs.html">
          <span class="icon">
            <i class="fas fa-file-alt"></i>
          </span>
          <span>
            Docs
          </span>
        </a>
      </li>
    </ul>
  </div>
  <div class="navbar-right">
    <ul class="navbar-items">
      <li class="navbar-item">
        <a href="https://github.com/emanuelescarabattoli/double" target="_blank">
          <span class="icon">
            <i class="fab fa-github"></i>
          </span>
          <span>
            Github
          </span>
        </a>
      </li>
    </ul>
  </div>
</div>