{% assign id = 0 | random_id %}
<a href="{{ site.base }}" class="navbar-brand">
   <img src="{{ site.base }}/img/logo{% if include.dark %}-white{% endif %}.svg" alt="" class="hide-navbar-folded navbar-brand-logo">
   <img src="{{ site.base }}/img/logo-small{% if include.dark %}-white{% endif %}.svg" alt="" class="hide-navbar-expanded navbar-brand-logo">
</a>

<div class="flex-fill">
   <h6 class="navbar-heading">Docs</h6>

   {% include layout/menu.html menu=include.menu class="mb-md-4" %}

   <h6 class="navbar-heading">Other</h6>

</div>

<ul class="navbar-nav">
   <li class="nav-item">
      <a href="#" class="nav-link">
         <span class="nav-icon">{% include ui/icon.html icon="power" %}</span>
         <span class="nav-text">Logout</span>
      </a>
   </li>
</ul>