--- a/templates/sat_website/frontends.html	Mon Jan 19 14:23:56 2015 +0100
+++ b/templates/sat_website/frontends.html	Mon Jan 19 21:22:40 2015 +0100
@@ -27,69 +27,45 @@
 {# {% block extra %}<span class="label label-success">{% trans "Click on the frontend screenshot to have a more detailed description" %}</span>{% endblock %} #}
 {% block main_container %}
 <div class="row">
-	<div class="span4">
-	<h1>{% trans "Primitivus" %} <small>{% trans "the console interface" %}</small></h1>
-		<div class="row">
-			<ul class="thumbnails">
-				<li class="span4">
-					<a href="#" class="thumbnail">
-						<img src="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" alt="{% trans "Primitivus showing a french Tarot play" %}">
-					</a>
-				</li>
-			</ul>
-		</div>
+	<div class="col-md-4">
+	<h2>{% trans "Primitivus" %} <small>{% trans "the console interface" %}</small></h2>
+		<a href="#" class="thumbnail">
+			<img src="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" alt="{% trans "Primitivus showing a french Tarot play" %}">
+		</a>
 	</div>
 	
-	<div class="span4">
-	<h1>{% trans "Libervia" %} <small>{% trans "the web frontend" %}</small></h1>
-		<div class="row">
-			<ul class="thumbnails">
-				<li class="span4">
-					<a href="#" class="thumbnail">
-						<img src="{% static "images/screenshots/libervia/libervia_discussions.png" %}" alt="{% trans "Libervia's main view" %}">
-					</a>
-				</li>
-			</ul>
-		</div>
+	<div class="col-md-4">
+	<h2>{% trans "Libervia" %} <small>{% trans "the web frontend" %}</small></h2>
+		<a href="#" class="thumbnail">
+			<img src="{% static "images/screenshots/libervia/libervia_discussions.png" %}" alt="{% trans "Libervia's main view" %}">
+		</a>
 	</div>
 	
-	<div class="span4">
-	<h1>{% trans "Wix" %} <small>{% trans "desktop" %}</small></h1>
-		<div class="row">
-			<ul class="thumbnails">
-				<li class="span4">
-					<a href="#" class="thumbnail">
-						<img src="{% static "images/screenshots/wix/wix_tarot.png" %}" alt="{% trans "Wix showing a french Tarot play" %}">
-					</a>
-				</li>
-			</ul>
-		</div>
+	<div class="col-md-4">
+	<h2>{% trans "Wix" %} <small>{% trans "desktop" %}</small></h2>
+		<a href="#" class="thumbnail">
+			<img src="{% static "images/screenshots/wix/wix_tarot.png" %}" alt="{% trans "Wix showing a french Tarot play" %}">
+		</a>
 	</div>
 </div>
 
 
 <div class="row">
-	<div class="span4">
-	<h1>{% trans "Jp" %} <small>{% trans "command line" %}</small></h1>
-		<div class="row">
-			<ul class="thumbnails">
-				<li class="span4">
-					<a href="#" class="thumbnail">
-						<img src="{% static "images/screenshots/jp/jp.png" %}" alt="{% trans "cowsay on jp" %}">
-					</a>
-				</li>
-			</ul>
-		</div>
+	<div class="col-md-4">
+	<h2>{% trans "Jp" %} <small>{% trans "command line" %}</small></h2>
+		<a href="#" class="thumbnail">
+			<img src="{% static "images/screenshots/jp/jp.png" %}" alt="{% trans "cowsay on jp" %}">
+		</a>
 	</div>
 
-	<div class="span4">
+	<div class="col-md-4">
 		<p id="bigmark">?</p>
-		<h3 id="bigmark_subtext">{% trans "Your idea here" %}</h3>
+		<h4 id="bigmark_subtext">{% trans "Your idea here" %}</h4>
 	</div>
 
-	<div class="span4">
-		<h1>{% trans "Bellaciao" %} <small>{% trans "next gen desktop" %}</small></h1>
-		<h4 class="wip">{% trans "[WORK IN PROGRESS]" %}</h4>
+	<div class="col-md-4">
+		<h2>{% trans "Bellaciao" %} <small>{% trans "next gen desktop" %}</small></h2>
+		<h5 class="wip">{% trans "[WORK IN PROGRESS]" %}</h5>
 		<p class="desc">{% blocktrans %}Bellaciao is a new desktop frontend made with Qt (and the first non-python one: it's made with C++). It intend to be really flexible: you'll be able to adapt it to your taste. Bellaciao is made with modern features in mind: it not only concentrate on instant messaging, but also integrate things like microblogging or file sharing.{% endblocktrans %}</p>
 	</div>
 </div>