adapted raeume to bootstrap

1 files changed, 43 insertions, 60 deletions

diff --git a/template/pages/raeume/content.html b/template/pages/raeume/content.html
index e7ed02e..1d2323b 100644
--- a/template/pages/raeume/content.html
+++ b/template/pages/raeume/content.html
@@ -1,92 +1,75 @@
-<h2>
-	[ Räume ]
-</h2>
+<h1>
+	Räume
+</h1>
+<div class="row">
+	<div class="col-md-12">
 <p>
 	Das sublab besteht aus mehreren Räumen mit insgesamt ca. 200qm Grundfläche.<br />
 	Hier findest du eine kurze Auflistung der Räume mit ihrem Zweck, ihrem Zweck und Zustand<br />
 </p>
-<h3>
-	Lounge
-</h3>
-<div class="imagecontent">
-	<a href="img/lounge.jpg" class="img"><img class="contentimage" src="img/lounge_klein.jpg" alt="Die Bar"></a>
-	<p class="subtext">
-	Die Bar
-	</p>
+	</div>
 </div>
+<div class="row">
+	<div class="col-sm-4">
+<h2>
+	Lounge
+</h2>
+	<a href="img/lounge.jpg"><img class="img-responsive" src="img/lounge_klein.jpg" alt="Die Bar"></a>
 <p>
-	Der mit abstand größte Raum des sublabs ist die Lounge. neben einer Bühne (ca. 5m x 3m) ist hier auch die Bar sowie mehrere Sitzecken und der Kickertisch zu finden.
+	Der mit Abstand größte Raum des sublabs ist die Lounge. neben einer Bühne (ca. 5m x 3m) ist hier auch die Bar sowie mehrere Sitzecken und der Kickertisch zu finden.
 </p>
-<h3>
-	Werkstatt
-</h3>
-<div class="imagecontent">
-	<a href="img/werkstatttisch.jpg" class="img"><img class="contentimage" src="img/werkstatttisch_klein.jpg" alt="Werkstatt"></a>
-	<p class="subtext">
-	Die Werkstatt
-	</p>
 	</div>
+	<div class="col-sm-4">
+
+<h2>
+	Werkstatt
+</h2>
+	<a href="img/werkstatttisch.jpg"><img class="img-responsive" src="img/werkstatttisch_klein.jpg" alt="Werkstatt"></a>
 <p>
 	Wenn es etwas zu basteln, schrauben, messen oder löten gibt, dann ist die Werkstatt genau der richtige Ort zur Lösung des Problems.<br />
 	Hier finden sich nicht nur Werkzeuge sondern auch Verbrauchsmaterialien wie Schrumpfschläuche, Widerstände, Platinen, ... <br />
 	Aber Achtung: nicht alles was rumliegt ist Public Domain! Im Zweifelsfall bitte nachfragen.
 </p>
-<h3>
+	</div>
+	<div class="col-sm-4">
+<h2>
 	Hacklab
-</h3>
-<div class="imagecontent">
-	<a href="img/hacklab.jpg" class="img"><img class="contentimage" src="img/hacklab_klein.jpg" alt="Hacklab"></a>
-	<p class="subtext">
-	Das Hacklab
-	</p>
-</div>
+</h2>
+	<a href="img/hacklab.jpg"><img class="img-responsive" src="img/hacklab_klein.jpg" alt="Hacklab"></a>
 <p>
 	Der Seminarraum im sublab aka. Hacklab ist nüchtern eingerichtet. Hierhin zieht man sich zurück, wenn man in Ruhe an einem Projekt arbeiten will.<br />
 	Hier hängt ein riesiges Whiteboard (ca. 1,5m x 3m) an der Wand.
 </p>
-<h3>
-	Uhrenraum
-</h3>
-<div class="imagecontent">
-	<a href="img/uhrenraum.jpg" class="img"><img class="contentimage" src="img/uhrenraum_klein.jpg" alt="Uhrenraum"></a>
-	<p class="subtext">
-	Der Uhrenraum
-	</p>
+	</div>
 </div>
+<div class="row">
+	<div class="col-sm-4">
+<h2>
+	Uhrenraum
+</h2>
+	<a href="img/uhrenraum.jpg" ><img class="img-responsive" src="img/uhrenraum_klein.jpg" alt="Uhrenraum"></a>
 <p>
 	Der Uhrenraum beherbergt neben der Ansteuerung für die Außenuhr auch eine gemütliche Sitzecke.<br />
 	Es ist der einzige Raum im sublab, in dem das Rauchen gestattet ist.
 </p>
-<h3>
+	</div>
+	<div class="col-sm-4">
+<h2>
 	Büro
-</h3>
-<div class="imagecontent">
-	<a href="img/buero.jpg" class="img"><img class="contentimage" src="img/buero_klein.jpg" alt="Das Buero"></a>
-	<p class="subtext">
-	Der Buero
-	</p>
-</div>
+</h2>
+	<a href="img/buero.jpg" ><img class="img-responsive" src="img/buero_klein.jpg" alt="Das Buero"></a>
 <p>
 	Hier werden die wegweisenden Entscheidungen des Vorstandes des Trägervereins sublab e.V. gefällt. Wer diesen Raum betritt, spürt die ganz besondere Atmosphäre sofort im gesamten Körper. (Spoiler: Es ist Jucken am ganzen Körper, weil hier mal Steinwolle gelagert wurde)
 </p>
-<h3>
-	Lager
-</h3>
-<div class="imagecontent">
-	<a href="img/werkstattregal.jpg" class="img"><img class="contentimage" src="img/werkstattregal_klein.jpg" alt="Werkstatt"></a>
-	<p class="subtext">
-	Eines der Lagerregale (Werkstatt)
-	</p>
 	</div>
+	<div class="col-sm-4">
+<h2>
+	Lager
+</h2>
+	<a href="img/werkstattregal.jpg"><img class="img-responsive" src="img/werkstattregal_klein.jpg" alt="Werkstatt"></a>
 <p>
 Es gibt im sublab eine Menge an Lagerflaechen und -regalen.
 Im Lagerraum liegt nur ein Bruchteil der Teile, die man hier so haben will.
 </p>
-<h3>
-	Getränkelager
-</h3>
-<p>
-	Ist eigentlich kein richtiger Raum, dennoch aufgrund der enormen Wichtigkeit (Versorung der sublab-Mitglieder und Besucher mit Getränken) durchaus erwähnenswert.<br />
-	Das Getränkelager befindet sich an einem geheimen Ort, der nur einem erlesenen Personenkreis bekannt ist.
-</p>
-
+	</div>
+</div>