<nav class="navbar navbar-light navbar-expand-lg bg-light bd-navbar fixed-top" id="navbar-main">
  <a class="navbar-brand" href="{{ pathto('index') }}">
    <img src="https://static.bokeh.org/logos/logotype.svg" alt="Bokeh" height="30" width="110">
  </a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
  </button>

  <div id="navbar-menu" class="collapse navbar-collapse">
    <ul id="navbar-main-elements" class="navbar-nav mr-auto">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          {{ VERSION }}
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="version-menu"></div>
      </li>
      {% set nav = get_nav_object(maxdepth=1) %}
      {% for main_nav_item in nav %}
      <li class="nav-item {% if main_nav_item.active%}active{% endif %}">
          <a class="nav-link" href="{{ main_nav_item.url }}">{{ main_nav_item.title }}</a>
      </li>
      {% endfor %}
      <li class="nav-item">
          <a class="nav-link nav-external" href="https://mybinder.org/v2/gh/bokeh/bokeh-notebooks/master?filepath=tutorial%2F00%20-%20Introduction%20and%20Setup.ipynb" target="_blank" rel="noopener">
            Tutorial
          </a>
      </li>
      <li class="nav-item">
          <a class="nav-link nav-external" href="https://discourse.bokeh.org" target="_blank" rel="noopener">
            Community
          </a>
      </li>
    </ul>
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="https://github.com/bokeh/bokeh" target="_blank" rel="noopener">
          <span><i class="fa fa-github-square" style="color:#333;font-size:1.5rem;"></i></span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="https://twitter.com/bokeh" target="_blank" rel="noopener">
          <span><i class="fa fa-twitter-square" style="color:#55acee;font-size:1.5rem"></i></span>
        </a>
      </li>
    </ul>
  </div>
</nav>
