835 lines
24 KiB
HTML
835 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" charset="utf-8">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<head>
|
||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||
|
||
|
||
|
||
<title>Kristof De Spiegeleer • Jungle Paradise</title>
|
||
<meta property="og:title" content="Kristof De Spiegeleer • Jungle Paradise" />
|
||
|
||
|
||
|
||
<!-- Required meta categories -->
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- **** BEGINNING, favicons **** -->
|
||
|
||
<!-- generics -->
|
||
|
||
<!-- iOS -->
|
||
|
||
<!-- Android -->
|
||
|
||
<!-- Windows 8, IE 10 -->
|
||
|
||
<!-- Windows 8.1 and up, IE 11 -->
|
||
|
||
<!-- **** CONCLUSION, favicons **** -->
|
||
|
||
<!-- CSS/SCSS -->
|
||
<link rel="stylesheet" href="https://www.jungle_paradise/css/index.css?h=641fbb6fdd33739edaec" /> <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||
|
||
<script type="text/javascript">
|
||
|
||
var displayedMenu = "";
|
||
var hamburgerShown = false;
|
||
let width = screen.width;
|
||
var isMobile = width < 1024;
|
||
|
||
function toggleMenu(button) {
|
||
if (displayedMenu === button.id.split("-")[0]) {
|
||
button.className = button.className.replace(" text-green-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||
hideMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||
displayedMenu = "";
|
||
}
|
||
else {
|
||
showMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||
button.className = button.className.replace(" text-gray-900", " text-green-500 bg-stone-200 sm:bg-transparent");
|
||
displayedMenu = button.id.split("-")[0]
|
||
}
|
||
}
|
||
|
||
function handleClick(button) {
|
||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||
if (button.id.indexOf("menu") !== -1 ) {
|
||
toggleMenu(button)
|
||
}
|
||
}
|
||
|
||
function toggleHamburger() {
|
||
if (hamburgerShown) {
|
||
hideHamburger();
|
||
hamburgerShown = false;
|
||
}
|
||
else {
|
||
showHamburger();
|
||
hamburgerShown = true;
|
||
}
|
||
}
|
||
|
||
function showMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||
}
|
||
|
||
function hideMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||
}
|
||
|
||
function showHamburger() {
|
||
document.getElementById('header-container').className = "overflow-hidden";
|
||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||
}
|
||
|
||
function hideHamburger() {
|
||
document.getElementById('header-container').className = "";
|
||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||
}
|
||
|
||
window.onload = function(){
|
||
let elements = document.getElementsByTagName("button");
|
||
let buttons = [...elements]
|
||
buttons.forEach((button) => {
|
||
button.addEventListener( 'click', function() { handleClick(button) });
|
||
})
|
||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
<!-- set variables used for header template -->
|
||
|
||
|
||
|
||
|
||
|
||
<header id="header-container">
|
||
|
||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||
<div class="relative z-50 shadow">
|
||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||
<div>
|
||
<a href="/" class="flex">
|
||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="Logo" />
|
||
</a>
|
||
</div>
|
||
<div class="-mr-2 -my-2 lg:hidden">
|
||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||
<!-- Heroicon name: menu -->
|
||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||
</svg>
|
||
</button>
|
||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||
<!-- Heroicon name: x -->
|
||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||
<nav class="flex space-x-6">
|
||
|
||
|
||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Home
|
||
</a>
|
||
<div class="relative">
|
||
</div>
|
||
|
||
|
||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Rooms
|
||
</a>
|
||
<div class="relative">
|
||
</div>
|
||
|
||
|
||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Restaurant
|
||
</a>
|
||
<div class="relative">
|
||
</div>
|
||
|
||
|
||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Health & Wellness
|
||
</a>
|
||
<div class="relative">
|
||
</div>
|
||
|
||
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<!--
|
||
Mobile menu, show/hide based on mobile menu state.
|
||
|
||
Entering: "duration-200 ease-out"
|
||
From: "opacity-0 scale-95"
|
||
To: "opacity-100 scale-100"
|
||
Leaving: "duration-100 ease-in"
|
||
From: "opacity-100 scale-100"
|
||
To: "opacity-0 scale-95"
|
||
-->
|
||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||
<div>
|
||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||
<div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||
|
||
<nav class="flex flex-col justify-around pb-12">
|
||
|
||
|
||
|
||
|
||
<a href="https://www.jungle_paradise/rooms/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Rooms
|
||
</a>
|
||
<hr/>
|
||
|
||
|
||
|
||
<a href="https://www.jungle_paradise/restaurant/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Restaurant
|
||
</a>
|
||
<hr/>
|
||
|
||
|
||
|
||
<a href="https://www.jungle_paradise/health-wellness/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Health & Wellness
|
||
</a>
|
||
<hr/>
|
||
|
||
|
||
|
||
</nav>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
|
||
|
||
|
||
<div id="content" class="mx-auto overflow-hidden">
|
||
|
||
|
||
<main>
|
||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||
<div>
|
||
|
||
<div class="container mx-auto">
|
||
<br>
|
||
<!-- section 1 -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Padding -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<h2 id="kristof-de-spiegeleer">Kristof De Spiegeleer</h2>
|
||
<h4 id="entrepreneur-developer-decentralization-disruptor-visionary-humanitarian-dogood-donttalk-act-workhardplayhard-traveller-sailor-kitesurfer">#entrepreneur #developer #decentralization #disruptor #visionary #humanitarian #dogood #donttalk #act #workhardplayhard #traveller #sailor #kitesurfer</h4>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div><br>
|
||
<!-- section 2 -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Padding -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<p><img src="https://www.jungle_paradise/restaurant/kds/./img/kds1.jpg" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
|
||
<p><img src="https://www.jungle_paradise/restaurant/kds/./img/kds2.jpg" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div><!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Padding -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<p class="text-base"><spain class="font-bold">At Work.</spain> Kristof is a humanist & motivated entrepreneur, passionate about helping to make the world a better place.</p>
|
||
<p class="text-base">Open source software that creates neutral, green and affordable internet capacity, by people, for people. 100% decentralized.</p>
|
||
<p class="text-base">He has a history of inventing and developing new IT infrastructure systems (storage, automation, cloud computing). Kristof has founded more than 10 companies of which 6 have been acquired by large IT players. He was lucky to be part of the first teams building the Internet and has helped to grow datacenters & ISPs mainly in Europe.</p>
|
||
<p class="text-base">Currently Kristof is CEO of Incubaid, as well as the ThreeFold Foundation, and ThreeFold Tech. He strongly believes there is need for a decentralized, neutral, affordable, green internet (owned by billions).</p>
|
||
<p class="text-base"><spain class="font-bold">Spare time.</spain> Although very fond of being in front of his computer coding, in his spare time Kristof loves being outdoors. Hiking, sailing, kitesurfing, you name it, Kristof can do it (– some things better than the others, but he's always looking to grow). A business, a sport, whatever you throw at him, Kristof's reply will be, "Let's go."</p>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div><!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Padding -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- reverse col at mobile -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<p><button><a href="https://www.jungle_paradise/people/owen">Previous</a></button>
|
||
<button><a href="https://www.jungle_paradise/people/adnan">Next</a></button></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div></div>
|
||
|
||
|
||
</div>
|
||
|
||
</main>
|
||
</div>
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
-->
|
||
|
||
|
||
|
||
<footer class="bottom-0">
|
||
|
||
|
||
<div class="customize">
|
||
<div class="py-4 px-4 sm:px-6">
|
||
<div class="lg:flex lg:gap-4">
|
||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/logo_black.png" alt="incubaid Logo" />
|
||
</div>
|
||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<p class="subheader text-xl">Location</p>
|
||
<p class="mt-0">
|
||
Mbweni Ruins - Unguja Urban West<br>
|
||
Zanzibar - Republik of Tanzania<br>
|
||
Find us here on Google maps
|
||
</p>
|
||
</div>
|
||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<p class="subheader text-xl">CONTACT</p>
|
||
<p class="mt-0">
|
||
+255 778 242424 (WhatsApp)<br>
|
||
info@hotels-zanzibar.com
|
||
</p>
|
||
</div>
|
||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<p class="subheader text-xl">HOURS</p>
|
||
<p class="mt-0">
|
||
Reception: 24 Hours<br>
|
||
Check-in: after 3pm <br>
|
||
Check-out: before 11am
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-4 border-y-0 w-1/2 border-blue-500/50">
|
||
<div class="mx-4 text-center">
|
||
<p class="text-base pt-4 my-0">© 2022 Jungle Paradise Beach Resort & SPA <a href="https://threefold.io/" target="_blank" class="hard_blue my-0 text-base">Terms & Conditions</a></p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
<style>
|
||
|
||
.subheader {
|
||
font-family: 'Poiret One', cursive;
|
||
font-weight: 600;
|
||
color: #4173a1;
|
||
margin: 0;
|
||
}
|
||
</style>
|
||
|
||
|
||
</body>
|
||
</html> |