<nav id="navbar-main"
     class="navbar navbar-main navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse"
                    data-target="#navbar-main-body"
                    aria-expanded="false" aria-controls="navbar-main">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="./index.html">{{ project }}</a>
        </div>

        <div id="navbar-main-body" class="navbar-body navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <ul class="list-unstyled icons-list-inline">
                        {% if theme_scm_url and theme_scm_name|string() ==
                        'Github' %}
                        <li><a href="{{ theme_scm_url }}" title="GitHub"
                               aria-label="GitHub"><span
                                class="navbar-icon fa fa-inverse fa-github"
                                aria-hidden="true"></span></a></li>
                        {% endif %}
                    </ul>
                </li>
                {% if theme_navbar_links %}
                {% for link_group in theme_navbar_links %}
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                       role="button" aria-haspopup="true"
                       aria-expanded="false">{{ link_group[0] }}
                        <span class="chevron_toggleable fa fa-chevron-up"
                              aria-hidden="true"></span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        {% for link in link_group[1] %}
                        <li><a href="{{ link[1] }}">{{ link[0] }}</a></li>
                        {% endfor %}
                    </ul>
                </li>
                {% endfor %}
                {% endif %}
            </ul>
        </div>
    </div>
</nav>