<header id=“header”>

<h1><a href="/index.html">{{ site.title }}</a></h1>
<nav class="links">
    <ul>
        {% for item in site.data.navigation %}
        <li><a href="{{ item.link }}">{{ item.name }}</a></li>
        {% endfor %}
    </ul>
</nav>
<nav class="main">
    <ul>
        <li class="search">
            <a class="fa-search" href="#search">Search</a>
            <form id="search" method="get" action="#">
                <input type="text" name="query" placeholder="Search" />
            </form>
        </li>
        <li class="menu">
            <a class="fa-bars" href="#menu">Menu</a>
        </li>
    </ul>
</nav>

</header>