ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update mobile size

Browse Source
This commit is contained in:
Ehab Hassan
2025-03-16 12:40:13 +02:00
parent 1196420bab
commit 88d039b6b4
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
templates/partials/media/founders.html
View File

@@ -3,18 +3,18 @@
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl visible">Founders & Key Voices</h2> <h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl visible">Founders & Key Voices</h2>
</div> </div>
<section class="lg:max-w-7xl mx-auto py-12 flex items-center justify-center isolate overflow-hidden"> <section class="max-w-7xl px-4 mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
<div class="flex lg:flex-row items-center"> <div class="flex flex-col lg:flex-row items-center">
<!-- Left Content --> <!-- Left Content -->
<div class="w-full lg:w-1/2 flex justify-center"> <div class="w-full w-full lg:w-1/2 flex justify-center">
<img src="/images/people/kristof_de_spiegeleer.jpeg" alt="AIBox Specifications" <img src="/images/people/kristof_de_spiegeleer.jpeg" alt="AIBox Specifications"
class="blinking-effect w-2/3 rounded-lg grayscale"> class="w-full lg:w-2/3 rounded-lg grayscale">
</div> </div>
<!-- Right Content --> <!-- Right Content -->
<div class="w-full lg:w-1/2 lg:text-left"> <div class="w-full lg:mt-0 mt-6 lg:w-1/2 lg:text-left">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3 fade-in">
<h2 class="text-balance font-bold tracking-tight text-white text-4xl fade-in"> <h2 class="text-balance font-bold tracking-tight text-white text-xl lg:text-4xl">
KRISTOF DE SPIEGELEER KRISTOF DE SPIEGELEER
</h2> </h2>
<a href="https://www.linkedin.com/in/despiegk/" target="_blank" <a href="https://www.linkedin.com/in/despiegk/" target="_blank"
@@ -24,25 +24,25 @@
</svg> </svg>
</a> </a>
</div> </div>
<p class="mx-auto text-pretty text-2xl font-medium text-gray-200 fade-in">Co-Founder & CEO</p> <p class="mx-auto text-pretty text-lg lg:text-2xl font-medium text-gray-200 fade-in">Co-Founder & CEO</p>
<p class="mx-auto mt-6 text-pretty text-base font-normal text-gray-200 fade-in"> <p class="mx-auto mt-6 text-pretty text-base font-normal text-gray-200 fade-in">
is a serial entrepreneur with 30+ years of experience in Internet infrastructure and cloud technology, holding multiple patents and world records in storage and automation solutions used by industry giants like Oracle, Verizon, and Western Digital. He has founded over ten companies, with seven successful exits totaling over $600M. A pioneer in building the Internet and data center business in Europe, Kristof is now focused on creating a decentralized, sovereign Internet through ThreeFold. Guided by a belief that doing good for the world and delivering investor returns can coexist, he champions respect, transparency, and innovation in every venture. Kristof has previously spoken at Davos. is a serial entrepreneur with 30+ years of experience in Internet infrastructure and cloud technology, holding multiple patents and world records in storage and automation solutions used by industry giants like Oracle, Verizon, and Western Digital. He has founded over ten companies, with seven successful exits totaling over $600M. A pioneer in building the Internet and data center business in Europe, Kristof is now focused on creating a decentralized, sovereign Internet through ThreeFold. Guided by a belief that doing good for the world and delivering investor returns can coexist, he champions respect, transparency, and innovation in every venture. Kristof has previously spoken at Davos.
</p> </p>
</div> </div>
</div> </div>
</section> </section>
<section class="lg:max-w-7xl mx-auto py-12 flex items-center justify-center isolate overflow-hidden"> <section class="max-w-7xl px-4 mx-auto py-12 flex items-center justify-center isolate overflow-hidden">
<div class="flex lg:flex-row items-center "> <div class="flex flex-col lg:flex-row items-center ">
<!-- Left Content --> <!-- Left Content -->
<div class="w-full lg:w-1/2 flex justify-center"> <div class="w-full lg:w-1/2 flex justify-center">
<img src="/images/people/florian_fournier.jpeg" alt="AIBox Specifications" class="blinking-effect w-2/3 rounded-lg grayscale"> <img src="/images/people/florian_fournier.jpeg" alt="AIBox Specifications" class="w-full lg:w-2/3 rounded-lg grayscale">
</div> </div>
<!-- Right Image --> <!-- Right Image -->
<div class="w-full lg:w-1/2 lg:text-left"> <div class="w-full lg:mt-0 mt-6 lg:w-1/2 lg:text-left">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3 fade-in">
<h2 class="text-balance font-bold tracking-tight text-white text-4xl fade-in"> <h2 class="text-balance font-bold tracking-tight text-white text-2xl lg:text-4xl">
FLORIAN FOURNIER FLORIAN FOURNIER
</h2> </h2>
<a href="https://www.linkedin.com/in/florianfournier/" target="_blank" <a href="https://www.linkedin.com/in/florianfournier/" target="_blank"

2
templates/partials/media/hero.html
View File

@@ -1,4 +1,4 @@
<section class="flex items-center justify-center isolate overflow-hidden lg:h-screen"> <section class="flex items-center justify-center isolate overflow-hidden h-auto lg:h-screen">
<div class="mt-10 lg:mt-1 max-w-7xl mx-auto px-6 lg:px-16 flex flex-col-reverse lg:flex-row items-center "> <div class="mt-10 lg:mt-1 max-w-7xl mx-auto px-6 lg:px-16 flex flex-col-reverse lg:flex-row items-center ">
<!-- Left Content --> <!-- Left Content -->

2
templates/partials/media/milestones.html
View File

@@ -1,4 +1,4 @@
<section class="text-white pb-12 lg:pb-20"> <section class="text-white py-12 lg:pb-20">
<div class="mx-auto max-w-7xl px-4 sm:px-6"> <div class="mx-auto max-w-7xl px-4 sm:px-6">
<div class=""> <div class="">
{# <p class="text-sm font-bold uppercase tracking-widest text-gray-200">How It Works</p> #} {# <p class="text-sm font-bold uppercase tracking-widest text-gray-200">How It Works</p> #}