Files
www_threefold_io/content/about/index.md
2024-05-12 23:44:16 +03:00

258 lines
4.6 KiB
Markdown

---
title: "About"
description: "About a decade ago, a group of passionate Internet & Cloud veterans came together to build a system." # quotation marks to allow colons where used
template: "page.html"
insert_anchor_links: "left"
extra:
author: Your name here
imgPath: about/people.png
---
<!-- section 1 (header) -->
<div class="container mx-auto">
{% row(style="header") %}
![Image](people.png#mx-auto)
|||
## Founded by <span class="blue">**Internet 1.0 Pioneers**</span>
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() %}
## **roadmap**
{% end %}
</div>
</div>
<!-- section 3 -->
<div class="container mx-auto">
{% row( style="center margin") %}
## **<span class="blue">30+ Years</span> Of Technology Development**
<br>
![Image](tech_development.png#mx-auto)
{% 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="">
![Image](kristof_de_spiegeleer.jpeg#mx-auto)
</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="">
![Image](jan_de_landtsheer.jpeg#mx-auto)
</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="">
![Image](adnan_fatayerji.jpg#mx-auto)
</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="">
![Image](sabrina_sadik.jpg#mx-auto)
</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="">
![Image](florian_fournier.jpeg#mx-auto)
</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="">
![Image](plus2.png#mx-auto)
</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>