overview.html 3 KB
Newer Older
Jonas Heinrich's avatar
Jonas Heinrich committed
1
 <html>
2 3
  <body>
    <div class="description">
Jonas Heinrich's avatar
Jonas Heinrich committed
4 5 6
      <h2>Werkübersicht</h2>
      Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
    </div>
7

Jonas Heinrich's avatar
Jonas Heinrich committed
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
    <section class="video-grid">
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Ehrung des Quadrats: Gelbes Zentrum</span>
        <p class="video-description">ein Werk von von Josef Albers (1954), Orangerie. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Dynamische Struktur</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Überfall auf einen Geleitzug</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Abendessen in der Scheune</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title"> Take a long break I, II</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Chapter 28</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
      <div class="video-item">
        <div class="video-img" style="background-image: url('video/video1.png');"></div>
        <span class="video-title">Chapter 28</span>
        <p class="video-description">Molestiae odio amet iste recusandae voluptate officia magni. Sed totam fugit repellat rerum. Consectetur veritatis dolor eveniet.</span>
      </div>
    </section>
45 46

    <script src="js/main.js"></script>
47 48
  </body>
</html>