nav.html

<a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
<nav class="navbar navbar-expand-md navbar-dark" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    {% comment %} WAVE: avoid adjacent links to same URL by skipping this one & keeping "Home" below {% endcomment %}
    <a class="navbar-brand" aria-hidden="true" tabindex="-1" href="{{ site.baseurl }}/"><img src="{{ "/assets/img/theme-images/c4l-logo.svg" | relative_url }}" alt="Code4Lib"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
      <span class="sr-only">Toggle navigation</span>
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse " id="mainNavBar">
      <ul class="navbar-nav ml-auto ">
        <li class="nav-item">
          <a class="nav-link" aria-label="Return to Code4Lib Index Page" href="{{ site.baseurl }}/">Home</a>
        </li>

        <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-schedule %}
        {% link schedule/index.html %}{% else %}{% link schedule/timeline.html %}
        {% endif %}" class="nav-link">Schedule</a></li>
        <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-talks %}
        {% link speakers/index.html %}{% else %}{% link speakers/past-keynotes.html %}
        {% endif %}" class="nav-link">Speakers</a></li>

        {% if site.data.conf.show-sponsors%}
            <li class="nav-item">
            {% if site.data.conf.sponsors-links-to-prospectus %}
                <a class="nav-link" href="{{ site.baseurl }}{% link prospectus/index.html %}">Sponsors</a>
            {% else %}
                <a class="nav-link" href="{{ site.baseurl }}{% link sponsors/index.html %}">Sponsors</a>
            {% endif %}
            </li>
        {% endif %}

        <li class="nav-item"><a href="{{ site.baseurl }}{% link general-info/attend.html %}" class="nav-link">General Info</a></li>

          <li class="nav-item"><a href="{{ site.baseurl }}{% link conduct/index.html %}" class="nav-link">Conduct & Safety</a></li>

        <!-- SEARCH -->
        {% if site.data.conf.search %}
        <li class="nav-item">
            <form class="navbar-form" action="get" id="site_search">
                <div class="input-group">
                    <input class="form-control" type="text" placeholder="Search Presentations" id="search_box">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit" alt="Search"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div>
            </form>
        </li>
        {% endif %}
    </ul>
  </div><!-- /.navbar-collapse -->
  <!-- /.container-fluid -->
</nav>