<nav
  class="navbar mobile-navbar is-landing is-hidden-desktop"
  aria-label="main navigation"
>
  <!-- Brand -->
  <div class="navbar-brand">
    <a class="navbar-item" href="/">
      <img
        class="dark-mobile-logo"
        src="assets/img/vector/logo/friendkit.svg"
        alt=""
      />
      <img
        class="light-mobile-logo"
        src="assets/img/vector/logo/friendkit-white.svg"
        alt=""
      />
    </a>

    <!-- Mobile menu toggler icon -->
    <div class="navbar-burger">
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
  <!-- Navbar mobile menu -->
  <div class="navbar-menu">
    <!-- Account -->
    <div class="navbar-item has-dropdown">
      <div class="navbar-link">
        <img
          src="https://via.placeholder.com/150x150"
          data-demo-src="assets/img/avatars/avatar-w.png"
          alt=""
        />
        <span class="is-heading">Guest</span>
      </div>

      <!-- Mobile Dropdown -->
      <div class="navbar-dropdown">
        <a href="#" class="navbar-item">Buy</a>
        <a href="#demos-section" class="navbar-item">Demos</a>
        <a href="https://docs.friendkit.cssninja.io" class="navbar-item"
          >Docs</a
        >
        <a href="login.html" class="navbar-item">Login</a>
        <a href="signup.html" class="button is-fullwidth is-solid accent-button"
          >Sign Up</a
        >
      </div>
    </div>
  </div>
</nav>
