make new

templates/partials/about1.html

@@ -0,0 +1,38 @@
+<div class="relative isolate overflow-hidden py-12 bg-blue-100 mx-auto">
+  <div class="flex flex-col justify-center items-center max-w-2xl mx-auto py-16 text-center h-full">
+    <div class="text-center">
+         <h1 class="mt-4 text-3xl lg:text-4xl font-bold leading-8 tracking-tight text-black mb-4">🏛️ About ODFZ</h1>
+      <p class="mt-6 text-lg lg:text-xl mx-auto leading-8 text-gray-600 font-light mx-10"><span class="font-semibold">OurWorld Digital FreeZone</span> offer cutting-edge digital infrastructure, simplified financial transactions, and competitive tax structures to foster innovation and economic growth. With a clear regulatory framework and robust dispute resolution, we ensure a stable environment for businesses to thrive, removing complexity and enabling effortless global expansion.</p> 
+    </div>
+  </div>
+</div>
+
+<style>
+  html, body {
+    margin: 0;
+    height: 100%;
+  }
+
+  .relative.isolate.overflow-hidden.h-screen {
+    height: 100vh;
+  }
+
+
+  /* Custom styles for smaller font, margin adjustments, and line spacing for mobile */
+  @media (max-width: 640px) {
+    h1 {
+      font-size: 2rem; /* Smaller font for mobile */
+    }
+    
+    h2 {
+      font-size: 1.25rem; /* Smaller font for mobile */
+    }
+
+    p {
+      font-size: 1rem; /* Smaller font for mobile */
+      margin-left: 1rem; /* Margin left for mobile */
+      margin-right: 1rem; /* Margin right for mobile */
+      line-height: 1.5; /* Smaller line spacing */
+    }
+  }
+</style>