From c6d2cc3e39313b9bc15ab629cedf14c471558ebe Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha.astiadi@code.berlin>
Date: Fri, 21 Jun 2024 14:24:32 +0200
Subject: [PATCH] edit margin

---
 templates/partials/header_custom.html |  3 --
 templates/partials/invest.html        | 50 +++++++++++++++++++++------
 templates/partials/people.html        |  3 --
 3 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/templates/partials/header_custom.html b/templates/partials/header_custom.html
index 033bb32..13343fe 100644
--- a/templates/partials/header_custom.html
+++ b/templates/partials/header_custom.html
@@ -132,9 +132,6 @@
                           </p>
                       </div> #}
                     {% endif %}
-                    <a href="mailto:info@ourworld.tf" target="_blank" class="my-0 text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
-                        Contact
-                    </a>
                     </nav>                    
                 </div>
             
diff --git a/templates/partials/invest.html b/templates/partials/invest.html
index 6641e5b..80bfec7 100644
--- a/templates/partials/invest.html
+++ b/templates/partials/invest.html
@@ -1,19 +1,22 @@
-
-<!--  Hero Section -->
-
+<!-- Hero Section -->
 <div class="relative bg-black">
-    <div class="relative h-80 overflow-hidden bg-indigo-600 md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2">
-        <div class="image-container">
-            <img class="h-full w-full object-cover" src="/images/ow5.png" alt="Image description">
-        </div>        
+  <div class="mx-auto max-w-7xl grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-start pt-24 py-12">
+    <!-- Left Column (Image Section) -->
+    <div class="relative overflow-hidden bg-indigo-600 lg:h-full">
+      <div class="image-container">
+        <img class="object-cover w-full h-full" src="/images/ow5.png" alt="Image description">
+      </div>
     </div>
-    <div class="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40">
-      <div class="pl-6 pr-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pl-24 lg:pr-0 xl:pl-32">
+    
+    <!-- Right Column (Text Section) -->
+    <div class="relative sm:py-24 lg:pt-24 lg:py-12 lg:px-8 px-4">
+      <div class="max-w-xl mx-auto">
         <h2 class="text-base font-semibold leading-7 text-indigo-400">INVEST</h2>
         <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">OurPass</p>
         <p class="mt-2 text-lg leading-7 text-gray-300">A Unique Approach to Global Citizenship</p>
-        <div class="mt-4">
-        <p class="mt-4 text-base leading-7 text-gray-300">OurWorld presents an innovative approach to obtaining global citizenship through strategic investment. <b>OurPass: The Venture Creator Passport Program</b> offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
+        <div class="mt-4 text-base leading-7 text-gray-300">
+          <p>OurWorld presents an innovative approach to obtaining global citizenship through strategic investment. <b>OurPass: The Venture Creator Passport Program</b> offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
+        </div>
         <div class="mt-8">
           <a href="#" class="inline-flex rounded-md bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-white/20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Learn More</a>
         </div>
@@ -22,3 +25,28 @@
   </div>
 </div>
 
+<style>
+  .image-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .image-container::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #6366F1; /* Indigo-600 color */
+    mix-blend-mode: overlay;
+    opacity: 0.5; /* Adjust opacity as needed */
+  }
+
+  /* Reset margin and padding for the entire page if needed */
+  body, html {
+    margin: 0;
+    padding: 0;
+  }
+</style>
diff --git a/templates/partials/people.html b/templates/partials/people.html
index 63154cf..69e26f3 100644
--- a/templates/partials/people.html
+++ b/templates/partials/people.html
@@ -4,9 +4,6 @@
         <div class="lg:pr-4">
             <div class="relative overflow-hidden rounded-xl px-6 pb-9 pt-64 shadow-2xl sm:px-12 lg:max-w-lg lg:px-8 lg:pb-8 xl:px-10 xl:pb-10">
               <img class="absolute inset-0 h-full w-full object-cover brightness-100 rounded-3xl" src="/images/people2.png" alt="">
-              <figure class="relative isolate">
-                <img src="/images/ow_white.png" alt="" class="h-20 w-auto">
-              </figure>
             </div>
           </div>          
         <div>