Website: Added screenshots to features.html

extras/website/website/templates/features.html

@@ -48,26 +48,12 @@ Alle Funktionen von OpenSlides im Überblick.
         zusätzlichen Text und einem internen Kommentar (z.B. für Regieanweisungen der
         Versammlungsleitung). Im Text können HTML-Tags verwendet werden, um z.B. Bilder oder Videos
         einzubetten.</p>
-        <p class="thumbnail">
-        <img alt="" src="http://placehold.it/260x130">
-        </p>
         
         <h3>Am Projektor anzeigen</h3>
         <p>Jeder Tagesordnungseintrag lässt sich per Mausklick auf dem Projektor anzeigen.
         Egal in welcher Reihenfolge!</p>
         
     </div>
-    <div class="span4">
-        
-        <h3>Automatische Projektoransicht</h3>
-        <p>Der Projektor aktualisiert sich jede Sekunde automatisch. Änderung an der 
-        Tagesordnung werden so unmittelbar am Projektor sichtbar.
-        Technisch läuft der Projektor im Vollbildmodus des Browsers; z.B. auf einem 
-        erweiterten zweiten Monitor.</p>
-        <p class="thumbnail">
-        <img alt="" src="http://placehold.it/260x130">
-        </p>
-    </div>
     <div class="span4">
         <h3>Tagesordnung sortieren</h3>
         <p>Einträge lassen sich in der Tagesordnung frei per Drag&Drop sortieren 
@@ -79,8 +65,27 @@ Alle Funktionen von OpenSlides im Überblick.
         
         <h3>PDF</h3>
         <p>Die vollständige Tagesordnung lässt sich als PDF erzeugen.</p>
-        
+      
+    </div>
+    <div class="span4">
 
+    <ul class="thumbnails">
+        <li class="span4">
+          <a class="thumbnail" href="/static/img/agenda_{{LANGUAGE_CODE}}.png">
+            <img alt="" src="/static/img/agenda_{{LANGUAGE_CODE}}.png">
+          </a>
+        </li>
+        <li class="span2">
+          <a class="thumbnail" href="/static/img/agenda-new-item_{{LANGUAGE_CODE}}.png">
+            <img alt="" src="/static/img/agenda-new-item_{{LANGUAGE_CODE}}.png">
+          </a>
+        </li>
+        <li class="span2">
+          <a class="thumbnail" href="/static/img/agenda-pdf_{{LANGUAGE_CODE}}.png">
+            <img alt="" src="/static/img/agenda-pdf_{{LANGUAGE_CODE}}.png">
+          </a>
+        </li>
+      </ul>
     </div>
   </div>
 
@@ -98,6 +103,15 @@ Alle Funktionen von OpenSlides im Überblick.
   
   <div class="row">
     <div class="span4">
+            <h3>Automatische Projektoransicht</h3>
+        <p>Der Projektor aktualisiert sich jede Sekunde automatisch. Änderung an der 
+        Tagesordnung werden so unmittelbar am Projektor sichtbar.
+        Technisch läuft der Projektor im Vollbildmodus des Browsers; z.B. auf einem 
+        erweiterten zweiten Monitor.</p>
+        <p class="thumbnail">
+        <img alt="" src="http://placehold.it/260x130">
+        </p>
+
         <h3>Dashboard</h3>
         <p>Alle Folien (zu Tagesordnung, Anträgen und Wahlen)
         werden auf dem Dashboard übersichtlich in zusammenklappbaren Widgets