Fixed Projekt column

content/pages/de/index.html

@@ -89,29 +89,40 @@
 <h2>Andere Projekte</h2>
 <p>Das Projekt Hack'n'Fun ist nicht das einzige Projekt.</p>
 <p>Diese anderen Projekte sind:</p>
-<div class="card">
-  <div class="card-header">
-    Projekt schul-frei
-  </div>
-  <div class="card-body">
-    <p class="card-text">Wenn man sich vor allem für Softwareprojekte und/oder die Verbreitung von von Freier Software interessiert, ist das Lernen und Arbeiten an diesen Themen im Projekt schul-frei möglich. Hier bieten Softwareentwicklerinnen, Lehrkräfte, Schulen, Schüler und IT-Unternehmen eine breite und übersichtliche Sammlung von Softwarelösungen für Jugend und Bildung an.</p>
-    <a href="https://schul-frei.org" class="btn btn-primary">Mehr Informationen</a>
-  </div>
-</div>
-
-<p>
-<br>
-</p>
-
-<div class="card">
-  <div class="card-header">
-    Projekt LEOPARD
-  </div>
-  <div class="card-body">
-    <p class="card-text">Wenn man sich dafür interessiert, Wissen aus verschiedenen Themenbereichen zusammen mit Erwachsenen, Kindern und Jugendlichen zu erlangen oder selbst Wissen weiterzugeben, kann man das im Projekt LEOPARD tun. Neben kontinuierlichen Online-Treffen finden auch Campdays statt, bei denen an Themen gelernt und ausprobiert werden kann.</p>
-    <a href="https://leopard.camp" class="btn btn-primary">Mehr Informationen</a>
-  </div>
-</div>
+  <div class="container" id="project-columns">
+    <div class="row">
+      <div class="d-flex flex-column col-lg-4 border-right">
+        <h2>Freie Software und Bildung Hand in Hand</h2>
+        <a href="https://schul-frei.org/">
+          <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
+        </a>
+        <p>
+          Das Projekt schul-frei ist ein Kuratorium für Freie Software in der Bildung.
+        </p>
+        <p class="mt-auto">
+          Die im Projekt engagierten Softwareentwicklerinnen, Lehrkräfte, Schulen, Schüler und IT-Unternehmen
+          bieten gemeinsam eine breite, übersichtliches und qualitativ hochwertige Sammlung von Softwarelösungen
+          für Jugend und Bildung an — als Gemeinschaft und als Dienstleistung für Schulen und Entscheidungsträger.
+        </p>
+        <a class="btn btn-dark mt-auto" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
+      </div>
+      <div class="d-flex flex-column col-lg-4">
+        <h2>Gemeinschaft und Partizipation mit Jugendlichen</h2>
+        <a href="https://leopard-camp.org">
+          <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
+        </a>
+        <p>
+          Wer Erfahrungen mit Freier Software oder Informatik und Technik gesammelt hat, sollte
+          diese vertiefen und an andere weitergeben.
+        </p>
+        <p class="mt-auto">
+          Das pädagogische Konzept der langfristigen Zusammenarbeit und Partizipation von Kindern,
+          Jugendlichen und Erwachsenen gemeinsam ist der Kern der LEOPARD-Campdays und des
+          LEOPARD-Onlinecamps, in dem unter anderem auch die Projekte Hack’n’Fun und schul-frei
+          ihre Sessions organisieren und mit der LEOPARD-Redaktion für Alte und Neue aufbereiten.
+        </p>
+        <a class="btn btn-dark mt-auto" href="https://leopard.camp/">Mehr auf leopard-camp.org</a>
+      </div>
 </div>
 </body>
 </html>