{% extends 'base.html' %}

{% block title%}
{{ SITENAME }} | home
{% endblock title %}

{% block content %}

<article id="articles">
    <a class="vignette" href="{{ SITE_URL }}/courtyard.html">
        <img class= "img-menu" src="{{ SITE_URL }}/images/Courtyard/Courtyard-2.jpg" alt="courtyard">
        <h2>The courtyard</h2>
    </a>

    <a class="vignette" href="{{ SITE_URL }}/construction.html">
        <img class= "img-menu" src="{{ SITE_URL }}/images/Construction/Construction-1.jpg" alt="construction">
        <h2>Construction workers</h2>
    </a>

    <a class="vignette" href="{{ SITE_URL }}/sunday.html">
        <img class= "img-menu" src="{{ SITE_URL }}/images/Sunday/Sunday-2.jpg" alt="sunday">
        <h2>Sunday</h2>
    </a>

</article>

{% endblock content %}