website/theme/static/images/gfx-content-1.svg

@@ -0,0 +1,17 @@
+<svg width="768" height="192" viewBox="0 0 768 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_80_246)">
+<rect width="64" height="64" fill="#4B1202"/>
+<rect x="704" y="128" width="64" height="64" fill="#4B1202"/>
+<rect x="448" y="64" width="64" height="64" fill="#4B1202"/>
+<rect x="256" y="128" width="64" height="64" fill="#4B1202"/>
+<circle cx="96" cy="32" r="32" fill="#4B1202"/>
+<circle cx="96" cy="160" r="32" fill="#4B1202"/>
+<circle cx="352" cy="96" r="32" fill="#4B1202"/>
+<circle cx="672" cy="96" r="32" fill="#4B1202"/>
+</g>
+<defs>
+<clipPath id="clip0_80_246">
+<rect width="768" height="192" fill="white"/>
+</clipPath>
+</defs>
+</svg>

website/theme/static/images/gfx-content-2.svg

@@ -0,0 +1,6 @@
+<svg width="768" height="192" viewBox="0 0 768 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="128" y="64" width="64" height="64" fill="#4B1202"/>
+<rect x="512" y="128" width="64" height="64" fill="#4B1202"/>
+<circle cx="96" cy="32" r="32" fill="#4B1202"/>
+<circle cx="352" cy="160" r="32" fill="#4B1202"/>
+</svg>

website/theme/templates/index.html

@@ -35,9 +35,15 @@
 
 <!-- FOLD -->
 
-<div class="w-100 colorWine bgColorOrange pv5 mt5 ph3 ph5-ns">
+<div class="w-100 colorWine bgColorOrange pb5 mt5 ph3 ph5-ns">
 
-  <div class="mw7 center paddingExtra">
+  <div class="w-100 bgColorOrange mb3 mb4-ns">
+    <div class="mw7 center">
+      <img src="/theme/images/gfx-content-1.svg" alt="pattern" width="768px" height="192" class="db imageCrop">
+    </div>
+  </div>
+
+  <div class="mw7 center paddingExtra pb4">
 
     <p class="ma0 mb3 ml4 ml6-ns">
       The world is in flux, and it’s a unique opportunity to <span class="fw7 f4 f2-ns">facilitate change for the better.</span>
@@ -45,6 +51,17 @@
     <p class="ma0 mb3 mr4 mr6-ns">
       We want to enable the makers that are driving this change by providing them with <span class="fw7 f4 f2-ns">independent, fair and tailor made software </span>that meet the highest standards when it comes to transparency, integrity and privacy.
     </p>
+
+  </div>
+
+  <div class="w-100 bgColorOrange mb3 mb4-ns">
+    <div class="mw7 center">
+      <img src="/theme/images/gfx-content-2.svg" alt="pattern" width="768px" height="192" class="db imageCrop">
+    </div>
+  </div>
+
+  <div class="mw7 center paddingExtra pt4">
+
     <p class="ma0 mb3 ml4 ml6-ns">
       <span class="fw7 f4 f2-ns">Located in Berlin</span>, we’re a small, reliable and well-rehearsed team of seniors that can take care of your software project from first brainstorming to going live.
     </p>
@@ -104,6 +121,9 @@
     <div class="h2 h-auto-ns w-100 w3-ns bgColorOrange">
     </div>
 
+    <div class="h2 h-auto-ns w-100 w3-ns bgColorOrange">
+    </div>
+
     <div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
       <p class="fw7 f4 f2-ns ma0 mb3">
         We worked with