From 0ce0ac5593ee25361bceeaaaefc7879a84192e68 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Mon, 24 Feb 2020 10:21:30 +0100
Subject: [PATCH] Change processes and services section

---
 app/templates/main/index.html.j2 | 40 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/app/templates/main/index.html.j2 b/app/templates/main/index.html.j2
index 5bae3a83..212e49a8 100644
--- a/app/templates/main/index.html.j2
+++ b/app/templates/main/index.html.j2
@@ -154,35 +154,35 @@
   <div class="row container">
     <div class="col s12 m10">
       <div class="row">
-        <div class="col s12 m4">
+        <div class="col s12">
           <h3>Processes and Services</h3>
           <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
         </div>
 
-        <div class="col s12 m8">
+        <div class="col s12">
           <br class="hide-on-small-only">
-          <ul class="collection">
-            <li class="collection-item avatar">
-              <i class="circle material-icons">burst_mode</i>
-              <span class="title">File setup</span>
+          <div class="row">
+            <div class="col s3 center-align">
+              <i class="large material-icons" style="color: #ee6e73;">burst_mode</i>
+              <p>File setup</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-            </li>
-            <li class="collection-item avatar">
-              <i class="circle material-icons">find_in_page</i>
-              <span class="title">Optical Character Recognition</span>
+            </div>
+            <div class="col s3 center-align">
+              <i class="large material-icons" style="color: #ee6e73;">find_in_page</i>
+              <p>Optical Character Recognition</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-            </li>
-            <li class="collection-item avatar">
-              <i class="circle material-icons">format_textdirection_l_to_r</i>
-              <span class="title">Natural Language Processing</span>
+            </div>
+            <div class="col s3 center-align">
+              <i class="large material-icons" style="color: #ee6e73;">format_textdirection_l_to_r</i>
+              <p>Natural Language Processing</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-            </li>
-            <li class="collection-item avatar">
-              <i class="circle material-icons">search</i>
-              <span class="title">Corpus analysis</span>
+            </div>
+            <div class="col s3 center-align">
+              <i class="large material-icons" style="color: #ee6e73;">search</i>
+              <p>Corpus analysis</p>
               <p class="light">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-            </li>
-          </ul>
+            </div>
+          </div>
         </div>
       </div>
     </div>