make new
This commit is contained in:
parent
db61ef4b96
commit
2c529632c1
@ -4,14 +4,10 @@ description: ""
|
||||
insert_anchor_links: "left"
|
||||
template: "partials/header.html"
|
||||
extra:
|
||||
logoPath: "/images/OW_Logo.png"
|
||||
logoPath: "./images/ow_logo.svg"
|
||||
imgPath: ""
|
||||
---
|
||||
- [Home]("/")
|
||||
- [About]("/about")
|
||||
- [Invest]("/invest")
|
||||
- [Ventures]("/ventures")
|
||||
- [People]("/people")
|
||||
- [Newsroom]("/newsroom")
|
||||
- [Contact]("/contact")
|
||||
|
||||
|
||||
@ -7,60 +7,4 @@ draft: false
|
||||
weight: 1
|
||||
---
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
<div class="hidden md:grid">
|
||||
|
||||
{% row(style="center" padding="none") %}
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
id: ourworldfreezone
|
||||
title: 🗞 In the News – OurWorld Digital Free Zone
|
||||
image_caption: OurWorld Digital Free Zone
|
||||
description: OurWorld Digital Free Zone received some coverage recently from IPPMEDIA. Take a look!
|
||||
title: 🗞 In the News – OurWorld Digital FreeZone
|
||||
image_caption: OurWorld Digital FreeZone
|
||||
description: OurWorld Digital FreeZone received some coverage recently from IPPMEDIA. Take a look!
|
||||
date: 2023-08-01
|
||||
taxonomies:
|
||||
people: [sam_taggart]
|
||||
@ -17,4 +17,4 @@ extra:
|
||||
|
||||
<br/>
|
||||
|
||||
Take a look at [this piece](https://www.ippmedia.com/en/features/mwinyi-keen-establish-digital-hub-isles) from IPPMEDIA, which goes into some detail about our collaboration with the Revolutionary Government of Zanzibar and the OurWorld Digital Free Zone.
|
||||
Take a look at [this piece](https://www.ippmedia.com/en/features/mwinyi-keen-establish-digital-hub-isles) from IPPMEDIA, which goes into some detail about our collaboration with the Revolutionary Government of Zanzibar and the OurWorld Digital FreeZone.
|
||||
@ -38,7 +38,7 @@ These are the first OurWorld Ventures, connected by a strong set of values and a
|
||||
|
||||
{% row(style="center narrow" margin="header" bgPath="img/stonetown.jpeg" bgStyle="full") %}
|
||||
|
||||
## OurWorld Digital Free Zone
|
||||
## OurWorld Digital FreeZone
|
||||
|
||||
### 100% Digital. Automated, Accessible, & Affordable.
|
||||
|
||||
|
||||
@ -387,3 +387,4 @@ header #menu button a{
|
||||
@apply
|
||||
px-0
|
||||
}
|
||||
|
||||
|
||||
@ -40,15 +40,30 @@ code {
|
||||
@apply text-gray-400;
|
||||
}
|
||||
|
||||
.text-blue-light {
|
||||
@apply text-blue-500;
|
||||
}
|
||||
/* Custom blue text color classes */
|
||||
.text-blue-50 { color: #eff6ff; }
|
||||
.text-blue-100 { color: #dbeafe; }
|
||||
.text-blue-200 { color: #bfdbfe; }
|
||||
.text-blue-300 { color: #93c5fd; }
|
||||
.text-blue-400 { color: #60a5fa; }
|
||||
.text-blue-500 { color: #3b82f6; }
|
||||
.text-blue-600 { color: #2563eb; }
|
||||
.text-blue-700 { color: #1d4ed8; }
|
||||
.text-blue-800 { color: #1e40af; }
|
||||
.text-blue-900 { color: #1e3a8a; }
|
||||
|
||||
/* Custom blue background color classes */
|
||||
.bg-blue-50 { background-color: #eff6ff; }
|
||||
.bg-blue-100 { background-color: #dbeafe; }
|
||||
.bg-blue-200 { background-color: #bfdbfe; }
|
||||
.bg-blue-300 { background-color: #93c5fd; }
|
||||
.bg-blue-400 { background-color: #60a5fa; }
|
||||
.bg-blue-500 { background-color: #3b82f6; }
|
||||
.bg-blue-600 { background-color: #2563eb; }
|
||||
.bg-blue-700 { background-color: #0160ee; }
|
||||
.bg-blue-800 { background-color: #1e40af; }
|
||||
.bg-blue-900 { background-color: #1e3a8a; }
|
||||
|
||||
.text-blue-dark {
|
||||
/* for dark mode
|
||||
@apply text-blue-200;
|
||||
*/
|
||||
}
|
||||
|
||||
.text-shadow-titles {
|
||||
text-shadow: 4px 4px 2px #000;
|
||||
|
||||
10238
output.css
Normal file
10238
output.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
static/images/benefits.webp
Normal file
BIN
static/images/benefits.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
1
static/images/logo.svg
Normal file
1
static/images/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
1
static/images/ow_logo.svg
Normal file
1
static/images/ow_logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
@ -12,18 +12,15 @@
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
|
||||
{% include "partials/about1.html" %}
|
||||
|
||||
{% include "partials/about.html" %}
|
||||
|
||||
{% include "partials/feature.html" %}
|
||||
|
||||
{% include "partials/stats.html" %}
|
||||
|
||||
{% include "partials/ourpass.html" %}
|
||||
|
||||
{% include "partials/ventures.html" %}
|
||||
|
||||
{% include "partials/people.html" %}
|
||||
{% include "partials/benefits.html" %}
|
||||
|
||||
{% include "partials/blogs.html" %}
|
||||
{% include "partials/quote.html" %}
|
||||
{% include "partials/presale.html" %}
|
||||
{% include "partials/faq.html" %}
|
||||
{% endblock content %}
|
||||
@ -20,7 +20,7 @@
|
||||
<h1 class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal">
|
||||
{{category | replace(from='-', to=' ' ) | title}}
|
||||
</h1>
|
||||
<div class="text-xl text-gray-800">
|
||||
<div class="text-xl text-gray-600">
|
||||
{{ paginator.total_pages ~ " People"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -83,7 +83,7 @@
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<span>
|
||||
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-800">{{ author.title }}</a>
|
||||
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="hover:underline text-gray-600">{{ author.title }}</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
@ -1,56 +1,47 @@
|
||||
<!-- section 2 page templates -->
|
||||
|
||||
<div class="relative isolate overflow-hidden bg-black text-white lg:py-24 py-16">
|
||||
<div class="mx-auto max-w-7xl px-6">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" 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>
|
||||
<div class="relative isolate overflow-hidden bg-white lg:py-24 py-16">
|
||||
<div class="mx-auto max-w-7xl px-6 bg-white">
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-400">ABOUT</h2>
|
||||
<p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">Where innovation meets independence <br>and sustainability-driven success.</p>
|
||||
<p class="mt-8 text-base font-light lg:text-xl"><b>OurWorld</b> is an organization dedicated to empowering startups with the resources and support they need to revolutionize the future.</p>
|
||||
<h2 class="text-base font-semibold leading-8 text-blue-600">FEATURES</h2>
|
||||
<p class="mt-2 text-2xl font-bold tracking-tight text-black sm:text-4xl">🌍 Why Choose a Digital FreeZone</p>
|
||||
<p class="mt-8 text-base font-light lg:text-xl text-gray-600">Our automated onboarding process, will ensure compliance with KYC and AML regulations at ease and efficiency.</p>
|
||||
</div>
|
||||
<dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
|
||||
<dl class="mt-6 lg:mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.</dt>
|
||||
<dt class="text-base font-light leading-tight mt-4 lg:mt-2 text-gray-600">A digital free zone fosters effortless collaboration among individuals and organizations by eliminating intermediaries.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
|
||||
</svg>
|
||||
<span class="ml-4">A Funding Platform</span>
|
||||
</dd>
|
||||
<span class="leading-6">🔹Fully Automated Onboarding</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Harness the power of our advanced technological platform, designed to grant individuals complete digital sovereignty. This is the bedrock of innovation and independent growth.</dt>
|
||||
<dt class="text-base font-light leading-tight smt-4 lg:mt-2 text-gray-600">Seamlessly manage both fiat and digital currencies with our comprehensive banking solutions compatible with Web3 technologies.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
|
||||
</svg>
|
||||
<span class="ml-4">Technological Empowerment</span>
|
||||
<span class="leading-6">🔹 Banking & Web3 Compatible</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.</dt>
|
||||
<dt class="text-base font-light leading-tight mt-4 lg:mt-2 text-gray-600">Experience hassle-free business operations, as we provide built-in legal and tax settlement services, simplifying legal obligations.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
|
||||
</svg>
|
||||
<span class="ml-4">Legal & Financial Autonomy</span>
|
||||
<span class="leading-6">🔹 Built-in Legal & Tax Settlement</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.</dt>
|
||||
<dt class="text-base font-light leading-tight lg:mt-2 text-gray-600">Ourworld FreeZone offers cost-effective and flexible company licenses, making it easier to kickstart your entrepreneurial journey.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||
</svg>
|
||||
<span class="ml-4">Life Supporting Infrastructure</span>
|
||||
<span class="leading-6">🔹 Affordable & Flexible Licenses</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base font-light leading-tight mt-4 lg:mt-2 text-gray-600">Ourworld FreeZone empowers businesses to operate within an independent economic environment, fostering growth and prosperity.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<span class="leading-6">🔹 Sovereign Economic Jurisdiction</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base font-light leading-tight mt-4 lg:mt-2 text-gray-600">Your Privacy, Your Data, Your Security. Our Quantum Safe Storage will empower you to safeguard your digital information.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<span class="leading-6">🔹 Powered by Data Sovereign Tech</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
38
templates/partials/about1.html
Normal file
38
templates/partials/about1.html
Normal file
@ -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>
|
||||
57
templates/partials/benefits.html
Normal file
57
templates/partials/benefits.html
Normal file
@ -0,0 +1,57 @@
|
||||
<!-- Hero Section -->
|
||||
<div class="relative bg-white">
|
||||
<div class="mx-auto max-w-7xl px-4 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 items-start py-12">
|
||||
<!-- Left Column (Image Section) -->
|
||||
<div class="relative overflow-hidden lg:h-full">
|
||||
<div class="image-container">
|
||||
<img class="object-cover w-full h-full rounded-md mx-1" src="/images/benefits.webp" alt="Image description">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Column (Text Section) -->
|
||||
<div class="relative sm:py-24 lg:py-12 lg:px-8 px-4">
|
||||
<div class="max-w-xl mx-auto">
|
||||
<h2 class="text-base font-semibold leading-7 text-blue-600">BENEFITS</h2>
|
||||
<p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">✅ Simple. Streamlined.</p>
|
||||
<div class="mt-4 font-light text-lg leading-7 tracking-tight text-gray-600">
|
||||
<p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">For the entrepreneur, the digital nomad, or any company, we provide a revolutionary platform where you can obtain a digital company license, a bank account supporting both fiat and cryptocurrencies, and handle your legal requirements and taxes, all within a single, streamlined platform. <br><br>
|
||||
Say goodbye to complexities and hello to a new era of simplicity and efficiency, empowering your business to thrive like never before.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-10 flex lg:gap-x-6 gap-x-3">
|
||||
<a href="/about" class="rounded-xl bg-blue-700 px-4 py-2.5 lg:text-base text-sm 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 border-r-2 px-4 py-2.5 font-medium text-gray-900 bg-transparent hover:bg-white hover:text-blue-700 transition-all duration-300">
|
||||
Learn More →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.image-container {
|
||||
position: relative;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.image-container::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
/* Reset margin and padding for the entire page if needed */
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
@ -1,13 +1,13 @@
|
||||
<div class="bg-white lg:py-24 py-24">
|
||||
<div class="bg-blue-100 py-24">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl text-center">
|
||||
<div class="mx-auto max-w-3xl text-center">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" 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>
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl pt-8">From the Blog</h2>
|
||||
<p class="mt-2 text-lg leading-8 text-gray-600">The latest news and updates from <b>OurWorld</b>.</p>
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl pt-8">📰 Stay Informed with ODFZ's Blog</h2>
|
||||
<p class="text-lg lg:leading-8 leading-6 font-light mt-6 lg:mx-20 mx-4 text-gray-600">Explore our comprehensive collection of insightful articles and the latest news updates about OurWorld Digital Freezone's ongoing and upcoming developments. Stay informed with exclusive insights into our innovative projects and initiatives shaping the future of digital environments.</p>
|
||||
</div>
|
||||
<div class="mx-auto pt-8 lg:pt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<div class="mx-auto pt-8 lg:pt-16 grid max-w-2xl grid-cols-1 gap-x-8 lg:gap-y-12 gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<article class="flex flex-col items-start justify-between">
|
||||
<div class="relative w-full mt-4">
|
||||
<img src="/newsroom/ourworldfreezone/ourworldfreezone.png" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
|
||||
@ -20,21 +20,10 @@
|
||||
<h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
|
||||
<a href="#">
|
||||
<span class="absolute inset-0"></span>
|
||||
🗞 In the News – OurWorld Digital Free Zone
|
||||
🗞 In the News – OurWorld Digital FreeZone
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">IPPMEDIA covered some details about our collaboration with the Revolutionary Government of Zanzibar with our latest project of Digital Freezone...</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">IPPMEDIA covered some details about our collaboration with the Revolutionary Government of Zanzibar with our latest project of Digital Freezone...</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
@ -53,19 +42,7 @@
|
||||
🌍 African Regenerative Cities Summit
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Learn about the summit we hosted this past weekend in Zanzibar to unite innovators and investors to support Africa's future...</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">Learn about the summit we hosted this past weekend in Zanzibar to unite innovators and investors to support Africa's future...</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
@ -84,19 +61,7 @@
|
||||
🗓 ThreeFold Team @ Zuzalu 2023
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Some of the team is at the New Cities & Network States event at Zuzalu, where our founder, Kristof de Spiegeleer will be speaking....</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 font-light text-gray-600">Some of the team is at the New Cities & Network States event at Zuzalu, where our founder, Kristof de Spiegeleer will be speaking....</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
31
templates/partials/faq.html
Normal file
31
templates/partials/faq.html
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
<div class="bg-blue-50">
|
||||
<div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl">🔎 Frequently Asked Questions</h2>
|
||||
|
||||
<p class="mt-6 max-w-2xl text-base leading-7 text-gray-600">Have a different question and can’t find the answer you’re looking for? Reach out to our support team by <a href="mailto:info@ourworld.tf" class="font-semibold text-blue-600 hover:text-blue-500">sending us an email</a> and we’ll get back to you as soon as we can.</p>
|
||||
|
||||
<div class="mt-10">
|
||||
<dl class="grid lg:grid-cols-2 grid-cols-1 gap-x-6 lg:gap-y-8 gap-y-6 lg:gap-x-10">
|
||||
<div>
|
||||
<dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">What is OurWorld Digital FreeZone?</dt>
|
||||
<dd class="mt-2 text-base leading-tight font-light text-gray-600">OurWorld Digital FreeZone is the world's first 100% digital free zone, designed to simplify and enhance business operations through advanced digital infrastructure. Strategically located in Zanzibar, it offers businesses seamless access to regional and global markets, fostering innovation and economic growth.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">What are the benefits of operating within OurWorld Digital FreeZone?</dt>
|
||||
<dd class="mt-2 text-base leading-tight font-light text-gray-600">Businesses within OurWorld Digital FreeZone enjoy numerous benefits, including reduced tax burdens, streamlined financial transactions, and a supportive regulatory environment. The digital infrastructure facilitates efficient collaboration and global expansion, making it an ideal hub for ecommerce and service providers.</dd>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">How does OurWorld Digital FreeZone support financial transactions?</dt>
|
||||
<dd class="mt-2 text-base leading-tight font-light text-gray-600">OurWorld Digital FreeZone offers a frictionless banking environment, enabling businesses to send and receive money effortlessly. This reduces the complexities and fees associated with traditional banking systems, ensuring smooth financial operations.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="mt-6 text-lg font-semibold leading-7 text-gray-900">What makes Zanzibar an ideal location for a digital free zone?</dt>
|
||||
<dd class="mt-2 text-base leading-tight font-light text-gray-600">Zanzibar's strategic location at the crossroads of Africa and the Indian Ocean provides a culturally rich environment and exceptional access to regional and global markets. Combined with Tanzania's robust economic growth and proactive business-friendly policies, Zanzibar is an emerging hub for innovation and investment in East Africa.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,46 +1,54 @@
|
||||
<div class="bg-white pt-16 py-16 mx-12 lg:py-24 relative">
|
||||
<div class="bg-white pb-24 pt-12 relative">
|
||||
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
||||
<div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-20 blur-3xl w-1/3 mx-auto" aria-hidden="true">
|
||||
<div class="aspect-[1313/771] w-full bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" 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>
|
||||
<div class="text-center">
|
||||
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-gray-900 lg:mb-2">The Foundation of Every Venture</h2>
|
||||
<p class="text-base font-medium lg:text-xl text-gray-500 lg:mb-8 lg:mt-2 mt-2 lg:mb-4 mb-8">Core Principles Guiding Our Vision for Building Successful, Planet-Friendly, and Fair Ventures.</p>
|
||||
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-gray-900 lg:mb-2">🇹🇿 Why Zanzibar?</h2>
|
||||
<p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">With proactive business-friendly policies and Tanzania's robust economic growth, <br>Zanzibar emerges as a promising hub for innovation and investment in East Africa.</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 bg-white border border-gray-200 rounded-lg overflow-hidden">
|
||||
<div class="mt-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 bg-white border border-gray-200 rounded-lg overflow-hidden">
|
||||
<!-- Feature 1 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/planet.png" alt="Icon 1" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Planet First</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Always act in ways that respect and protect Mother Earth.</p>
|
||||
<svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
|
||||
<g fill="#009688">
|
||||
<path d="M22 35h4v11h-4z"></path>
|
||||
<path d="m24 29.6l7 8.4H17z"></path>
|
||||
</g>
|
||||
<g fill="#009688">
|
||||
<path d="M22 2h4v11h-4z"></path>
|
||||
<path d="M24 18.4L17 10h14z"></path>
|
||||
</g>
|
||||
<g fill="#009688">
|
||||
<path d="M2 22h11v4H2z"></path>
|
||||
<path d="M18.4 24L10 31V17z"></path>
|
||||
</g>
|
||||
<g fill="#009688">
|
||||
<path d="M35 22h11v4H35z"></path>
|
||||
<path d="m29.6 24l8.4-7v14z"></path>
|
||||
</g>
|
||||
<circle cx="24" cy="24" r="3" fill="#F44336"></circle>
|
||||
</svg>
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Strategic Location</h3>
|
||||
<p class="text-base font-light text-gray-600 mb-4">Situated at the intersection of Africa and the Indian Ocean, Zanzibar boasts a rich cultural heritage and provides convenient access to both regional and global markets.</p>
|
||||
</div>
|
||||
<!-- Feature 2 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:mx-h-2 sm:border-r border-gray-200">
|
||||
<img src="images/people.png" alt="Icon 2" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">People First</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Ensure equality and fairness for every individual.</p>
|
||||
<svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
|
||||
<path d="M26 2L10 20h8v16l16-18h-8z" fill="#FFEB3B"></path>
|
||||
</svg>
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Rapid Economic Growth</h3>
|
||||
<p class="text-base font-light text-gray-600 mb-4">In recent years, Tanzania has maintained a robust economic growth rate averaging 6-7% annually, underscoring its strong economic potential and stability.</p>
|
||||
</div>
|
||||
<!-- Feature 3 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/open.png" alt="Icon 3" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Open Source</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Promote open-source solutions in many aspects of our lives.</p>
|
||||
<svg width="1em" height="1em" viewBox="0 0 48 48" class="w-12 h-12 mb-6 text-primary">
|
||||
<path fill="#00BCD4" d="M19 22h10v20H19zM32 8h10v34H32zM6 30h10v12H6z"></path>
|
||||
<g fill="#3F51B5">
|
||||
<path d="m11 8l10 10V8z"></path>
|
||||
<path d="m9.394 22.437l-2.828-2.828l9.969-9.969l2.828 2.828z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Business-Friendly Policies</h3>
|
||||
<p class="text-base text-gray-600 font-light mb-4">Tanzania was recognized among the top 10 most improved economies globally in 2020 by the World Bank, demonstrating a proactive approach in adapting agile business policies..</p>
|
||||
</div>
|
||||
<!-- Feature 4 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/authentic.png" alt="Icon 4" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Authenticity</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Restore and uphold the authenticity of people and information.</p>
|
||||
</div>
|
||||
<!-- Feature 5 -->
|
||||
<div class="flex flex-col items-start p-6 text-left">
|
||||
<img src="images/simple.png" alt="Icon 5" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Simplicity</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Eliminate complexity to foster progress and innovation.</p>
|
||||
</div>
|
||||
</div>
|
||||
<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 about OurWorld</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
{% set author_path = 'people/' ~ author ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-800"> <img
|
||||
<a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize text-gray-600"> <img
|
||||
src="{{ author_img }}" alt="{{ author.title }}" class="
|
||||
inline-flex
|
||||
w-8
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<div class="max-w-screen-2xl mx-auto lg:py-4 py-4 sm:px-6 lg:px-8">
|
||||
<div class="flex flex-col xl:flex-row xl:gap-4 items-center">
|
||||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 mb-4 xl:col-span-1 text-center xl:text-left">
|
||||
<img class="w-40 h-auto sm:w-15 mx-auto" src="https://ourworld.tf/images/OW_Logo.png" alt="logo" />
|
||||
<img class="lg:w-60 h-auto w-20 mx-auto" src="./images/ow_logo.svg" alt="logo" />
|
||||
</div>
|
||||
|
||||
<div class="mt-2 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust text-center xl:text-left">
|
||||
|
||||
@ -1,19 +1,25 @@
|
||||
<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">→</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>
|
||||
<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 →
|
||||
</a>
|
||||
</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) {
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
{{category | replace(from='-', to=' ' ) | title}}
|
||||
</h1>
|
||||
test
|
||||
<div class="text-xl text-gray-800">
|
||||
<div class="text-xl text-gray-600">
|
||||
{{ paginator.total_pages ~ " People"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
56
templates/partials/presale.html
Normal file
56
templates/partials/presale.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!-- Hero Section -->
|
||||
<div class="relative bg-white">
|
||||
<div class="mx-auto max-w-7xl px-4 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 items-start pt-24 mt-12 pb-12">
|
||||
<!-- Right Column (Text Section) -->
|
||||
<div class="relative sm:py-24 lg:py-12 lg:px-8 px-4">
|
||||
<div class="max-w-xl mx-auto">
|
||||
<h2 class="text-base font-semibold leading-7 text-blue-600">COMPANY LICENSE PRESALE</h2>
|
||||
<p class="mt-2 text-3xl font-bold tracking-tight text-black sm:text-4xl">🚀 Secure Your Spot with a Special Offer Price</p>
|
||||
<div class="mt-4 font-light text-lg leading-7 tracking-tight text-gray-600">
|
||||
<p class="text-base font-light lg:text-xl text-gray-600 mb-10 mt-6">Be among the first to secure your company license with our exclusive presale offer at a special price. Embrace the future of digital entrepreneurship with OurWorld FreeZone and kickstart your business journey with unprecedented advantages.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-10 flex lg:gap-x-6 gap-x-3">
|
||||
<a href="/about" class="rounded-xl bg-blue-700 px-4 py-2.5 lg:text-base text-sm font-semibold text-white shadow-sm hover:bg-blue-800 hover:text-blue-200 transition-colors duration-300">
|
||||
Join Presale
|
||||
</a>
|
||||
|
||||
<a href="/about" class="rounded-xl border border-gray-800 border-r-2 px-4 py-2.5 font-medium text-gray-900 bg-transparent hover:bg-white hover:text-blue-700 transition-all duration-300">
|
||||
Learn More →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left Column (Image Section) -->
|
||||
<div class="relative overflow-hidden lg:h-full">
|
||||
<div class="image-container">
|
||||
<img class="object-cover w-full h-full rounded-md mx-1" src="/images/benefits.webp" alt="Image description">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.image-container {
|
||||
position: relative;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.image-container::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
/* Reset margin and padding for the entire page if needed */
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
get a node and <br /><b class="font-bold">start earning</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">Get a FreeFlow Node and add capacity to
|
||||
<div class="mt-3 leading-6 text-gray-600 text-lg max-w-sm">Get a FreeFlow Node and add capacity to
|
||||
the FreeFlow Network.</div>
|
||||
<button class="uppercase font-bold" onclick="window.location='/node'">know more</button>
|
||||
</div>
|
||||
@ -44,7 +44,7 @@
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
GET THE <br /><b class="font-bold">FREEFLOW TWIN</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">Reserve your sovereign digital twin. <br>Take control over your digital life.</div>
|
||||
<div class="mt-3 leading-6 text-gray-600 text-lg max-w-sm">Reserve your sovereign digital twin. <br>Take control over your digital life.</div>
|
||||
<button class="uppercase font-bold" onclick="window.location='/twin'">know more</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -60,7 +60,7 @@
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
ACQUIRE <br /><b class="font-bold">CHI</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">The digital energy currency
|
||||
<div class="mt-3 leading-6 text-gray-600 text-lg max-w-sm">The digital energy currency
|
||||
of <br>the FreeFlow network `CHI token`</div>
|
||||
<button class="uppercase font-bold"
|
||||
onclick="window.open('https://threefoldfoundation.github.io/books/freeflow/network/buy/buy_my_chi.html', '_blank')">know
|
||||
|
||||
Loading…
Reference in New Issue
Block a user