<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8"> 
    <title>Better days | home
</title>
    <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body>
    <header>
        <a href="/index.html"><h1>better  <br> days</h1></a>
    </header>
    
    <div class='content'>

<article id="articles">
    <a class="vignette" href="/courtyard.html">
        <img class= "img-menu" src="/images/courtyard/02-courtyard.JPG" alt="courtyard">
        <h2>The courtyard</h2>
    </a>

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

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

</article>

    </div>
</body>

<footer>
    <a id="about" href="/pages/about.html">about</div>
    <a id="download" href="/pages/download.html">download</div>
</footer>

</html>