<header class=“site-header” role=“banner”>

<div class="navbar-fixed">
    <nav>
        <div class="container">
            <div class="nav-wrapper">
                <a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
                <div class="trigger">
                    <ul class="right hide-on-med-and-down">
                        {% for my_page in site.pages %}
                        {% if my_page.title %}
                        <li>
                            <a class="page-link" href="{{ my_page.url | relative_url }}">
                                {{ my_page.title | escape }}
                            </a>
                        </li>
                        {% endif %}
                        {% endfor %}
                    </ul>

                    <ul class="social-media-list right">
                        {% if site.linkedin_username %}
                        <li>
                            {% include icon-linkedin.html username=site.linkedin_username %}
                        </li>
                        {% endif %}

                        {% if site.github_username %}
                        <li>
                            {% include icon-github.html username=site.github_username %}
                        </li>
                        {% endif %}

                        {% if site.codepen_username %}
                        <li>
                            {% include icon-codepen.html username=site.codepen_username %}
                        </li>
                        {% endif %}

                        {% if site.twitter_username %}
                        <li>
                            {% include icon-twitter.html username=site.twitter_username %}
                        </li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</div>

</header>