galerie.html (3530B)
1 <main> 2 <h1>Photos</h1> 3 <div class="mosaic photos"> 4 <div class="photo"> 5 <a href="images/photos/PierreVaillant4.jpg" target="_blank"> 6 <img src="images/photos/PierreVaillant4.jpg" alt="Le quatuor échange ses instruments" 7 style="object-position: center 80%"> 8 </a> 9 <p class="credits"><span class="name">Pierre Vaillant</span></p> 10 </div> 11 <div class="photo"> 12 <a href="images/photos/PierreVaillant7.jpg" target="_blank"> 13 <img src="images/photos/PierreVaillant7.jpg" alt="Le quatuor réuni derrière le violoncelle"> 14 </a> 15 <p class="credits"><span class="name">Pierre Vaillant</span></p> 16 </div> 17 <div class="photo"> 18 <a href="images/photos/PierreVaillant6.jpg" target="_blank"> 19 <img src="images/photos/PierreVaillant6.jpg" alt="Le quatuor s'amuse"> 20 </a> 21 <p class="credits"><span class="name">Pierre Vaillant</span></p> 22 </div> 23 <div class="photo"> 24 <a href="images/photos/PierreVaillant5.jpg" target="_blank"> 25 <img src="images/photos/PierreVaillant5.jpg" alt="Le quatuor tente une nouvelle configuration" 26 style="object-position: center 60%"> 27 </a> 28 <p class="credits"><span class="name">Pierre Vaillant</span></p> 29 </div> 30 <div class="photo"> 31 <a href="images/photos/PierreVaillant2.jpg" target="_blank"> 32 <img src="images/photos/PierreVaillant2.jpg" alt="Le quatuor est campé entre les colonnes majestueuses du Palais Royal" 33 style="object-position: center bottom"> 34 </a> 35 <p class="credits"><span class="name">Pierre Vaillant</span></p> 36 </div> 37 <div class="photo"> 38 <a href="images/photos/PierreVaillant1.jpg" target="_blank"> 39 <img src="images/photos/PierreVaillant1.jpg" alt="Les membres du quatuor, espiègles, vous observent cachés derrière leur instruments, appuyés sur un buisson"> 40 </a> 41 <p class="credits"><span class="name">Pierre Vaillant</span></p> 42 </div> 43 <div class="photo"> 44 <a href="images/photos/CyrilGhestem1.jpg" target="_blank"> 45 <img src="images/photos/CyrilGhestem1.jpg" alt="Le quartuor de dos, sur scène, en plein jeu"> 46 </a> 47 <p class="credits"> 48 <a class="name" href="https://www.operadeparis.fr/artistes/cyril-ghestem" target="_blank"> 49 Cyril Ghestem 50 </a> 51 </p> 52 </div> 53 <div class="photo"> 54 <a href="images/photos/PierreVaillant3.jpg" target="_blank"> 55 <img src="images/photos/PierreVaillant3.jpg" alt="Le quatuor converge, les pieds posés sur une colonne de Buren" 56 style="object-position: 20% center"> 57 </a> 58 <p class="credits"><span class="name">Pierre Vaillant</span></p> 59 </div> 60 </div> 61 <h1>Vidéos</h1> 62 <div class="mosaic videos"> 63 <div class="video"> 64 <iframe src="https://www.youtube-nocookie.com/embed/1aDVqNtYbbI" 65 frameborder="0" allowfullscreen class="yt"> 66 </iframe> 67 </div> 68 <div class="video"> 69 <iframe src="https://www.youtube-nocookie.com/embed/H5RyKIwE3Tk" 70 frameborder="0" allowfullscreen class="yt"> 71 </iframe> 72 </div> 73 <div class="video"> 74 <iframe src="https://www.youtube-nocookie.com/embed/_M2QluGXGh8" 75 frameborder="0" allowfullscreen class="yt"> 76 </iframe> 77 </div> 78 <div class="video"> 79 <iframe src="https://www.youtube-nocookie.com/embed/JO6GufBy09M" 80 frameborder="0" allowfullscreen class="yt"> 81 </iframe> 82 </div> 83 </div> 84 </main>