{% extends "base.html" %}
<!--  -->
{% block content %}

<div class="grid">
    <!--  -->
    {% for page in section.pages %}
    <div class="cell">
        <a href="{{ page.permalink | safe }}"
            ><img src="{{ page.extra.image }}" width="400px"
        /></a>
    </div>
    <!--  -->
    <!--  -->
    {% endfor %}
</div>

<!-- <h1 class="title">{{ section.title }}</h1> -->
<!-- <ul> -->
<!-- If you are using pagination, section.pages will be empty.
       You need to use the paginator object -->
<!-- {% for page in section.pages %} -->
<!-- <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li> -->
<!-- {% endfor %} -->
<!-- </ul> -->
{% endblock content %}