<nav class="navbar has-background-black has-text-white is-family-code" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="/">
      <img src="">
    </a>

    <a role="button" class="navbar-burger" id="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbar" class="navbar-menu has-background-black">
    <div class="navbar-start">
      <a class="navbar-item has-text-white">
        Posts
      </a>
    </div>

    <div class="navbar-end is-hidden-touch mr-2">
      <a class="navbar-item has-text-white">
        <span class="icon">
          <i class="fab fa-github" aria-hidden="true"></i>
        </span>
      </a>
      <a class="navbar-item has-text-white" id="search-button">
        <span class="icon">
          <i class="fas fa-search" aria-hidden="true"></i>
        </span>
      </a>
    </div>
  </div>
  </div>
</nav>