From 093bf6871d46dbf0152806a23fdab358b5769f73 Mon Sep 17 00:00:00 2001
From: Hendrik Niefeld <hello@niefeld.com>
Date: Mon, 24 Feb 2020 13:38:30 +0100
Subject: [PATCH] feature layout

---
 homepage/theme/static/css/fix.css   | 11 +++++++++
 homepage/theme/templates/index.html | 36 ++++++++++++++++++++++-------
 2 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css
index a73c926..234a6e5 100644
--- a/homepage/theme/static/css/fix.css
+++ b/homepage/theme/static/css/fix.css
@@ -35,6 +35,15 @@ COLORS
 .cclr-dark-white {
   background-color: #f9f7f2;
 }
+.mintA {
+  background-color: #BBD9D3;
+}
+.mintB {
+  background-color: #89B8AF;
+}
+.mintC {
+  background-color: #72A49A;
+}
 
 
 /* ---------------------------------------------------
@@ -348,10 +357,12 @@ GRAPHICS
 		background-position: 10px 60px;
 	}
 }
+/* --------------------------------------------- */
 #bg-temp {
   background: url(/theme/images/temp.png) center;
 	background-repeat: no-repeat;
 }
+/* --------------------------------------------- */
 #bg-feature {
   background: url(/theme/images/gfx-pattern-mint-bright.svg) center;
 }
diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html
index 0cf3389..735ef54 100644
--- a/homepage/theme/templates/index.html
+++ b/homepage/theme/templates/index.html
@@ -33,43 +33,63 @@
 
 
 
-  <div class="w-100" id="bg-feature">
+  <div class="w-100 mintC">
 
-      <div class="center pt4 pb5">
+      <div class="center">
 
           <div class="flex flex-wrap justify-center w-100">
 
-            <div class="w55-container flex justify-center" id="bg-temp">
+
+
+            <div class="w4 mintB dn db-ns">
+            </div>
+
+
+            <div class="flex justify-center w55-container mintA">
               <div class="w55 tc pa3">
                 <h2 class="f25 normal lh-solid mt7 mb3">
                   <em>Free & Open</em>
                 </h2>
-                <p class="ma0">
+                <p class="ma0 mb5">
                   Anyone can audit our open source code to verify it works as intended. Offen will always be available for free.
                 </p>
               </div>
             </div>
-            <div class="w55-container flex justify-center" id="bg-temp">
+
+            <div class="w2 mintB dn db-ns">
+            </div>
+
+            <div class="flex justify-center w55-container mintA">
               <div class="w55 tc pa3">
                 <h2 class="f25 normal lh-solid mt7 mb3">
                   <em>Fair & Secure</em>
                 </h2>
-                <p class="ma0">
+                <p class="ma0 mb5">
                   Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.
                 </p>
               </div>
             </div>
-            <div class="w55-container flex justify-center" id="bg-temp">
+
+            <div class="w2 mintB dn db-ns">
+            </div>
+
+            <div class="flex justify-center w55-container mintA">
               <div class="w55 tc pa3">
                 <h2 class="f25 normal lh-solid mt7 mb3">
                   <em>Easy to use</em>
                 </h2>
-                <p class="ma0">
+                <p class="ma0 mb5">
                   Simply paste our code into the source of your website. Users can visit the auditorium to access their data.
                 </p>
               </div>
             </div>
 
+
+
+            <div class="w3 mintB dn db-ns">
+            </div>
+
+
           </div>
 
       </div>