galerie.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
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>