Add media list for coordinator presentation

content/pages/de/index.html

@@ -74,19 +74,32 @@
        <p>Im Projekt Hack'n'Fun experimentieren Kinder, Jugendliche und Erwachsene     gemeinsam, um technische Themen kennenzulernen.</p>
        <p class="mt-auto">Bei Wochenend- und Ferienfreizeiten, sowie in dauerhaften Online- und Offline-Themennachmittagen, bieten erfahrene Jugendliche oder Erwachsene Themenideen aus verschiedenen technischen Bereichen an oder Kinder und Jugendliche wünschen sich selber Themen, die sie interessieren — bei mehrtägigen Freizeiten mit umfangreichem sozialem Rahmenprogramm.</p>
      </div>
-     <div class="col">
-       <h2>Koordinatoren</h2>
-       <p>Wir haben zwei Koordinationsbereiche für die es jeweils einen Koordinator gibt.</p>
-       <h3>Veranstaltungsorganisation</h3>
-       <p class="mt-auto">
-           Dieser Bereich beschäftigt sich mit der Planung und Durchführung von Freizeitveranstaltungen.
-       </p>
-       <h3>Expertenarbeit</h3>
-       <p class="mt-auto">
-           Dieser Bereich beschäftigt sich mit der Organisation und Moderation von Expertenprojekten, welche im Leopard-Barcamp stattfinden.
-       </p>
-     </div>
-   </div>
+  </div>
+</div>
+<div>
+  <h2>Die Projektverantwortlichen</h2>
+  <ul class="list-unstyled">
+    <li class="media">
+      <img class="mr-3" src="..." alt="Koordinator Veranstaltungen">
+      <div class="media-body">
+        <h5 class="mt-0 mb-1">Veranstaltungsorganisation</h5>
+        <p>Dieser Bereich beschäftigt sich mit der Planung und Durchführung von
+        Freizeitveranstaltungen.</p>
+        <p>Aktuell gibt es keinen Koordinator für die Expertenarbeit</p>
+      </div>
+    </li>
+    <li class="media my-4">
+      <img class="mr-3" src="..." alt="Koordinator Expertenarbeit">
+      <div class="media-body">
+        <h5 class="mt-0 mb-1">Expertenarbeit</h5>
+        <p>Dieser Bereich beschäftigt sich mit der Organisation und Moderation von Expertenprojekten, welche im Leopard-Barcamp
+        stattfinden.</p>
+        <p>Hallo, mein Name ist Philipp Stahl, ich bin 17 Jahre alt und
+        kümmere mich darum, dass es immer gut organisierte Expertenprojekte
+        gibt, an denen du teilnehmen kannst.</p>
+      </div>
+    </li>
+  </ul>
 </div>
 </body>
 </html>