<header>
    <div class="main-nav">
        <ul class="nav-ul">
        {% for page in pages %}
            <li class="nav-li"><a class="nav-button" 
                href="/{{page.name | lower}}">{{page.pretty_name}}</a></li>
        {% endfor %}
        </ul>
    </div>
</header>