adapted vereinspage to bootstrap

1 files changed, 25 insertions, 11 deletions

diff --git a/template/pages/verein/content.html b/template/pages/verein/content.html
index 549d35e..e1e881e 100644
--- a/template/pages/verein/content.html
+++ b/template/pages/verein/content.html
@@ -1,43 +1,54 @@
-<h2>
-	[ Verein ]
-</h2>
+<h1>
+	Verein
+</h1>
+<div class="row">
+	<div class="col-md-12">
 <p>
 Der sublab e.V. wurde 2008 gegründet und hat seitdem die angemieteten Räumlichkeiten im Westwerk renoviert, elektrifiziert und in einen nutzbaren Zustand versetzt.<br>
 <a href="inc/sublab_ev_mitgliedsantrag.pdf">Hier</a> geht's zum Mitgliedsantrag.
 </p>
-<h3>
+	</div>
+</div>
+<div class="row">
+	<div class="col-md-6">
+
+<h2>
 	Vereinsarbeit
-</h3>
-<div class="imagecontent">
-	<a href="inc/was_ist_das_sublab.pdf" class="img"><img class="contentimage" src="img/wasistdassublab.png" alt="Was ist das sublab?"></a>
+</h2>
+	<a href="inc/was_ist_das_sublab.pdf"><img class="img-responsive" src="img/wasistdassublab.png" alt="Was ist das sublab?"></a>
 	<p class="subtext">
 	Was ist das sublab? (pdf)
 	</p>
-</div>
 <p>
 Durch die Arbeit des Vereins werden vielen Leipziger Gruppen, die sich mit Technik und verwandten Themen beschäftigen, die Möglichkeiten gegeben sich zu treffen und zu arbeiten. Die notwendige Infrastruktur wird den Nutzernn vom sublab kostenlos zur Verfügung gestellt, da viele Gruppen keine finanziellen Mittel haben, eigene Räumlichkeiten zu unterhalten. 
 So trifft sich im sublab u.a. regelmäßig der Leipziger Chaostreff, um Workshops und Vorträge rund um aktuelle Technikthemen, z.B. Mikrokontrollerprogrammierung, zu halten. 
 Sobald die Räume fertig renoviert sind, werden im sublab auch Workshops stattfinden um Kinder und Jugendliche mit Technik in Berührung zu bringen, und ihre Kenntnisse über Funktionsweise aber auch Nutzen und Gefahren zu verbessern.
 </p>
+	</div>
+	<div class="col-md-6">
 <h3>
 	Gemeinnützigkeit
 </h3>
-<div class="imagecontent">
-	<a href="inc/sublab-presentation.pdf" class="img"><img class="contentimage" src="img/presi.png" alt="sublab Presi Ubucon"></a>
+	<a href="inc/sublab-presentation.pdf"><img class="img-respomsive" src="img/presi.png" alt="sublab Presi Ubucon"></a>
 	<p class="subtext">
 	Ubucon Praesentation (pdf)
 	</p>
-</div>
 <p>
 Der sublab e.V. ist ein gemeinnütziger Verein, der sich ausschließlich durch die Beiträge der Mitglieder und durch Spenden finanziert und finanzieren kann. Durch die anerkannte Gemeinnützigkeit sind wir in der Lage steuerlich absetzbare Spendenquittungen auszustellen.<br />
 Wenngleich wir bemüht sind die Strukturen flach zu halten bringt so ein juristischer Körper neben Vorteilen auch einige Anforderungen an den Papierkram mit sich.
 </p>
+	</div>
+</div>
+<div class="row">
+	<div class="col-md-6">
 <h3>
 	Über den Verein
 </h3>
 <p>
 	Eine kurze prägnante Beschreibung des sublab ist hier zu finden: <a href="inc/was_ist_das_sublab.pdf">Was&nbsp;ist&nbsp;das&nbsp;sublab?&nbsp;(pdf)</a>
 </p>
+	</div>
+	<div class="col-md-6">
 <h3>
 	Dokumente
 </h3>
@@ -49,3 +60,6 @@ Wenngleich wir bemüht sind die Strukturen flach zu halten bringt so ein juristi
 <a href="inc/sublab_ev_sachspendenquittung.pdf">Sachspendenquittung</a><br>
 <a href="inc/sublab_ev_einzugsermaechtigung.pdf">Einzugsermächtigung</a>
 </p>
+	</div>
+</div>
+