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

make new
Some checks are pending
www2.ourworld.tf / Deploy (push) Waiting to run
Details

Browse Source
This commit is contained in:
sasha-astiadi
2024-10-23 17:35:42 +02:00
parent db61ef4b96
commit 2c529632c1
25 changed files with 10562 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
templates/partials/hero.html
View File

@@ -1,20 +1,26 @@
<div class="relative isolate overflow-hidden h-screen">
<video autoplay loop muted class="absolute inset-0 -z-10 h-full w-full object-cover">
<source src="/videos/ourworld.mp4" type="video/mp4">
</video>
<div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 sm:py-48 lg:py-56 text-center h-full">
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
<div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20">
Announcing our new initiative: <b>OW Digital Freezone</b>. <a href="/newsroom/ourworldfreezone/" class="font-semibold text-white"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div>
</div>
<div class="relative isolate overflow-hidden h-screen bg-white">
<div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 lg:py-48 text-center h-full">
<div class="text-center">
<h1 class="text-3xl sm:text-4xl lg:text-6xl font-bold leading-8 tracking-tight text-white mb-4">OurWorld</h1>
<h2 class="text-xl sm:text-2xl text-gray-200">A Platform to Enable Self-Sovereignty.</h2>
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Together we are creating a multi-faceted platform to support and empower startups aspiring to harness the potential of emerging technology while putting our planet and people first. The sun is rising on a new way forward.</p>
<img src="./images/logo.svg"
alt="Hero Image"
width="210"
height="210"
class="mx-auto rounded-md">
<p class="text-base font-semibold leading-7 text-blue-600">WELCOME TO</p>
<div class="max-w-4xl">
<h1 class="mt-4 text-3xl lg:text-5xl font-bold leading-8 tracking-tight text-black mb-4">OurWorld Digital Freezone</h1>
</div>
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-gray-600 font-light mx-4 sm:mx-0">ODFZ OurWorld Digital FreeZone is a collaboration between the Government of Zanzibar and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/about" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
</div>
<a href="/about" class="rounded-xl bg-blue-700 px-4 py-2.5 font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
Get Started
</a>
<a href="/about" class="rounded-xl border border-gray-800 px-4 py-2.5 font-medium text-gray-900 bg-transparent shadow-sm hover:bg-blue-700 hover:text-blue-700 transition-all duration-300">
Learn More &#8594;
</a>
</div>
</div>
</div>
</div>
@@ -29,19 +35,6 @@
height: 100vh;
}
video {
object-fit: cover;
}
.bg-black {
color: white;
background: #000;
}
.bg-hover {
color: white;
background: #020202;
}
/* Custom styles for smaller font, margin adjustments, and line spacing for mobile */
@media (max-width: 640px) {