<div class="navbar navbar-expand navbar-dark bg-dark m-0 {{ submenuClass or '' }}">
  <div class="container-fluid" 
    data-perfect-scrollbar
    data-perfect-scrollbar-suppress-scroll-y="true">
    <ul class="nav navbar-nav">
      <li class="nav-item{% if slug === 'library' %} active{% endif %}">
        <a href="{{ prefix or '' }}library.html" class="nav-link">Library</a>
      </li>
      <li class="nav-item{% if slug === 'library-filters' %} active{% endif %}">
        <a href="{{ prefix or '' }}library-filters.html" class="nav-link">Explore</a>
      </li>
      <li class="nav-item{% if slug === 'library-featured' %} active{% endif %}">
        <a href="{{ prefix or '' }}library-featured.html" class="nav-link">Featured</a>
      </li>
    </ul>
    <ul class="nav navbar-nav mr-auto">
      <li class="nav-item{% if slug === 'library-development' %} active{% endif %}">
        <a href="{{ prefix or '' }}library-development.html" class="nav-link">Development</a>
      </li>
      <li class="nav-item">
        <a href="{{ prefix or '' }}library-development.html" class="nav-link">Design</a>
      </li>
      <li class="nav-item">
        <a href="{{ prefix or '' }}library-development.html" class="nav-link">Business</a>
      </li>
      <li class="nav-item">
        <a href="{{ prefix or '' }}library-development.html" class="nav-link">Photography</a>
      </li>
    </ul>
  </div>
</div>