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