{% extends "base.html" %}

{% block content %}
<h1>{{ page.title }}</h1>
<div class="intro">{{ page.intro|richtext }}</div>
<div class="product-listing">
    {% for product in products %}
        <div class="product">
            <h2><a href="{{ product.url }}">{{ product.title }}</a></h2>
            <p>{{ product.short_description }}</p>
            {% if product.base_image %}
                <img src="{{ product.base_image.url }}" alt="{{ product.title }}">
            {% endif %}
        </div>
    {% endfor %}
</div>
{% endblock %}