rm public
This commit is contained in:
samaradel
parent
b34af56005
commit
1e0eb14277
BIN
public/.DS_Store
vendored
BIN
public/.DS_Store
vendored
Binary file not shown.
@ -1,3 +0,0 @@
|
||||
<!doctype html>
|
||||
<title>404 Not Found</title>
|
||||
<h1>404 Not Found</h1>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 418 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 214 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
@ -1,866 +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>Contact Us • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Contact Us • 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=cd4fe413f190b3512cd5ec8c55db450cf6ef62dc199a5273a785cc7bad2cb385" /> <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>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Experiences
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Contact Us
|
||||
</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/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" 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">
|
||||
Experiences
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" 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">
|
||||
Contact Us
|
||||
</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>
|
||||
|
||||
<!-- 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('https://www2.jungleparadise.tf/contactus/img/contact_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">
|
||||
|
||||
|
||||
|
||||
<!-- 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>
|
||||
<br>
|
||||
<h1 class="text-white">CONTACT US<br>at 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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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-10 md:py-4 lg:py-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="jungle-paradise-beach-resort-contact-info">Jungle Paradise Beach Resort Contact Info</h2>
|
||||
<h4 id="reception-8am-10pm"><strong>Reception:</strong> 8am - 10pm</h4>
|
||||
<h4 id="check-in-after-3pm"><strong>Check-in:</strong> after 3pm</h4>
|
||||
<h4 id="check-out-before-11am"><strong>Check-out:</strong> before 11am</h4>
|
||||
<br>
|
||||
<p>Mkunazini, Urban West, Zanzibar, Vuga, Zanzibar Tanzania<br>
|
||||
+255 778 24 24 24<br>
|
||||
book@jp-resort.com</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 -->
|
||||
|
||||
|
||||
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15865.614525443263!2d39.2018475!3d-6.2103759!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4a79d84b9b2ea768!2sJungle%20Paradise%20Beach%20Resort%20%26%20Spa!5e0!3m2!1sen!2sua!4v1669044476911!5m2!1sen!2sua" width="550" height="650" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" id="ae_iframe_tcxkp1qz"></iframe>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<!-- section 3 (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('https://www2.jungleparadise.tf/contactus/img/form.jpg'); background-size: cover; background-position: center;">
|
||||
<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 -->
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<h1 class="text-white">CONTACT US</h1>
|
||||
<p class="text-white text-xl font-semibold">Interested in booking your next stay at Jungle Paradise Beach Resort? We'd love to hear from you - contact us using the form below, and we'll get right back to you. We look forward to serving you.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><div class="container mx-auto">
|
||||
<!-- 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-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">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www2.jungleparadise.tf/contactus/./img/gallery.png#mx-auto" alt="Image" /></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 - Republic of Tanzania<br>
|
||||
<a href="https://www.google.com/maps/place/Jungle+Paradise+Beach+Resort+%26+Spa/@-6.2103755,39.1995418,16z/data=!4m9!3m8!1s0x185cdbdfdb5b2215:0x4a79d84b9b2ea768!5m2!4m1!1i2!8m2!3d-6.2103759!4d39.2018475!16s%2Fg%2F11q956rnn4" target="_blank">Find us here on Google maps</a>
|
||||
</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@jungleparadise.tf
|
||||
</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>
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 348 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 286 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 361 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 436 KiB |
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 570 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
@ -1,627 +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>Health & Wellness • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Health & Wellness • 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=cd4fe413f190b3512cd5ec8c55db450cf6ef62dc199a5273a785cc7bad2cb385" /> <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>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Experiences
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Contact Us
|
||||
</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/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" 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">
|
||||
Experiences
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" 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">
|
||||
Contact Us
|
||||
</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>
|
||||
|
||||
<!-- 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('https://www2.jungleparadise.tf/health-wellness/img/header3.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="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">HEALTH & WELLNESS<br>at 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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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-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">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www2.jungleparadise.tf/health-wellness/./img/price_list.jpg#mx-auto" 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>A relaxing haven nestled in the heart of Mbweni Ruins. Situated in the Historic Mbweni Ruins Our Spa offers over a variety therapies and treatments with botanical skincare products proudly made in Zanzibar. Our spa offer a range of treatments ranging from massages, scrubs, facials, manicures, pedicures.</p>
|
||||
<p>Our spa will have you feel like a new person, offering you an experience wrapped in the silence of Nature and in the Historic Ruins. Our spa menu offers a variety of treatments, carried out by skilled hands of professional therapists. </p>
|
||||
<h4 id="our-spa-is-open-daily-from-10-00-till-18-00">Our spa is open daily from 10:00 till 18:00</h4>
|
||||
|
||||
|
||||
</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 - Republic of Tanzania<br>
|
||||
<a href="https://www.google.com/maps/place/Jungle+Paradise+Beach+Resort+%26+Spa/@-6.2103755,39.1995418,16z/data=!4m9!3m8!1s0x185cdbdfdb5b2215:0x4a79d84b9b2ea768!5m2!4m1!1i2!8m2!3d-6.2103759!4d39.2018475!16s%2Fg%2F11q956rnn4" target="_blank">Find us here on Google maps</a>
|
||||
</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@jungleparadise.tf
|
||||
</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: 841 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 546 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 612 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 570 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 407 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 254 KiB |
File diff suppressed because it is too large
Load Diff
BIN
public/images/.DS_Store
vendored
BIN
public/images/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
1505
public/index.html
1505
public/index.html
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 453 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 617 KiB |
@ -1,916 +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>Restaurant • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Restaurant • 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=cd4fe413f190b3512cd5ec8c55db450cf6ef62dc199a5273a785cc7bad2cb385" /> <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>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Experiences
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Contact Us
|
||||
</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/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/experiences/" 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">
|
||||
Experiences
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www2.jungleparadise.tf/contactus/" 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">
|
||||
Contact Us
|
||||
</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>
|
||||
|
||||
<!-- 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('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">
|
||||
|
||||
|
||||
|
||||
<!-- 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">JP's Ocean Breeze Restaurant<br>& Jp's Beach Sun-See-Bar</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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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-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">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www2.jungleparadise.tf/restaurant/./img/res_gallary2.jpg#mx-auto" 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 -->
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
</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-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">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h2 id="jp-s-beach-sun-see-bar">JP's Beach Sun-See-Bar</h2>
|
||||
<p>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.</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/./img/res_gallary1.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('https://www2.jungleparadise.tf/restaurant/img/resturan_heade2r.jpg'); background-size: cover; background-position: center;">
|
||||
<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">
|
||||
|
||||
|
||||
|
||||
<!-- 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="cocktails-long-beach-drinks"><strong>Cocktails & Long Beach Drinks</strong></h5>
|
||||
<p class="text-white">with your friends</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 -->
|
||||
|
||||
|
||||
|
||||
<h5 id="seafood-romantic-dinner-for-two"><strong>Seafood & Romantic Dinner for two</strong></h5>
|
||||
<p class="text-white">For unforgetable night</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 -->
|
||||
|
||||
|
||||
|
||||
<h5 id="celebration-menus-catering-food"><strong>Celebration Menus & Catering Food</strong></h5>
|
||||
<p class="text-white">or your birthday Party</p>
|
||||
|
||||
</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 - Republic of Tanzania<br>
|
||||
<a href="https://www.google.com/maps/place/Jungle+Paradise+Beach+Resort+%26+Spa/@-6.2103755,39.1995418,16z/data=!4m9!3m8!1s0x185cdbdfdb5b2215:0x4a79d84b9b2ea768!5m2!4m1!1i2!8m2!3d-6.2103759!4d39.2018475!16s%2Fg%2F11q956rnn4" target="_blank">Find us here on Google maps</a>
|
||||
</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@jungleparadise.tf
|
||||
</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,4 +0,0 @@
|
||||
User-agent: *
|
||||
Disallow:
|
||||
Allow: /
|
||||
Sitemap: https://www2.jungleparadise.tf/sitemap.xml
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 325 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 344 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 413 KiB |
File diff suppressed because it is too large
Load Diff
@ -1,33 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/categories/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/contactus/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/experiences/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/health-wellness/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/home/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/restaurant/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www2.jungleparadise.tf/rooms/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
</urlset>
|
||||
File diff suppressed because one or more lines are too long
BIN
tailwindcss
BIN
tailwindcss
Binary file not shown.
Loading…
Reference in New Issue
Block a user