nav updated

This commit is contained in:
Ehab Hassan 2023-08-10 12:16:27 +03:00
parent 1e0eb14277
commit 23726f5df7
4 changed files with 34 additions and 90 deletions

View File

@ -9,12 +9,28 @@ weight: 1
<!-- section 1 (header) -->
{% row(style="center" margin="withContainer" bgPath="img/header1_1.jpg" bgStyle="full" padding="headerboth" margin="tight") %}
<h1 class="text-white">Jungle Paradise</h1>
{% row(style="center" bgColor="#EEEBE4" padding="bottom") %}
<div class="container mx-auto">
![Image](./img/header1_1.jpg#mx-auto)
# A Historic Haven in Nature's Embrace
### Immerse yourself in the tranquil ambiance of natures lush greenery and the echoes of a storied past.
Immerse yourself in the rich tapestry of history while surrounded by lush landscapes. From the captivating ruins to the soothing sounds of the ocean, every moment at Jungle Paradise is an invitation to connect with the essence of the past and embrace the serenity of the present.
</div>
{% end %}
<!-- section 2 -->
{% row(style="center" margin="narrow" padding="top") %}
@ -23,7 +39,7 @@ weight: 1
{% end %}
<div class="container mx-auto">
{% row(margin="withContainer" padding="bottom") %}
@ -50,86 +66,3 @@ Jungle paradise Beach Resort and SPA Zanzibar features 13 exclusive and cozy, ai
</div>
<!-- section 3 -->
{% row(style="" margin="withContainer" bgPath="img/header4.jpg" bgStyle="full" padding="top" margin="tight") %}
<h1 class="text-white">Suites / Rooms -<br> Accommodation</h1>
<button onclick="window.location.href='/rooms'">VIEW MORE</button>
{% end %}
{% row(style="" margin="withContainer" bgPath="img/header2.jpg" bgStyle="full" padding="none" margin="tight") %}
<h1 class="text-white">Raintree Restaurant<br> & Beach Bar</h1>
<button onclick="window.location.href='/restaurant'">FIND OUT MORE </button>
{% end %}
{% row(style="" margin="withContainer" bgPath="img/header3.jpg" bgStyle="full" padding="bottom" margin="tight") %}
<h1 class="text-white">Health & Wellness <br> - SPA</h1>
<button onclick="window.location.href='/health-wellness'">LEARN MORE </button>
{% end %}
<div class="container mx-auto">
<!-- section 4 -->
{% row(style="center" margin="narrow" padding="top") %}
## Guest Reviews
{% end %}
{% row(style="center" margin="withContainer" padding="bottom" margin="moderate") %}
*"Wonderful place for spending your holiday, beautiful and peaceful place with nice view to the sea."*
**Pavel Reich**
|||
*"Great place to enjoy the day at the beach and watch the sunset while you have a delicious dinner. The cocktail Bar is really amazing and the view absolutely unique on this side of the island. The rooms are clean, cozy, new renovated and bigger than usual and the prices are reasonable. Our room was with an ocean beach view. But the sunsets are better to enjoy with a cold drink on the sun downer platform, where we had a nice and calm chill out vibe."*
**Neo Life Hacker**
|||
*A very beautiful area. Menu prices are cheap and delicious! Great pool, not hot! (Original) Очень красивая территория. Цены в меню недорогие и вкусно!"* Отличный бассейн, не жарко!"
**Olga Myronova**
|||
*"Lovely chillout! After a few days on a catamaran, this place wonderfully calmed the senses and gave strength to travel home by plane. I heartily recommend it to everyone for a short and longer visit. (Original) Codowny chillout! Po kilku dniach na katamaranie to miejsce wspaniale uspokoiło zmysły i dało siłę na podróż samolotem do domu. Serdecznie polecam wszystkim na krótką i dłuższą wizytę."*
**Waldemar Truchel**
{% end %}
</div>
<!-- section 1 (header) -->
{% row(style="center" margin="tight" bgPath="img/header1dark.jpg" bgStyle="full" padding="both") %}
<h1 class="text-white">Why Choose Jungle Paradise Beach Resort & SPA</h1>
<h3 class="text-white">BOOK YOUR NEXT PERFECT VACATION NOW</h3>
##### COMFORTABLE SUITES - ACCOMMODATION'
##### BEST SUNSET VIEWS
##### CLOSE TO AIRPORT
##### AFFORDABLE PRICING
##### BEST LOCATION
{% end %}

View File

@ -26,7 +26,7 @@
/* Custom css allowing image styling in markdown */
.logo {
width: 10% !important;
width: 50% !important;
}
img[src*="#mx-auto"] {
margin: auto;
@ -221,7 +221,7 @@ background-color: #2f5d89;
}
header .customize {
background-color: rgba(2, 2, 2, 0.5);
background-color:#EEEBE4;
position: fixed;
}
@ -267,6 +267,15 @@ a:hover{
color: #80b6e9 !important;
}
nav a {
color: #775840 !important;
}
nav a:hover {
color: #a38269 !important;
}
a img{
opacity: 1 !important;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -97,9 +97,10 @@
{% else %}
<header id="header-container">
{% set header_class = config.extra.header_class | default(value='') %}
<div class="{{'z-10 header_BG fixed w-screen max-w-full ' ~ header_class}}">
<div class="{{'z-10 header_BG border-b-[1px] border-orange-900 fixed w-screen max-w-full ' ~ header_class}}">
<div class="container mx-auto">
<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 class="mx-auto flex z-50 shadow justify-between items-center pr-2 md:pr-0 py-2 lg:px-2 lg:justify-start lg:space-x-20">
<div>
<a href="/" class="flex">
<img class="logo" src="{{logo_path}}" alt="Logo" />
@ -143,6 +144,7 @@
</div>
</div>
</div>
</div>
{% for subsection in section.subsections %}
{% if subsection == "footer/_index.md" %} {% continue %} {% endif %}
{% set submenu_id = subsection ~ "-menu" | slugify %}