<section id=“menu”>

<!-- Search -->
<section>
    <form class="search" method="get" action="#">
        <input type="text" name="query" placeholder="Search" />
    </form>
</section>

<!-- Links -->
<section>
    <ul class="links">
        {% for item in site.data.navigation %}
        <li>
            <a href="{{ item.link }}">{{ item.name }}</a>
        </li>
        {% endfor %}
    </ul>
</section>

<!-- Actions -->
<section>
    <ul class="actions stacked">
        <li><a href="#" class="button large fit">Log In</a></li>
    </ul>
</section>

</section>