<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Better days | Construction
</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 days</h1></a>
</header>
<div class='content'>
<script src="/theme/js/slideshow.js"></script>
<h1 class='article-title'>Construction</h1>
<div class="gallery">
<!-- If there are only images, print them full-width. -->
<img class= "gallery-img" alt="" onclick="showSlide('img-1')" src="/images/Construction/Construction-1.jpg">
<br>
<img class= "gallery-img" alt="" onclick="showSlide('img-2')" src="/images/Construction/Construction-2.jpg">
<br>
<img class= "gallery-img" alt="" onclick="showSlide('img-3')" src="/images/Construction/Construction-3.jpg">
<br>
<img class= "gallery-img" alt="" onclick="showSlide('img-4')" src="/images/Construction/Construction-4.jpg">
<br>
<img class= "gallery-img" alt="" onclick="showSlide('img-5')" src="/images/Construction/Construction-5.jpg">
<br>
</div>
<!-- Slides used for slideshow -->
<div id="slide-container">
<div id="close-modal" onclick="closeModal()">X</div>
<div id="slides" class="modal">
<img class="slide" id="img-1" alt="" src="/images/Construction/Construction-1.jpg">
<img class="slide" id="img-2" alt="" src="/images/Construction/Construction-2.jpg">
<img class="slide" id="img-3" alt="" src="/images/Construction/Construction-3.jpg">
<img class="slide" id="img-4" alt="" src="/images/Construction/Construction-4.jpg">
<img class="slide" id="img-5" alt="" src="/images/Construction/Construction-5.jpg">
</div>
</div>
</div>
</body>
<footer>
<a id="about" href="/pages/about.html">about</a>
<a id="download" href="/pages/download.html">download</a>
</footer>
</html>