61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Chroniques des jours meilleurs | 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>Chroniques des jours meilleurs</h1></a>
|
|
</header>
|
|
|
|
<div class='content'>
|
|
<script src="/theme/js/slideshow.js"></script>
|
|
<h1 class='article-title'>Construction</h1>
|
|
|
|
<!-- Put the article content for the embedded audio player -->
|
|
<div class='article-content'> <p><audio controls="controls"
|
|
src="sounds/construction.wav"
|
|
autoplay loop
|
|
class='audio'>
|
|
Your browser does not support the HTML5 Audio element.
|
|
</audio></p></div>
|
|
|
|
<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()"><a href="#">X</a></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="a-propos" href="/pages/a-propos.html">À propos</a>
|
|
<a id="telecharger" href="/pages/telecharger.html">Télécharger</a>
|
|
</footer>
|
|
|
|
</html> |