<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" 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 logo-header" href="#page-top">
            </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 link in site.links %}
                    {% if link.url | contains('http') %}
                        {% set domain = '' %}
                    {% elseif link.url | contains('#') %}
                        {% set domain = '' %}
                    {% else %}
                        {% set domain = base_url_absolute %}
                    {% endif %}
                        <li><a class="page-scroll" href="{{ domain }}{{ link.url }}" {% if link.url | contains('http') %}target="_blank"{% endif %}>{{ link.title }}</a></li>
                {% endfor %}

                        {% if theme_config.dropdown.enabled %}
                            {{ _self.loop(pages) }}
                                {% else %}
                            {% for page in pages.children.visible %}
                                {% set current_page = (page.active or page.activeChild) ? 'active' : '' %}
                                    <li class="{{ current_page }}">
                                    <a href="{{ page.url }}">
                            {% if page.header.icon %}<i class="fa fa-{{ page.header.icon }}"></i>{% endif %}
                                {{ page.menu }}
                                    </a>
                                    </li>
                            {% endfor %}
                        {% endif %}

            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->

</nav>