updated about page
This commit is contained in:
BIN
content/about/adnan_fatayerji.jpg
Normal file
BIN
content/about/adnan_fatayerji.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
content/about/florian_fournier.jpeg
Normal file
BIN
content/about/florian_fournier.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
@@ -23,6 +23,25 @@ extra:
|
||||
|
||||
About a decade ago, a group of passionate Internet & cloud veterans came together to build a system which can grow to a scalable, safe, compatible, and co-owned IT infrastructure.
|
||||
|
||||
<button class="green">[The Team](/people)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
<div style="background-color:#F6F6F6">
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
|
||||
{% row( style="center narrow mtop") %}
|
||||
|
||||
## **Our <span class="blue">Story</span>**
|
||||
|
||||
### **Enabling True <span class="green_text">Decentralization</span>**
|
||||
{% end %}
|
||||
|
||||
{% roadmap() %}
|
||||
@@ -31,118 +50,209 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row( style="center narrow mtop") %}
|
||||
|
||||
## **Our Why**
|
||||
|
||||
Pioneering a new digital era, ThreeFold empowers communities to reclaim digital sovereignty and promote collective prosperity online.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row( style="center semiNarrow") %}
|
||||
|
||||
<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
#### **Empower Nations**
|
||||
|
||||
Most countries only rely on cable networks, meaning they lack control over their own digital infrastructure.
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
#### **Own Your Data**
|
||||
|
||||
Today, most of the cloud is owned and operated by few major companies taking all the profits and control of Internet.
|
||||
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row( style="center semiNarrow mbottom") %}
|
||||
|
||||
<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
#### **A Basic Human Right**
|
||||
|
||||
Billions of people are being left behind due to the IT landscape’s centralized infrastructure.
|
||||
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
#### **A Greener Planet Earth**
|
||||
|
||||
Current IT infrastructures consume far too much energy. It's time we do something about it.
|
||||
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
<div class="bg-gray-200">
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
{% row( style="centerItem center semiNarrow margin") %}
|
||||
|
||||
{% row( style="center margin") %}
|
||||
|
||||
## **Our Mission**
|
||||
|
||||
|
||||
## **<span class="blue">30+ Years</span> Of Technology Development**
|
||||
|
||||
<br>
|
||||
|
||||
#### To Empower Human Potential
|
||||
|
||||
The world needs a safe infrastructure to deploy cutting edge technology, where everyone can take part. We exist to make cloud capacity available everywhere on Earth, to help others host and create new digital experiences and to enable true decentralization.
|
||||
|
||||
|||
|
||||
|
||||
## **Our Vision**
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
#### A Better Digital World
|
||||
|
||||
We believe in an Internet where everyone can communicate freely, exchange fairly, access educational information, and own their own data. Our digital experiences should not addict nor manipulate, rather empower.
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div style="background-color:#F6F6F6">
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<!-- section 4 -->
|
||||
|
||||
{% row( style="mtop") %}
|
||||
|
||||
## **The <span class="blue">Team</span>**
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
{% row( style="") %}
|
||||
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
**KRISTOF DE SPIEGELEER** <br>
|
||||
|
||||
<p class="blue text-base font-semibold">Co-Founder & CEO</p>
|
||||
|
||||
<p class="text-base leading-tight">Serial entrepreneur with 30 years of experience in Internet infrastructure and cloud technology. Passionate about tech for good, 500m USD in exits.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
**JAN DE LANDTSHEER** <br>
|
||||
|
||||
<p class="blue text-base font-semibold">Co-Founder & Master Architect</p>
|
||||
|
||||
<p class="text-base leading-tight">Network guru who has been innovating the internet from the early days and has witnessed the rise of centralization. </p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
**ADNAN FATAYERJI** <br>
|
||||
|
||||
<p class="blue text-base font-semibold">Co-Founder & CEO of TF DMCC</p>
|
||||
|
||||
<p class="text-base leading-tight">Social entrepreneur and startup investor, responsible for driving the ThreeFold Foundation. Built successful grass-root businesses in the UAE for the past 20 years.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row( style="mbottom") %}
|
||||
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
**SABRINA SADIK** <br>
|
||||
|
||||
<p class="blue text-base font-semibold">Operations Manager</p>
|
||||
|
||||
<p class="text-base leading-tight">As the Internal and Grid Operations Lead, Sabrina handles customer communications and logistics. Sabrina prioritizes people and fosters and inclusive workplace culture.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
**FLORIAN FOURNIER** <br>
|
||||
|
||||
<p class="blue text-base font-semibold">Co-Founder & Ecosystem Developer</p>
|
||||
|
||||
<p class="text-base leading-tight">Experienced social entrepreneur and marketing executive with extensive network in the US and Latam. Spearheaded all marketing at Apple in Latam.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<a href="/people">
|
||||
<div class="person flex md:flex-row flex-col items-start">
|
||||
|
||||
<div class="">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
|
||||
<p class="font-semibold">Plus over 50+ engineers, developers and other excellent team members</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.green{
|
||||
|
||||
background-color:#58CF77 !important;
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
.green:hover {
|
||||
background-color:#7ad993 !important;
|
||||
}
|
||||
.green a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.green:hover {
|
||||
background-color:#7ad993 !important;
|
||||
}
|
||||
|
||||
.green_text{
|
||||
color: #58CF77 ;
|
||||
}
|
||||
|
||||
|
||||
.blue_b{
|
||||
|
||||
background-color:#2E83FF !important;
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
.blue_b a{
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.blue_b:hover {
|
||||
background-color:#5596f5 !important;
|
||||
}
|
||||
|
||||
.rounded_img img {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.person img{
|
||||
border-radius: 100%;
|
||||
max-width:100px;
|
||||
|
||||
}
|
||||
</style>
|
||||
BIN
content/about/jan_de_landtsheer.jpeg
Normal file
BIN
content/about/jan_de_landtsheer.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
content/about/kristof_de_spiegeleer.jpeg
Normal file
BIN
content/about/kristof_de_spiegeleer.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
content/about/plus.png
Normal file
BIN
content/about/plus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
content/about/plus2.png
Normal file
BIN
content/about/plus2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
content/about/sabrina_sadik.jpg
Normal file
BIN
content/about/sabrina_sadik.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
content/about/tech_development.png
Normal file
BIN
content/about/tech_development.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
@@ -73,7 +73,7 @@ Provide cloud and Internet capacity in your area and become a part of the larges
|
||||
|
||||
# **Host2 <span class="blue">Earn</span>**
|
||||
|
||||
#### **It starts with <spane class="green_text">Nodes</spane>**
|
||||
#### **It starts with <span class="green_text">Nodes</span>**
|
||||
|
||||
<br>
|
||||
|
||||
@@ -109,7 +109,7 @@ Earn TFT by adding capacity to the grid.
|
||||
|
||||
# **TFT**
|
||||
|
||||
### **<spane class="green_text">Used For Every Transaction</spane>**
|
||||
### **<span class="green_text">Used For Every Transaction</span>**
|
||||
|
||||
|
||||
## **Powering Our Ecosystem**
|
||||
@@ -137,7 +137,7 @@ TFT powers ThreeFold and the expansion of a truly decentralized infrastructure t
|
||||
|
||||
## **Why Decentralized Cloud**
|
||||
|
||||
#### <spane class="blue">How bringing data closer to the end user is beneficial for everyone</spane>
|
||||
#### <span class="blue">How bringing data closer to the end user is beneficial for everyone</span>
|
||||
|
||||
{% end %}
|
||||
|
||||
@@ -207,9 +207,82 @@ As devices multiply, central data centers face data overload. Edge cloud distrib
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 7 (Ecosystem) -->
|
||||
|
||||
|
||||
<!-- section 6 (Ecosystem) -->
|
||||
{% row( style="center mtop narrow") %}
|
||||
|
||||
## **Ecosystem**
|
||||
|
||||
### <span class="blue">**Utilization Partners**</span>
|
||||
|
||||
ThreeFold’s decentralized autonomous cloud will empower many projects and digital experiences as we grow. Here are some of the first projects to come alive.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row( style="") %}
|
||||
|
||||
<div class="rounded_img border-2 rounded-lg shadow-lg">
|
||||
|
||||
[](/partners/veverse)
|
||||
|
||||
<br>
|
||||
<div class="p-4">
|
||||
|
||||
#### **Social Network**
|
||||
|
||||
|
||||
Earth Staking’s Social Network is the first Bitcoin Staking Layer 2 on Earth, collaborating with ThreeFold to improve security, scalability, and energy-efficiency.
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="rounded_img border-2 rounded-lg shadow-lg">
|
||||
|
||||
[](/partners/our-world-free-zone/)
|
||||
|
||||
<br>
|
||||
|
||||
<div class="p-4">
|
||||
|
||||
#### **Our World Free Zone**
|
||||
|
||||
|
||||
ThreeFold is working with ZICTIA, on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all.
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
<div class="rounded_img border-2 rounded-lg shadow-lg">
|
||||
|
||||
[](/partners/sikana)
|
||||
|
||||
<br>
|
||||
|
||||
<div class="p-4">
|
||||
|
||||
#### **Sikana**
|
||||
|
||||
|
||||
Sikana is on a mission to empower individuals with practical skills through free educational videos – local content in local languages on top of local infrastructure.
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- section 8 (news) -->
|
||||
|
||||
|
||||
{% row( style="mtop") %}
|
||||
@@ -259,7 +332,6 @@ Cooperatives represent a well-tested form of collective organization and democra
|
||||
|
||||
## **Join In**
|
||||
|
||||
### Connect & Collaborate: Let's Kickstart Your ThreeFold Journey
|
||||
|
||||
{% end %}
|
||||
|
||||
@@ -327,4 +399,7 @@ Meet the community and join the conversation
|
||||
background-color:#5596f5 !important;
|
||||
}
|
||||
|
||||
.rounded_img img {
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
BIN
content/home/partner_ourworld.png
Normal file
BIN
content/home/partner_ourworld.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
content/home/partner_sikana.png
Normal file
BIN
content/home/partner_sikana.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
content/home/partner_social.png
Normal file
BIN
content/home/partner_social.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 541 KiB |
@@ -1,27 +1,27 @@
|
||||
<div class="space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
|
||||
<div class="space-y-8 lg:pb-24 pb-4 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent">
|
||||
|
||||
<!-- Item #1 -->
|
||||
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
|
||||
<div class="relative hidden flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
|
||||
<!-- Icon -->
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
{# <div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
|
||||
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Card -->
|
||||
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
|
||||
{# <div class="flex items-center justify-between space-x-2 mb-1">
|
||||
<div class="flex items-center justify-between space-x-2 mb-1">
|
||||
<div class="font-bold text-slate-900">Order Placed</div>
|
||||
<time class="font-caveat font-medium text-indigo-500">08/06/2023</time>
|
||||
</div> #}
|
||||
<div class="text-slate-500">Our journey began, with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
|
||||
</div>
|
||||
<div class="text-slate-500">Our journey began, with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
|
||||
</div> #}
|
||||
</div>
|
||||
|
||||
<!-- Item #2 -->
|
||||
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
|
||||
<!-- Icon -->
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white green group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
|
||||
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
|
||||
</svg>
|
||||
@@ -32,48 +32,51 @@
|
||||
<div class="font-bold text-slate-900">Order Shipped</div>
|
||||
<time class="font-caveat font-medium text-indigo-500">09/06/2023</time>
|
||||
</div> #}
|
||||
<div class="text-slate-500">Our journey began, with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
|
||||
<div class="text-gray-800 text-md"><span class="font-bold text-xl">Our Journey began</span> , with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Item #3 -->
|
||||
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
|
||||
<!-- Icon -->
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white green group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
|
||||
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Card -->
|
||||
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
|
||||
<div class="flex items-center justify-between space-x-2 mb-1">
|
||||
{# <div class="flex items-center justify-between space-x-2 mb-1">
|
||||
<div class="font-bold text-slate-900">In Transit</div>
|
||||
<time class="font-caveat font-medium text-indigo-500">10/06/2023</time>
|
||||
</div>
|
||||
<div class="text-slate-500">Pretium lectus quam id leo. Urna et pharetra aliquam vestibulum morbi blandit cursus risus.</div>
|
||||
</div> #}
|
||||
<div class="text-gray-800 text-md"><span class="font-bold text-xl">In response,</span> we came together with a shared mission—to design a revolutionary decentralized, open-source, inclusive, and sustainable Cloud solution for all.</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Item #4 -->
|
||||
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active">
|
||||
<!-- Icon -->
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white green group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
|
||||
<path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Card -->
|
||||
<div class="w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow">
|
||||
<div class="flex items-center justify-between space-x-2 mb-1">
|
||||
{# <div class="flex items-center justify-between space-x-2 mb-1">
|
||||
<div class="font-bold text-slate-900">Out of Delivery</div>
|
||||
<time class="font-caveat font-medium text-indigo-500">12/06/2023</time>
|
||||
</div>
|
||||
<div class="text-slate-500">Pretium lectus quam id leo. Urna et pharetra aliquam vestibulum morbi blandit cursus risus.</div>
|
||||
</div> #}
|
||||
<div class="text-gray-800 text-md"><span class="font-bold text-xl">Today</span> as we embark on the commercialization phase, the ThreeFold Grid is live in 61+ countries, a significant milestone in our ongoing commitment to redefine the future of the digital landscape.</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Item #5 -->
|
||||
<div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group">
|
||||
{# <div class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group">
|
||||
<!-- Icon -->
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
|
||||
@@ -88,6 +91,6 @@
|
||||
</div>
|
||||
<div class="text-slate-500">Pretium lectus quam id leo. Urna et pharetra aliquam vestibulum morbi blandit cursus risus.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> #}
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user