about.html 6.42 KB
Newer Older
1
2
3
<html>
  <body>
    <div class="description">
Jonas Heinrich's avatar
Jonas Heinrich committed
4
5
      <h2>Über das Projekt</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.
Jonas Heinrich's avatar
Jonas Heinrich committed
6
    </div>
7
8
9

      <section class="grid">
            <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
10
            <div class="profile-img clip" style="background-image: url('images/profiles/klaassen.jpeg'); background-size: cover; background-position: 50% 0;"></div>
11
12
13
14
15
16
              <div class="meta center">
                <h3 class="meta__title">Dr. Alice Anna Klaassen</h3>
                <span class="quiet small">Seminarleitung, Organisation</span>
              </div>
            </span>
            <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
17
            <div class="profile-img clip" style="background-image: url('images/profiles/muñoz morcillo.jpeg'); background-size: cover; background-position: 50% 0;"></div>
18
19
20
21
22
23
              <div class="meta center">
                <h3 class="meta__title">Dr. Jesús Muñoz Morcillo</h3>
                <span class="quiet small">Seminarleitung, Regie</span>
              </div>
            </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
24
             <div class="profile-img clip" style="background-image: url('images/profiles/leiber.jpeg'); background-size: cover; background-position: 50% 0;"></div>
25
26
27
28
29
30
               <div class="meta center">
                 <h3 class="meta__title">Anke Leiber</h3>
                 <span class="quiet small">Kamera, Video-Schnitt, Storyboard</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
31
             <div class="profile-img clip" style="background-image: url('images/profiles/mangler.jpeg'); background-size: cover; background-position: 50% 0;"></div>
32
33
               <div class="meta center">
                 <h3 class="meta__title">Jonas Mangler</h3>
34
                 <span class="quiet small">Autor, Schnitt, Kamera</span>
35
36
37
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
38
             <div class="profile-img clip" style="background-image: url('images/profiles/mueller-quade.jpeg'); background-size: cover; background-position: 50% 0;"></div>
39
40
41
42
43
44
               <div class="meta center">
                 <h3 class="meta__title">Insa Müller-Quade</h3>
                 <span class="quiet small">Moderation</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
45
             <div class="profile-img clip" style="background-image: url('images/profiles/sannwald.jpeg'); background-size: cover; background-position: 50% 0;"></div>
46
47
48
49
50
51
               <div class="meta center">
                 <h3 class="meta__title">Timo Sannwald</h3>
                 <span class="quiet small">Kamera, Video-Schnitt, Storyboard</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
52
             <div class="profile-img clip" style="background-image: url('images/profiles/traboulsi-wegner.jpeg'); background-size: cover; background-position: 50% 0;"></div>
53
54
55
56
57
58
               <div class="meta center">
                 <h3 class="meta__title">Natalija Traboulsi-Wegner</h3>
                 <span class="quiet small">Autor, Webseite</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
59
             <div class="profile-img clip" style="background-image: url('images/profiles/stetter.jpeg'); background-size: cover; background-position: 50% 0;"></div>
60
               <div class="meta center">
61
                 <h3 class="meta__title">Hanna Stetter</h3>
62
63
64
65
                 <span class="quiet small">Moderation</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
66
             <div class="profile-img clip" style="background-image: url('images/profiles/esser.jpeg'); background-size: cover; background-position: 50% 0;"></div>
67
               <div class="meta center">
68
                 <h3 class="meta__title">Hanna Eßer</h3>
69
70
71
72
                 <span class="quiet small">Autor</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
73
             <div class="profile-img clip" style="background-image: url('images/profiles/heinrich.jpeg'); background-size: cover; background-position: 50% 0;"></div>
74
75
76
77
78
79
               <div class="meta center">
                 <h3 class="meta__title">Jonas Heinrich</h3>
                 <span class="quiet small">Webseite</span>
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
80
             <div class="profile-img clip" style="background-image: url('images/profiles/levchenko.jpeg'); background-size: cover; background-position: 50% 0;"></div>
81
               <div class="meta center">
82
83
                 <h3 class="meta__title">Oleksander Levchenko</h3>
                 <span class="quiet small">Dokumentation</span>
84
85
86
               </div>
             </span>
             <span class="grid__item">
Jonas Heinrich's avatar
Jonas Heinrich committed
87
             <div class="profile-img clip" style="background-image: url('images/profiles/schmitt.jpeg'); background-size: cover; background-position: 50% 0;"></div>
88
               <div class="meta center">
Jonas Heinrich's avatar
Jonas Heinrich committed
89
                 <h3 class="meta__title">Lukas Schmitt</h3>
90
                 <span class="quiet small">Konzeptplanung</span>
91
92
93
               </div>
             </span>
      </section>
Jonas Heinrich's avatar
Jonas Heinrich committed
94

Jonas Heinrich's avatar
Jonas Heinrich committed
95
96
97
98
99
100
101
102
103
104
105
106
      <div class="description">
        <h2>Partner</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.
        <br><br><br><br>
        <a href=https://www.zak.kit.edu target=new><img src="images/logo_zak_whitened.png" width=100%></a>
        <a href=https://www.kit.edu target=new><img src="images/logo_kit_whitened.png" width=50%></a>
      </div>

      <div class="description">
        <h2>Impressum</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>
107
108
109

  </body>
</html>