From 5e54d34590284eea611114aaa2504896ac32478e Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha.astiadi@code.berlin>
Date: Fri, 21 Jun 2024 13:57:04 +0200
Subject: [PATCH] edit columns

---
 templates/partials/invest.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/templates/partials/invest.html b/templates/partials/invest.html
index dbaa290..de75a33 100644
--- a/templates/partials/invest.html
+++ b/templates/partials/invest.html
@@ -1,11 +1,15 @@
 <div class="relative bg-black">
+  <!-- Left Column (Image Section) -->
   <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">
+    <!-- Gradient Overlay -->
     <div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
       <div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
     </div>
+    <!-- Image Container -->
     <div class="image-container">
       <img class="h-full w-full object-cover" src="https://ourworld.tf/invest/img/ow5.png" alt="Image description">
     </div>
+    <!-- SVG Background -->
     <svg viewBox="0 0 926 676" aria-hidden="true" class="absolute -bottom-24 left-24 w-[57.875rem] transform-gpu blur-[118px]">
       <path fill="url(#60c3c621-93e0-4a09-a0e6-4c228a0116d8)" fill-opacity=".4" d="m254.325 516.708-90.89 158.331L0 436.427l254.325 80.281 163.691-285.15c1.048 131.759 36.144 345.144 168.149 144.613C751.171 125.508 707.17-93.823 826.603 41.15c95.546 107.978 104.766 294.048 97.432 373.585L685.481 297.694l16.974 360.474-448.13-141.46Z" />
       <defs>
@@ -16,12 +20,19 @@
       </defs>
     </svg>
   </div>
+
+  <!-- Right Column (Content Section) -->
   <div class="relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40 md:absolute md:right-0 md:h-full md:w-2/3 lg:w-1/2 lg:pl-24 xl:pl-32">
     <div class="pl-6 pr-6 md:ml-auto">
+      <!-- Title -->
       <h2 class="text-base font-semibold leading-7 text-indigo-400">INVEST</h2>
+      <!-- Main Heading -->
       <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">OurPass</p>
+      <!-- Subtitle -->
       <p class="mt-2 text-lg leading-7 text-gray-300">A Unique Approach to Global Citizenship</p>
+      <!-- Description -->
       <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>
+      <!-- Learn More Button -->
       <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>