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

Room Page

Browse Source
This commit is contained in:
Ehab Hassan
2023-04-04 11:21:04 +02:00
parent f152653ace
commit af32c6eeb5
181 changed files with 1071 additions and 15275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

795
public/rooms/index.html
View File

@@ -8,7 +8,7 @@
<head>
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
<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" />
@@ -37,7 +37,7 @@
<!-- **** CONCLUSION, favicons **** -->
<!-- CSS/SCSS -->
<link rel="stylesheet" href="https://www.jungle_paradise/css/index.css?h=641fbb6fdd33739edaec" /> <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
<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>
@@ -143,7 +143,7 @@
<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:&#x2F;&#x2F;www.jungle_paradise&#x2F;images&#x2F;logo.png" alt="Logo" />
<img class="logo" src="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;images&#x2F;logo.png" alt="Logo" />
</a>
</div>
<div class="-mr-2 -my-2 lg:hidden">
@@ -164,28 +164,28 @@
<nav class="flex space-x-6">
<a href="https:&#x2F;&#x2F;www.jungle_paradise&#x2F;home&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;home&#x2F;" 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:&#x2F;&#x2F;www.jungle_paradise&#x2F;rooms&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;" 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:&#x2F;&#x2F;www.jungle_paradise&#x2F;restaurant&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;" 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:&#x2F;&#x2F;www.jungle_paradise&#x2F;health-wellness&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;" 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 &amp; Wellness
</a>
<div class="relative">
@@ -219,21 +219,21 @@
<a href="https:&#x2F;&#x2F;www.jungle_paradise&#x2F;rooms&#x2F;" 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">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;" 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:&#x2F;&#x2F;www.jungle_paradise&#x2F;restaurant&#x2F;" 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">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;restaurant&#x2F;" 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:&#x2F;&#x2F;www.jungle_paradise&#x2F;health-wellness&#x2F;" 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">
<a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;" 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 &amp; Wellness
</a>
<hr/>
@@ -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 "|||"
@@ -353,6 +351,117 @@ Parameters:
<!-- 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: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;img&#x2F;room_header1.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="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
<!-- handles mermaid markdown content display -->
<h1 class="text-white">ROOMS<br>Enjoy the comfort of Jungle Paradise</h1>
</div>
</div>
</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.
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 -->
@@ -369,18 +478,34 @@ 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 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 " 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 -->
<h1 id="projects">Projects</h1>
<p>Some insight into our portfolio and its evolution over the past 19 years.</p>
<h2 id="junior-king-suite">Junior King Suite</h2>
<p><strong>Occupancy: 2</strong></p>
<p><button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button></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>The ocean view Junior King Suite is spacious, cozy and clean, with a nice balcony where you can watch one of the best sunsets on the Island. All our Suites have a stunning Beach/Ocean view and Pool view from the room and the balcony. Wake up with calm and chill Jungle vibes and the sound of the ocean, heading to the beach in front of your suites.</p>
<p>Please let us know if you want to share your King Size bed with one of your kids for an extra fee.</p>
</div>
@@ -413,13 +538,6 @@ Parameters:
@@ -493,7 +611,7 @@ 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:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 " 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-2 md:py-4 lg:pb-24 mx-8 " style="min-width: -webkit-fill-available; min-width: -moz-available">
@@ -503,13 +621,112 @@ Parameters:
<!-- handles mermaid markdown content display -->
<p><a href="/projects/waveone"><img src="https://www.jungle_paradise/rooms/./img/wave_one.jpg#mx-auto" alt="Image" /></a></p>
<h3 id="then-wave-one">Then: Wave One</h3>
<p class="text-base"><span class="font-semibold">More than $500 million in exits with less than $50 million investment.</span><br><br>Our focus during Wave One was very IT-centric – around storage, automation and cloud. During this wave from 2000 till 2015 some of our companies defined parts of the cloud landscape, and are still being used actively today.</p>
<br>
<br>
<br>
<br>
<p><img src="https://www2.jungleparadise.tf/rooms/./img/gallarey1.jpg#mx-auto" alt="Image" /></p>
</div>
</div>
</div><!-- section 3 -->
<!-- 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 " 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="senior-king-suite">Senior King Suite</h2>
<p><strong>Occupancy: 4</strong></p>
<p><button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button></p>
</div>
@@ -523,16 +740,520 @@ Parameters:
<p><a href="/projects/wavetwo"><img src="https://www.jungle_paradise/rooms/./img/wave_two.jpg#mx-auto" alt="Image" /></a></p>
<h3 id="now-wave-two">Now: Wave Two</h3>
<p class="text-base">We believe doing good for the world and doing business can go hand in hand. We are building companies which will help to achieve an ambituous global goal:<br><br><span class="font-semibold">Allow everyone to have unlimited access to Education, Sustainable Internet, and Complementary Digital Currencies for less than 1% of their monthly salary.</span><br><br>To reach this goal the world needs next-generation technologies that open education, mobile, and financial systems up for all.</p>
<p>The ocean view Senior Suite is spacious, cozy and clean, with a nice big balcony, where you can watch one of the best sunsets on the Island. This kind of suite has an extra room for two more people in a bunk bed. It is perfect for your children, and the beds are also fitting for adults.</p>
<p>Please let us know if you want to share your suite with two of your children or even your friends, for an extra fee.</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-2 md:py-4 lg:pb-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">
<!-- handles mermaid markdown content display -->
<p><img src="https://www2.jungleparadise.tf/rooms/./img/gallarey2.jpg#mx-auto" alt="Image" /></p>
</div>
</div>
</div><!-- section 4 -->
<!-- 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 " 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="executive-king-suite">Executive King Suite</h2>
<p><strong>Occupancy: 2</strong></p>
<p><button onclick="window.location.href='/projects'">CHECK AVAILABILITY</button></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>The ocean view Executive King Suite is a very spacious, cozy and clean premium room, with a nice big roof-terrace, where you can watch one of the best sunsets on the Island.</p>
<p>This kind of accommodation has a pleasant seating area for two people and a private sundeck roof terrace with sunbeds to relax and chill in a very private environment. It's your best choice, if you are honeymooners and like something special or only have high standards and like your high-value privacy.</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-2 md:py-4 lg:pb-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">
<!-- handles mermaid markdown content display -->
<p><img src="https://www2.jungleparadise.tf/rooms/./img/gallarey3.jpg#mx-auto" alt="Image" /></p>
</div>
</div>
</div></div>
<!-- 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 "|||"
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: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;rooms&#x2F;img&#x2F;room_end_1.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="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
<!-- handles mermaid markdown content display -->
<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>
<!-- 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 -->
<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>
</div>
</div>
</div>
@@ -593,8 +1314,8 @@ Parameters:
<style>
.subheader {
font-family: 'Poiret One', cursive;
font-weight: 600;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #4173a1;
margin: 0;
}