<!– Navigation –>

<nav class="navbar navbar-custom navbar-fixed-top nav-{{ page.key }}" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand page-scroll" href="/#page-top">
                <i class="fa fa-lg {{ site.site-icon }}"></i>  {{ site.title }}
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>

                {% for item in site.site-map[page.key].menu %}
                        <li {% if site.site-map[item].submenu %}class="dropdown"{% endif %}>
                            {% if item == "home" %}
                                <a class="page-scroll" href="/">{{ site.site-map[item].title }}</a>
                            {% elsif site.site-map[item].submenu %}
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ site.site-map[item].title }}</a>
                                <ul id="dropdown-menu-{{item}}" class="dropdown-menu">
                                    {% for subitem in site.site-map[item].submenu %}
                                        <li>
                                            {% include nav_link.html item=subitem %}
                                        </li>
                                    {% endfor %}
                                </ul>
                            {% else %}
                                {% include nav_link.html item=item %}
                            {% endif %}
                        </li>
                {% endfor %}
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>