815 lines
24 KiB
HTML
815 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>Owen Kemp • Jungle Paradise</title>
|
||
<meta property="og:title" content="Owen Kemp • 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=ea95c0a269e3849c0841" /> <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="owen-kemp">Owen Kemp</h2>
|
||
<h4 id="itexecutive-emergingmarkets-consultant-cloud-edgecomputing-smartcities-businessdevelopment-partnerships-worldtraveller-optimist-anarchist">#ITexecutive #emergingmarkets #consultant #cloud #edgecomputing #smartcities #businessdevelopment #partnerships #worldtraveller #optimist #anarchist</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/owen/./img/owen1.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/owen/./img/owen2.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> AOwen is an experienced executive in the IT space, having led several multi-billion dollar businesses for HP in all world-wide markets. He was responsible for HP’s world-wide Finance Industry business, launched HP in to the emerging markets of Sub-Saharan Africa and Middle East and ran HP’s subsidiary in Russia with an emphasis on improving balance of trade, R&D and corporate citizenship.</p>
|
||
<p class="text-base">Since leaving HP, Owen has focused on assisting start-ups (early to late stage) with his broad management and market experience. Among others he has worked with cutting-edge companies in Cloud- and Edge computing; Smart City technologies; Eco-Tech; Fin-Tech; Reg-Tech and Digital Marketing; Block-chain and Cryptocurrency.</p>
|
||
<p class="text-base">In addition to working with Private Equity funds in New York, Russia and Austria, he was also advising various Family Offices. He is also an advisor to the Austrian Government in attracting foreign investment to Austria.</p>
|
||
<p class="text-base">Owen is a professional management consultant, coach and mentor and has helped many companies in improving their strategy including business development, internationalisation, Go-To-Market and partnership strategy, recruitment and more.</p>
|
||
<p class="text-base">Owen has known and worked with Kristof de Spiegeleer since 2011 and is now fully on board of the ThreeFold Foundation and TF Tech.</p>
|
||
<p class="text-base"><spain class="font-bold">Inspiration.</spain> n all walks of life, I look for an equitable exchange of value and believe in doing everything in a socially responsible way. I love working with diverse teams as they best represent our amazing planet. Emerging markets have been my passion and my profession. Once described as an optimist and anarchist, I love doing things in an unconventional way. All of this and more has led me to Incubaid.</p>
|
||
<p class="text-base"><spain class="font-bold">At Play.</spain> Outside of work, you can find me outside – skiing (when the weather allows), biking, hiking, and gardening. I have been to 147 countries on last count, so one might say I like to travel.</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/peter">Previous</a></button>
|
||
<button><a href="https://www.jungle_paradise/people/kds">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/footer_logo.png" alt="incubaid Logo" />
|
||
</div>
|
||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<p class="mt-0 text-base">
|
||
We believe doing good for the world and doing business can go hand in hand.
|
||
</p>
|
||
</div>
|
||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||
</div>
|
||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||
<div class="mx-4 text-center">
|
||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
|
||
</body>
|
||
</html> |