ourworld_web/www_jungle_paradise
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

update Restaurant page

Browse Source
This commit is contained in:
Ehab Hassan
2023-04-04 12:19:23 +02:00
parent af32c6eeb5
commit 3a50f66361
61 changed files with 153 additions and 5639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
public/restaurant/index.html
View File

@@ -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(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;img&#x2F;resturan_header.jpg&#x27;); 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 &amp; 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(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;img&#x2F;resturan_heade2r.jpg&#x27;); 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 &amp; 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>