diff options
Diffstat (limited to 'en/gallery.html')
| -rw-r--r-- | en/gallery.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/en/gallery.html b/en/gallery.html new file mode 100644 index 0000000..3606239 --- /dev/null +++ b/en/gallery.html @@ -0,0 +1,47 @@ +<main> + <h1>Photos</h1> + <div class="mosaic photos"> + <div class="photo"> + <a href="images/photos/PierreVaillant2.jpg" + target="_blank"> + <img src="../images/photos/PierreVaillant2.jpg" + style="object-position: center bottom"> + </a> + <p class="credits"><span class="name">Pierre Vaillant</span></p> + </div> + <div class="photo"> + <a href="images/photos/PierreVaillant1.jpg" + target="_blank"> + <img src="../images/photos/PierreVaillant1.jpg"> + </a> + <p class="credits"><span class="name">Pierre Vaillant</span></p> + </div> + <div class="photo"> + <a href="images/photos/CyrilGhestem1.jpg" + target="_blank"> + <img src="../images/photos/CyrilGhestem1.jpg"> + </a> + <p class="credits"> + <a class="name" href="https://www.operadeparis.fr/artistes/cyril-ghestem"> + Cyril Ghestem + </a> + </p> + </div> + <div class="photo"> + <a href="images/photos/PierreVaillant3.jpg" + target="_blank"> + <img src="../images/photos/PierreVaillant3.jpg" + style="object-position: 20% center"> + </a> + <p class="credits"><span class="name">Pierre Vaillant</span></p> + </div> + </div> + <h1>Vidéos</h1> + <div class="mosaic videos"> + <div class="video"> + <iframe src="https://www.youtube.com/embed/1aDVqNtYbbI" + frameborder="0" allowfullscreen class="yt"> + </iframe> + </div> + </div> +</main> |