Update UI

ChristianLutzCL · Oct 1, 2019 · 52e581e · 52e581e
1 parent 3fb84e6
commit 52e581e
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/monitor/templates/index.html b/monitor/templates/index.html
@@ -16,18 +16,24 @@ <h1 class="text-3xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-5xl font-bold te
     <img class="min-w-1/2 xl:max-w-3xl lg:max-w-lg md:max-w-md md:pl-10" src="/static/img/undraw_google.svg" alt="">
   </div>
 </div>
-<div class="bg-gray-200 p-10">
+<div class="bg-gray-200 p-10 text-gray-900">
   <div>
     <h2 class="pb-10 text-center text-gray-800 text-2xl font-medium">We take care of it and you have more time for your business.</h2>
     <div class="container justify-center items-center mx-auto flex">
-      <div class="inline-block bg-white rounded shadow text-2xl w-1/3 m-2">
-        <h4 class="mx-3">TEST</h4>
+      <div class="inline-block bg-white rounded shadow w-1/3 p-4 m-2">
+        <svg class="container justify-center items-center mx-auto flex" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
+        <h4 class="font-semibold text-center pt-20">Add your website</h4>
+        <p class="pt-2 text-center">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</p>
       </div>
-      <div class="inline-block bg-white rounded shadow text-2xl w-1/3 m-2">
-        Text
+      <div class="inline-block bg-white rounded shadow w-1/3 p-4 m-2">
+        <svg class="container justify-center items-center mx-auto flex" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
+        <h4 class="font-semibold text-center pt-20">Get information, when its needed</h4>
+        <p class="pt-2 text-center">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</p>
       </div>
-      <div class="inline-block bg-white rounded shadow text-2xl w-1/3 m-2">
-        Text
+      <div class="inline-block bg-white rounded shadow w-1/3 p-4 m-2">
+        <svg class="container justify-center items-center mx-auto flex" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
+        <h4 class="font-semibold text-center pt-20">Save time</h4>
+        <p class="pt-2 text-center">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</p>
       </div>
     </div>
   </div>