update Restaurant page
This commit is contained in:
parent
af32c6eeb5
commit
3a50f66361
@ -28,7 +28,7 @@ weight: 1
|
||||
|
||||
{% row(margin="withContainer" padding="bottom") %}
|
||||
|
||||
#### If you are looking for a one of a kind experience in Zanzibar, look no further...<br> At Jungle Paradise Beach Resort & SPA, you will fall in love with the stunning views and unique history.
|
||||
#### If you are looking for a one of a kind experience in Zanzibar, look no further...<br><br>At Jungle Paradise Beach Resort & SPA, you will fall in love with the stunning views and unique history.
|
||||
|
||||
|
||||
Jungle Paradise Beach Resort & Spa @ Mbweni Ruins Zanzibar is your ideal choice, if you want to see and enjoy a unique place in Zanzibar Urban West. It's well-known for their historical Mbweni ruins, which took part in the ending of slavery in Zanzibar in the 1870s. Jungle Paradise is surrounded by a beautiful botanic garden which supports over 280 different kinds of tree species.
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
@ -1,59 +0,0 @@
|
||||
---
|
||||
title: "Adnan Fatayerji"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="" margin="header" padding="top") %}
|
||||
|
||||
## Adnan Fatayerji
|
||||
|
||||
#### #startupminded #innovation #sustainable #allthewaygreen #dbxtoibiza #casio #music #crossfit #vegan
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Work.</spain> Adnan is a multidisciplinary and multi lingual entrepreneur with a successful track record in the software and infrastructure space. He is drawn towards projects and startups with amplified positive impact and is focused on tech companies that are ethically and compassionately driven. Today, he is a part of a diverse team of innovators trying to redefine the internet’s inclusivity through autonomous capabilities. At Incubaid, Adnan coordinates a spin-off, sister, tech incubator called ATWGreen which is focused on empowering startups in the field of sustainability in the Middle East region.</p>
|
||||
|
||||
<p class="text-base"><spain class="font-bold">Inspiration.</spain> I am drawn to Incubaid's approach to simplicity, every start up that has come through it's doors has resolved a complex solution in the tech space by following nature-based models. This not only results in better technology (less lines of code) but also generates a real world positive impact through energy efficiency for the planet.</p>
|
||||
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> I am a musician at heart and I have been creating music since i was first gifted a mini Casio keyboard by my parents at the age of 10. I think if I tried to upload all of my unpublished tracks it would break the internet :). I am drawn to music's ability to transcend all boundaries and I try to embody that mantra in my daily life."</p>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
<button>[Previous](/people/kds)</button>
|
||||
<button>[Next](/people/jan)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
@ -1,101 +0,0 @@
|
||||
---
|
||||
title: "FreeFlow Values"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="center" margin="header" padding="top") %}
|
||||
|
||||
## FreeFlow Values
|
||||
|
||||
<br>
|
||||
|
||||
<hr>
|
||||
|
||||
<br>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
### 1. Equal Opportunity
|
||||
|
||||
<p class="text-base">Independent of location, race or religion. Censorship should not block access to information. Cost of the information system needs to be low enough so that everyone can afford to participate.<br><br>Everyone can deliver services or products to everyone else with minimal intermediate steps. Intermediaries are often necessary but should charge fair costs in relation to their added value. It's not acceptable that a poor farmer receives only 5% of the price we pay for the product in the shop. This is neither sustainable for them nor for the planet.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 2. Respect
|
||||
|
||||
<p class="text-base">Respect We declare that respect and not fear nor ego will be the basis of our communications and our actions in this digital nation. We don’t have to agree, but respect and tolerance for other opinions is a must.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 3. Data Neutrality & Privacy
|
||||
|
||||
<p class="text-base">We have sole ownership of our created information / content (e.g. photos, text, videos). No one has access to our information unless we have given explicit access rights. We define the circles (groups of people) we want to communicate with and we have absolute freedom to decide what we want to share, and with whom we share it. We can at any point in time retrieve and destroy our information or revoke access rights.</p>
|
||||
|
||||
<p class="text-base">Data cannot be manipulated and we can ask for verification of the information at any point in time, it's up to the person who shares to withhold that proof but at least we then know that the source wants to stay anonymous and cannot be validated.
|
||||
</p>
|
||||
|
||||
<p class="text-base">It should be technically impossible for a hacker or other organization to change information and represent it in another way than originally intended.
|
||||
</p>
|
||||
|
||||
<p class="text-base">We have the ability to search & consume information in freedom and neutrality. We don’t like that an AI (Artificial Intelligence) algorithm decides what information gets priority or is blocked. Today we navigate in a restricted information world, much smaller than we believe. Keeping us uninformed and manipulating the information which is being presented to us can influence our consumption and voting actions.</p>
|
||||
|
||||
<p class="text-base">Censorship is not acceptable and goes against our beliefs; info should be accessible for everyone.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 4. Protecting our Planet
|
||||
|
||||
<p class="text-base">If we don’t want to be the product then we need to accept paying for what we consume.<br><br>If it's free, we are the product. Free does not exist. Often it means we pay in other ways at a price in excess of the cost of the resources we actually use. We need to be respectful of finite world resources.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 5. Access to Reliable Complementary Currencies
|
||||
|
||||
<p class="text-base">Complementary currencies are not meant to replace existing currencies, but rather complement. They can have unique properties, they can be designed more as a store of value, or serve as a medium of exchange.
|
||||
<br><br>We need to be able to keep our fiat or digital currencies safe at all times. We need to be able to exchange value without having to pay huge transaction or exchange fees.<br><br>Others should not be able to influence or obtain non-transparent benefits from our transactions.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 6. Products that are Sustainable and Described Fairly
|
||||
|
||||
<p class="text-base">We declare that we want to produce high quality and sustainable products or services. We need the description of products and services to be done fairly. A transparent reputation system can help.</p>
|
||||
|
||||
<br>
|
||||
|
||||
### 7. Acceptance that we are not powerless and need to act ourselves
|
||||
|
||||
<p class="text-base">Many believe we have no choice and need to live in the current structures without a way to have an impact. We believe everyone should be a master of their own destiny. The current systems are huge and very efficient but that also makes them very vulnerable. If only 10 percent of us would change the buying decisions we make, these large companies would not be able to continue the way they currently work and change would come. These companies are more vulnerable than many believe.<br><br>We have to be responsible and look at the choices we can make ourselves – what do we eat, consume, how do we travel, & so on. This doesn’t mean we have no right to a financially comfortable life, but it means<br><br>We have to act and help heal the world.</p>
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
{% row(style="center" margin="moderate" bgColor="#efefef" padding="none") %}
|
||||
|
||||
<br>
|
||||
|
||||
## Want to learn more about FreeFlow?
|
||||
|
||||
<button><a href="https://freeflownation.org/" target="_blank">Head this Way!</a></button>
|
||||
|
||||
<br>
|
||||
|
||||
{% end %}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
BIN
content/restaurant/img/res_gallary1.jpg
Normal file
BIN
content/restaurant/img/res_gallary1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
BIN
content/restaurant/img/res_gallary2.jpg
Normal file
BIN
content/restaurant/img/res_gallary2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
content/restaurant/img/resturan_heade2r.jpg
Normal file
BIN
content/restaurant/img/resturan_heade2r.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 453 KiB |
BIN
content/restaurant/img/resturan_header.jpg
Normal file
BIN
content/restaurant/img/resturan_header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 617 KiB |
@ -7,86 +7,88 @@ draft: false
|
||||
weight: 3
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
<!-- section 1 (header) -->
|
||||
|
||||
<!-- section 1 (co-found) -->
|
||||
{% row(style="center" margin="withContainer" bgPath="img/resturan_header.jpg" bgStyle="full" padding="headerboth" margin="tight") %}
|
||||
|
||||
{% row(style="center" margin="header" padding="top") %}
|
||||
|
||||
# Get to know us
|
||||
|
||||
We may like tech, but where would we be without our people?
|
||||
<h1 class="text-white">JP's Ocean Breeze Restaurant<br>& Jp's Beach Sun-See-Bar</h1>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="moderate" padding="bottom") %}
|
||||
|
||||
<a href="/people/kds"></a>
|
||||
<div class="container mx-auto">
|
||||
|
||||
#### Kristof<br> De Spiegeleer
|
||||
<!-- section 2 -->
|
||||
|
||||
<p class="text-base">Founder & CEO</p>
|
||||
{% row(margin="withContainer" padding="both") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
<a href="/people/adnan"></a>
|
||||
## Ocean Breeze Restaurant
|
||||
|
||||
#### Adnan<br> Fatayerji
|
||||
Maybe now you know what to do in Zanzibar. Just enjoy one of the best restaurants locations on Zanzibar west coast only a few minutes from Stone Town with a stunning sunset view while you enjoy your food or candle-light romantic dinner for two.
|
||||
|
||||
<p class="text-base">Head of UAE Venture</p>
|
||||
#### Sunday to Thursday <br> 07:00 - 22:30 (7:00 am - 10:30 pm)
|
||||
|
||||
|||
|
||||
|
||||
<a href="/people/jan"></a>
|
||||
|
||||
#### Jan<br> De Landtsheer
|
||||
|
||||
<p class="text-base">Head of R&D</p>
|
||||
|
||||
|||
|
||||
|
||||
<a href="/people/peter"></a>
|
||||
|
||||
#### Peter<br> Van der Henst
|
||||
|
||||
<p class="text-base">HR & Finance</p>
|
||||
|
||||
|||
|
||||
|
||||
<a href="/people/owen"></a>
|
||||
|
||||
#### Owen<br> Kemp
|
||||
|
||||
<p class="text-base">Partner</p>
|
||||
#### Friday & Saturday <br> 07:00 - 02:00 (7:00 am - 2:00 am)
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
{% row(margin="withContainer" padding="both") %}
|
||||
|
||||
## JP's Beach Sun-See-Bar
|
||||
|
||||
Enjoy daily offers, themes, or some of the best beach parties in Zanzibar, Or just have fun with some long beach drinks or maybe some of the best cocktails with your friends at your cozy beach bar.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container-fluid mx-auto">
|
||||
|
||||
{% row(style="center" margin="moderate" bgColor="#efefef" padding="both") %}
|
||||
|
||||
## We are values-driven
|
||||
<!-- section 1 (header) -->
|
||||
|
||||
<button onclick="window.location.href='/people/freeflowvalue'">Read the FreeFlow Values</button>
|
||||
{% row(style="center" margin="tight" bgPath="img/resturan_heade2r.jpg" bgStyle="" padding="both") %}
|
||||
|
||||
|
||||
|
||||
##### **Cocktails & Long Beach Drinks**
|
||||
|
||||
<p class="text-white">with your friends</p>
|
||||
|
||||
|
||||
|||
|
||||
|
||||
##### **Seafood & Romantic Dinner for two**
|
||||
|
||||
<p class="text-white">For unforgetable night</p>
|
||||
|
||||
|||
|
||||
|
||||
##### **Celebration Menus & Catering Food**
|
||||
|
||||
<p class="text-white">or your birthday Party</p>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="tight" padding="both") %}
|
||||
|
||||
|||
|
||||
|
||||
## Reach out!
|
||||
|
||||
|||
|
||||
|
||||
<button class="mr-0"><a href="mailto:info@incubaid.com" target="_blank">Contact us</a></button>
|
||||
|
||||
|||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
@ -1,61 +0,0 @@
|
||||
---
|
||||
title: "Jan De Landtsheer"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="" margin="header" padding="top") %}
|
||||
|
||||
## Jan De Landtsheer
|
||||
|
||||
#### #netneutrality #privacy #networking #getitdone #code #jackofalltrades #datacenter #ducati #hugecats #sauna
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Work.</spain> Jan has been with Incubaid since the very beginning as head of research and development. </p>
|
||||
|
||||
<p class="text-base">Jan’s field of expertise is not one but many. You could say he’s one of Kristof’s go-to guys when it comes to fixing anything networking related. There hasn’t been a datacenter in the Incubaid family that held secrets from Jan, and if they did he would find them and probably make even the secrets more efficient.</p>
|
||||
|
||||
<p class="text-base">Currently Jan is Head of R&D at Incubaid and ThreeFold.tech.</p>
|
||||
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> Jan used to be a true daredevil. If he wasn’t driving his 1200 cc Ducati he would be climbing rock faces all over Europe. Although he still enjoys looking at these things he now chooses a more relaxing lifestyle. Cuddling his 14 kilogram cats, hanging out in his sauna, and practicing nerdy mindfulness by figuring out how to embed Rust code on tiny circuit boards. </p>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
<button>[Previous](/people/adnan)</button>
|
||||
<button>[Next](/people/peter)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
@ -1,63 +0,0 @@
|
||||
---
|
||||
title: "Kristof De Spiegeleer"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="" margin="header" padding="top") %}
|
||||
|
||||
## Kristof De Spiegeleer
|
||||
|
||||
#### #entrepreneur #developer #decentralization #disruptor #visionary #humanitarian #dogood #donttalk #act #workhardplayhard #traveller #sailor #kitesurfer
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
<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>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
<button>[Previous](/people/owen)</button>
|
||||
<button>[Next](/people/adnan)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
@ -1,67 +0,0 @@
|
||||
---
|
||||
title: "Owen Kemp"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="" margin="header" padding="top") %}
|
||||
|
||||
## Owen Kemp
|
||||
|
||||
#### #ITexecutive #emergingmarkets #consultant #cloud #edgecomputing #smartcities #businessdevelopment #partnerships #worldtraveller #optimist #anarchist
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
<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>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
<button>[Previous](/people/peter)</button>
|
||||
<button>[Next](/people/kds)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 448 KiB |
@ -1,59 +0,0 @@
|
||||
---
|
||||
title: "Peter Van de Henst"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
---
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<br>
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="" margin="header" padding="top") %}
|
||||
|
||||
## Peter Van de Henst
|
||||
|
||||
#### #finance #humanresources #startup #coworking #community #footballaddict #rockthenation
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="" margin="narrow" padding="none") %}
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Work.</spain> As a Finance & HR manager, I am a leading support for all companies and for people working for these companies.</p>
|
||||
|
||||
<p class="text-base"><spain class="font-bold">Inspiration.</spain> Since I am also supporting several starting companies from my own side-business (Idola Business Center) it's a logical step to help and guide start-ups from this incubator. Investing is the future where creating is core. The right people with the appropriate experience in this matter will help them grow. I am thrilled to share my experience with them for a better future.</p>
|
||||
|
||||
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> I am addicted to football, fun and music. Even with my age, I am still an active football player. And to prepare for my future age, I am learning to play electric guitar so I can keep rocking the nation.</p>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
<button>[Previous](/people/jan)</button>
|
||||
<button>[Next](/people/owen)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
@ -127,11 +127,11 @@ p {
|
||||
}
|
||||
|
||||
h4 {
|
||||
@apply text-3xl lg:text-3xl font-light leading-4 my-4;
|
||||
@apply text-xl lg:text-2xl font-light leading-4 my-4;
|
||||
font-family: 'Lato', sans-serif;
|
||||
line-height: 1.5;
|
||||
line-height: 2rem;
|
||||
color: #59a5d8;
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -37,7 +37,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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>
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" /> <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>
|
||||
|
||||
|
||||
@ -37,7 +37,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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>
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" /> <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>
|
||||
|
||||
|
||||
@ -37,7 +37,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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>
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" /> <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>
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
@ -1,832 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Adnan Fatayerji • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Adnan Fatayerji • 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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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="adnan-fatayerji">Adnan Fatayerji</h2>
|
||||
<h4 id="startupminded-innovation-sustainable-allthewaygreen-dbxtoibiza-casio-music-crossfit-vegan">#startupminded #innovation #sustainable #allthewaygreen #dbxtoibiza #casio #music #crossfit #vegan</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://www2.jungleparadise.tf/restaurant/adnan/./img/adnan1.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://www2.jungleparadise.tf/restaurant/adnan/./img/adnan2.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> Adnan is a multidisciplinary and multi lingual entrepreneur with a successful track record in the software and infrastructure space. He is drawn towards projects and startups with amplified positive impact and is focused on tech companies that are ethically and compassionately driven. Today, he is a part of a diverse team of innovators trying to redefine the internet’s inclusivity through autonomous capabilities. At Incubaid, Adnan coordinates a spin-off, sister, tech incubator called ATWGreen which is focused on empowering startups in the field of sustainability in the Middle East region.</p>
|
||||
<p class="text-base"><spain class="font-bold">Inspiration.</spain> I am drawn to Incubaid's approach to simplicity, every start up that has come through it's doors has resolved a complex solution in the tech space by following nature-based models. This not only results in better technology (less lines of code) but also generates a real world positive impact through energy efficiency for the planet.</p>
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> I am a musician at heart and I have been creating music since i was first gifted a mini Casio keyboard by my parents at the age of 10. I think if I tried to upload all of my unpublished tracks it would break the internet :). I am drawn to music's ability to transcend all boundaries and I try to embody that mantra in my daily life."</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://www2.jungleparadise.tf/people/kds">Previous</a></button>
|
||||
<button><a href="https://www2.jungleparadise.tf/people/jan">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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,716 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>FreeFlow Values • Jungle Paradise</title>
|
||||
<meta property="og:title" content="FreeFlow Values • 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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0 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 -->
|
||||
|
||||
|
||||
<h2 id="freeflow-values">FreeFlow Values</h2>
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
|
||||
</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 -->
|
||||
|
||||
|
||||
<h3 id="1-equal-opportunity">1. Equal Opportunity</h3>
|
||||
<p class="text-base">Independent of location, race or religion. Censorship should not block access to information. Cost of the information system needs to be low enough so that everyone can afford to participate.<br><br>Everyone can deliver services or products to everyone else with minimal intermediate steps. Intermediaries are often necessary but should charge fair costs in relation to their added value. It's not acceptable that a poor farmer receives only 5% of the price we pay for the product in the shop. This is neither sustainable for them nor for the planet.</p>
|
||||
<br>
|
||||
<h3 id="2-respect">2. Respect</h3>
|
||||
<p class="text-base">Respect We declare that respect and not fear nor ego will be the basis of our communications and our actions in this digital nation. We don’t have to agree, but respect and tolerance for other opinions is a must.</p>
|
||||
<br>
|
||||
<h3 id="3-data-neutrality-privacy">3. Data Neutrality & Privacy</h3>
|
||||
<p class="text-base">We have sole ownership of our created information / content (e.g. photos, text, videos). No one has access to our information unless we have given explicit access rights. We define the circles (groups of people) we want to communicate with and we have absolute freedom to decide what we want to share, and with whom we share it. We can at any point in time retrieve and destroy our information or revoke access rights.</p>
|
||||
<p class="text-base">Data cannot be manipulated and we can ask for verification of the information at any point in time, it's up to the person who shares to withhold that proof but at least we then know that the source wants to stay anonymous and cannot be validated.
|
||||
</p>
|
||||
<p class="text-base">It should be technically impossible for a hacker or other organization to change information and represent it in another way than originally intended.
|
||||
</p>
|
||||
<p class="text-base">We have the ability to search & consume information in freedom and neutrality. We don’t like that an AI (Artificial Intelligence) algorithm decides what information gets priority or is blocked. Today we navigate in a restricted information world, much smaller than we believe. Keeping us uninformed and manipulating the information which is being presented to us can influence our consumption and voting actions.</p>
|
||||
<p class="text-base">Censorship is not acceptable and goes against our beliefs; info should be accessible for everyone.</p>
|
||||
<br>
|
||||
<h3 id="4-protecting-our-planet">4. Protecting our Planet</h3>
|
||||
<p class="text-base">If we don’t want to be the product then we need to accept paying for what we consume.<br><br>If it's free, we are the product. Free does not exist. Often it means we pay in other ways at a price in excess of the cost of the resources we actually use. We need to be respectful of finite world resources.</p>
|
||||
<br>
|
||||
<h3 id="5-access-to-reliable-complementary-currencies">5. Access to Reliable Complementary Currencies</h3>
|
||||
<p class="text-base">Complementary currencies are not meant to replace existing currencies, but rather complement. They can have unique properties, they can be designed more as a store of value, or serve as a medium of exchange.
|
||||
<br><br>We need to be able to keep our fiat or digital currencies safe at all times. We need to be able to exchange value without having to pay huge transaction or exchange fees.<br><br>Others should not be able to influence or obtain non-transparent benefits from our transactions.</p>
|
||||
<br>
|
||||
<h3 id="6-products-that-are-sustainable-and-described-fairly">6. Products that are Sustainable and Described Fairly</h3>
|
||||
<p class="text-base">We declare that we want to produce high quality and sustainable products or services. We need the description of products and services to be done fairly. A transparent reputation system can help.</p>
|
||||
<br>
|
||||
<h3 id="7-acceptance-that-we-are-not-powerless-and-need-to-act-ourselves">7. Acceptance that we are not powerless and need to act ourselves</h3>
|
||||
<p class="text-base">Many believe we have no choice and need to live in the current structures without a way to have an impact. We believe everyone should be a master of their own destiny. The current systems are huge and very efficient but that also makes them very vulnerable. If only 10 percent of us would change the buying decisions we make, these large companies would not be able to continue the way they currently work and change would come. These companies are more vulnerable than many believe.<br><br>We have to be responsible and look at the choices we can make ourselves – what do we eat, consume, how do we travel, & so on. This doesn’t mean we have no right to a financially comfortable life, but it means<br><br>We have to act and help heal the world.</p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</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="background-color: #efefef; background-size: cover">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-8 sm:mx-16 md:mx-20 lg:mx-28 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 -->
|
||||
|
||||
|
||||
<br>
|
||||
<h2 id="want-to-learn-more-about-freeflow">Want to learn more about FreeFlow?</h2>
|
||||
<p><button><a href="https://freeflownation.org/" target="_blank">Head this Way!</a></button></p>
|
||||
<br>
|
||||
|
||||
</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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
BIN
public/restaurant/img/res_gallary1.jpg
Normal file
BIN
public/restaurant/img/res_gallary1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
BIN
public/restaurant/img/res_gallary2.jpg
Normal file
BIN
public/restaurant/img/res_gallary2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
public/restaurant/img/resturan_heade2r.jpg
Normal file
BIN
public/restaurant/img/resturan_heade2r.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 453 KiB |
BIN
public/restaurant/img/resturan_header.jpg
Normal file
BIN
public/restaurant/img/resturan_header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 617 KiB |
@ -37,7 +37,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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>
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" /> <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>
|
||||
|
||||
@ -262,9 +262,7 @@
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<br>
|
||||
<!-- section 1 (co-found) -->
|
||||
<!-- section 1 (header) -->
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
@ -359,6 +357,14 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -368,8 +374,8 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<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 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="background: url('https://www2.jungleparadise.tf/restaurant/img/resturan_header.jpg'); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -379,15 +385,15 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h1 id="get-to-know-us">Get to know us</h1>
|
||||
<p>We may like tech, but where would we be without our people?</p>
|
||||
|
||||
<h1 class="text-white">JP's Ocean Breeze Restaurant<br>& Jp's Beach Sun-See-Bar</h1>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><!-- row shortcode
|
||||
</div><div class="container mx-auto">
|
||||
<!-- 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.
|
||||
@ -415,34 +421,6 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -451,7 +429,7 @@ Parameters:
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -493,27 +471,8 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
<!-- makes row full screen width, strips margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -533,19 +492,17 @@ Parameters:
|
||||
|
||||
|
||||
<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 lg:items-start py-2 md:py-4 lg:pb-24 mx-8 sm:mx-16 md:mx-20 lg:mx-28 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8 " 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 ">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><a href="/people/kds"><img src="https://www2.jungleparadise.tf/restaurant/./img/kds.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h4 id="kristof-de-spiegeleer">Kristof<br> De Spiegeleer</h4>
|
||||
<p class="text-base">Founder & CEO</p>
|
||||
<p><img src="https://www2.jungleparadise.tf/restaurant/./img/res_gallary2.jpg#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
@ -554,69 +511,23 @@ Parameters:
|
||||
|
||||
<!-- 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 ">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><a href="/people/adnan"><img src="https://www2.jungleparadise.tf/restaurant/./img/adnan.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h4 id="adnan-fatayerji">Adnan<br> Fatayerji</h4>
|
||||
<p class="text-base">Head of UAE Venture</p>
|
||||
<h2 id="ocean-breeze-restaurant">Ocean Breeze Restaurant</h2>
|
||||
<p>Maybe now you know what to do in Zanzibar. Just enjoy one of the best restaurants locations on Zanzibar west coast only a few minutes from Stone Town with a stunning sunset view while you enjoy your food or candle-light romantic dinner for two.</p>
|
||||
<h4 id="sunday-to-thursday-07-00-22-30-7-00-am-10-30-pm">Sunday to Thursday <br> 07:00 - 22:30 (7:00 am - 10:30 pm)</h4>
|
||||
<h4 id="friday-saturday-07-00-02-00-7-00-am-2-00-am">Friday & Saturday <br> 07:00 - 02:00 (7:00 am - 2:00 am)</h4>
|
||||
|
||||
|
||||
</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 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><a href="/people/jan"><img src="https://www2.jungleparadise.tf/restaurant/./img/jan.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h4 id="jan-de-landtsheer">Jan<br> De Landtsheer</h4>
|
||||
<p class="text-base">Head of R&D</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 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><a href="/people/peter"><img src="https://www2.jungleparadise.tf/restaurant/./img/peter.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h4 id="peter-van-der-henst">Peter<br> Van der Henst</h4>
|
||||
<p class="text-base">HR & Finance</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 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><a href="/people/owen"><img src="https://www2.jungleparadise.tf/restaurant/./img/owen.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h4 id="owen-kemp">Owen<br> Kemp</h4>
|
||||
<p class="text-base">Partner</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div class="container-fluid mx-auto">
|
||||
<!-- section 1 (header) -->
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
@ -632,6 +543,27 @@ Parameters:
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -711,75 +643,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="background-color: #efefef; background-size: cover">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8 sm:mx-16 md:mx-20 lg:mx-28 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 -->
|
||||
|
||||
|
||||
<h2 id="we-are-values-driven">We are values-driven</h2>
|
||||
<p><button onclick="window.location.href='/people/freeflowvalue'">Read the FreeFlow Values</button></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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -788,84 +656,27 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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 lg:items-start py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="background: url('https://www2.jungleparadise.tf/restaurant/img/resturan_heade2r.jpg'); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 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="hidden md:block flex-1 md:mb-0 md:mx-8 sm:flex-1 ">
|
||||
|
||||
</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 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h2 id="reach-out">Reach out!</h2>
|
||||
<p><img src="https://www2.jungleparadise.tf/restaurant/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
|
||||
<h5 id="baggage-storage">Baggage storage</h5>
|
||||
<h5 id="printer">Printer</h5>
|
||||
<h5 id="photo-copying-service">Photo copying service</h5>
|
||||
<h5 id="foreign-currency-exchange">Foreign currency exchange</h5>
|
||||
<h5 id="concierge-desk">Concierge desk</h5>
|
||||
|
||||
|
||||
</div>
|
||||
@ -879,23 +690,19 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><button class="mr-0"><a href="mailto:info@incubaid.com" target="_blank">Contact us</a></button></p>
|
||||
<p><img src="https://www2.jungleparadise.tf/restaurant/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
|
||||
<h5 id="laundry-service">Laundry service</h5>
|
||||
<h5 id="room-service">Room service</h5>
|
||||
<h5 id="swimming-pool">Swimming pool</h5>
|
||||
<h5 id="restaurant-beach-bar">Restaurant & Beach Bar</h5>
|
||||
<h5 id="rwelcome-drink">RWelcome Drink</h5>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||||
|
||||
<div class="hidden md:block flex-1 md:mb-0 md:mx-8 sm:flex-1 ">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
@ -1,833 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Jan De Landtsheer • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Jan De Landtsheer • 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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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="jan-de-landtsheer">Jan De Landtsheer</h2>
|
||||
<h4 id="netneutrality-privacy-networking-getitdone-code-jackofalltrades-datacenter-ducati-hugecats-sauna">#netneutrality #privacy #networking #getitdone #code #jackofalltrades #datacenter #ducati #hugecats #sauna</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://www2.jungleparadise.tf/restaurant/jan/./img/jan1.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://www2.jungleparadise.tf/restaurant/jan/./img/jan2.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> Jan has been with Incubaid since the very beginning as head of research and development. </p>
|
||||
<p class="text-base">Jan’s field of expertise is not one but many. You could say he’s one of Kristof’s go-to guys when it comes to fixing anything networking related. There hasn’t been a datacenter in the Incubaid family that held secrets from Jan, and if they did he would find them and probably make even the secrets more efficient.</p>
|
||||
<p class="text-base">Currently Jan is Head of R&D at Incubaid and ThreeFold.tech.</p>
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> Jan used to be a true daredevil. If he wasn’t driving his 1200 cc Ducati he would be climbing rock faces all over Europe. Although he still enjoys looking at these things he now chooses a more relaxing lifestyle. Cuddling his 14 kilogram cats, hanging out in his sauna, and practicing nerdy mindfulness by figuring out how to embed Rust code on tiny circuit boards. </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://www2.jungleparadise.tf/people/adnan">Previous</a></button>
|
||||
<button><a href="https://www2.jungleparadise.tf/people/peter">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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
@ -1,835 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/people/owen">Previous</a></button>
|
||||
<button><a href="https://www2.jungleparadise.tf/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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
@ -1,836 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/people/peter">Previous</a></button>
|
||||
<button><a href="https://www2.jungleparadise.tf/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/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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 448 KiB |
@ -1,832 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www2.jungleparadise.tf/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Peter Van de Henst • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Peter Van de Henst • 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://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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://www2.jungleparadise.tf/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="peter-van-de-henst">Peter Van de Henst</h2>
|
||||
<h4 id="finance-humanresources-startup-coworking-community-footballaddict-rockthenation">#finance #humanresources #startup #coworking #community #footballaddict #rockthenation</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://www2.jungleparadise.tf/restaurant/peter/./img/peter1.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://www2.jungleparadise.tf/restaurant/peter/./img/peter2.png" 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> As a Finance & HR manager, I am a leading support for all companies and for people working for these companies.</p>
|
||||
<p class="text-base"><spain class="font-bold">Inspiration.</spain> Since I am also supporting several starting companies from my own side-business (Idola Business Center) it's a logical step to help and guide start-ups from this incubator. Investing is the future where creating is core. The right people with the appropriate experience in this matter will help them grow. I am thrilled to share my experience with them for a better future.</p>
|
||||
<p class="text-base"><spain class="font-bold">At Play.</spain> I am addicted to football, fun and music. Even with my age, I am still an active football player. And to prepare for my future age, I am learning to play electric guitar so I can keep rocking the nation.</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://www2.jungleparadise.tf/people/jan">Previous</a></button>
|
||||
<button><a href="https://www2.jungleparadise.tf/people/owen">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: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
color: #4173a1;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -37,7 +37,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=9494bbdd74d0fd401dde" /> <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>
|
||||
<link rel="stylesheet" href="https://www2.jungleparadise.tf/css/index.css?h=cd4fe413f190b3512cd5" /> <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>
|
||||
|
||||
@ -1117,6 +1117,27 @@ Parameters:
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1224,7 +1245,8 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h5 id="baggage-storage">Baggage storage</h5>
|
||||
<p><img src="https://www2.jungleparadise.tf/rooms/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
|
||||
<h5 id="baggage-storage">Baggage storage</h5>
|
||||
<h5 id="printer">Printer</h5>
|
||||
<h5 id="photo-copying-service">Photo copying service</h5>
|
||||
<h5 id="foreign-currency-exchange">Foreign currency exchange</h5>
|
||||
@ -1242,6 +1264,7 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www2.jungleparadise.tf/rooms/./img/right.png#extrasmall#mx-auto" alt="Image" /></p>
|
||||
<h5 id="laundry-service">Laundry service</h5>
|
||||
<h5 id="room-service">Room service</h5>
|
||||
<h5 id="swimming-pool">Swimming pool</h5>
|
||||
|
||||
@ -18,30 +18,6 @@
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/adnan/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/freeflowvalue/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/jan/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/kds/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/owen/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/peter/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/rooms/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user