ourworld_web/www_ow_freezone
Archived
20
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

fix layout

Browse Source
This commit is contained in:
sasha-astiadi 2024-06-21 13:54:21 +02:00
parent 152d786edb
commit 415361df11
1 changed files with 28 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
templates/partials/invest.html
View File

@ -1,6 +1,3 @@
<!-- 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="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">
@ -19,30 +16,27 @@
</defs>
</svg>
</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">
<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">
<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-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>
</div>
</div>
</div>
</div>
<style>
<style>
.image-container {
position: relative;
width: 100%;
height: 100%;
}
}
.image-container::after {
.image-container::after {
content: "";
position: absolute;
top: 0;
@ -52,5 +46,5 @@
background-color: #6366F1; /* Indigo-600 color */
mix-blend-mode: overlay;
opacity: 0.5; /* Adjust opacity as needed */
}
</style>
}
</style>