overview.html 4.05 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
    <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>
Jonas Heinrich's avatar
Jonas Heinrich committed
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
      <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>
      <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>
Jonas Heinrich's avatar
Jonas Heinrich committed
59
    </section>
60
61

    <script src="js/main.js"></script>
62
63
  </body>
</html>