Merge pull request #392 from Entkenntnis/391-make-testimonials-more-v…

…isible

add testimonials

src/server/views/pages/home.ejs

@@ -67,6 +67,67 @@
 
 <p>[<a href="<%=prefix%>/highscore">Highscore</a>]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[<a href="<%=prefix%>/highscore?sort=new"><%=t('showRecent')%></a>]</p>
 
+<% if (locale == 'de') { %>
+  <hr class="my-5"/>
+
+  <h2>Erfahrungsberichte</h2>
+
+  <div class="container mt-4">
+      <div class="row">
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Hack The Web ist ein sehr aufregendes spiel und ich finde es sollte ein 5 sterne spiel sein“</p>
+                      <p style="text-align: right">V.</p>
+                  </div>
+              </div>
+          </div>
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Mir haben die Aufgaben besonders gut gefallen, wo man mit dem Quellcode sich auseinander setzen musste. “</p>
+                      <p style="text-align: right">T.</p>
+                  </div>
+              </div>
+          </div>
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Die große Variationen an Aufgaben ist super! Macht Spaß zurück zu kommen“</p>
+                      <p style="text-align: right">S.</p>
+                  </div>
+              </div>
+          </div>
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Es hat mir sehr gut gefallen dass es auch gaming Rätsel gibt“</p>
+                      <p style="text-align: right">E.</p>
+                  </div>
+              </div>
+          </div>
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Die Hinweise sind sehr gut. Es hilft einem sehr gut die aufgaben zu machen“</p>
+                      <p style="text-align: right">k.</p>
+                  </div>
+              </div>
+          </div>
+          <div class="col-md-4 mb-4">
+              <div class="card">
+                  <div class="card-body">
+                      <p class="card-text">„Kein Bock viel zu schreiben, einfach richtig geile Seite!“</p>
+                      <p style="text-align: right">P.</p>
+                  </div>
+              </div>
+          </div>
+      </div>
+  </div>
+
+
+<% } %>
+
 <hr class="my-5"/>
 
 <h2><%= t('rooms') %></h2>