{% extends "base.html" %}

{% block content %}
<div class="split">
    <div class="section-display">
        <div><h1 class="title">{{ section.title }}</h1></div>
    </div>
    <div class="section-text">
        <div>
            {% for page in section.pages %}
            <ul class="bx-ul page-list">
                <li><h3 style="text-align: left;"><i class='bx bxs-right-arrow-alt'></i>
                    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
                    </h3>
                    {{ page.date }}
                </li>
            </ul>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock content %}