44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
|
|
<!-- 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>
|
|
<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">
|
|
<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>
|
|
.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 */
|
|
}
|
|
</style> |