snips-sam/docs/_includes/navbar.html

The Snips Assistant Manager

<nav class="navbar is-link" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="{{site.baseurl}}/">
      <img src="{{site.baseurl}}/images/AvatarMenu.png" srcset="{{site.baseurl}}/images/AvatarMenu@2x.png 2x">
    </a>

    <button class="button navbar-burger">
      <span></span>
      <span></span>
      <span></span>
    </button>
  </div>

  <div class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" href="{{site.baseurl}}/getting-started/introduction/">
        Getting Started
      </a>
      
      <a class="navbar-item" href="{{site.baseurl}}/reference/">
        Reference
      </a>

      <a class="navbar-item " href="{{site.baseurl}}/tutorials/">
        Tutorials
      </a>

      <!-- <a class="navbar-item " href="{{site.baseurl}}/ios/">
        <span class="icon">
          <i class="fa fa-apple"></i>
        </span>
        <span>App</span>
      </a> -->
    </div>

    <div class="navbar-end">
      <a class="navbar-item is-hidden-desktop-only" href="https://twitter.com/snips" target="_blank">
        <span class="icon" style="color: #fff;">
          <i class="fa fa-lg fa-twitter"></i>
        </span>
      </a>
      <div class="navbar-item">
        <div class="field is-grouped">
          <p class="control">
            <a class="button is-small" href="https://discord.gg/aadnd2">
              <span class="icon">
                <i class="fa fa-comment"></i>
              </span>
              <span>Discuss</span>
            </a>
          </p>
          <p class="control">
            <a class="button is-success is-small" href="https://github.com/snipsco/sam">
              <span class="icon">
                <i class="fa fa-github"></i>
              </span>
              <span>Github</span>
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</nav>