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

update footer

Browse Source
This commit is contained in:
Ehab Hassan
2024-02-11 17:41:16 +02:00
parent fbdbe0132d
commit 4015f8e38a
6 changed files with 51 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
templates/partials/footer.html
View File

@@ -17,7 +17,7 @@
<div class="py-4 px-4 sm:px-6">
<div class="lg:flex items-center lg:gap-4">
<a href="/" class="lg:mr-8 lg:mb-2 lg:col-span-1">
<img class="lg:mx-4 mb-4 mx-auto" src="/images/hotel1.svg" alt="JPLogo" width="250px" height="auto" />
<img class="lg:mx-4 mb-4 mx-auto" src="/images/mbweni_logo_color.png" alt="JPLogo" width="200px" height="auto" />
</a>
<div class="my-2 lg:mr-8 lg:mb-2 lg:col-span-1">
<div>
@@ -59,10 +59,10 @@
</div>
</div>
<img src="{{get_url(path='images/')}}" class="w-60" alt="">
<hr class="my-4 border-y-0 w-1/2 border-b-orange-900/50">
<div class="text-center mx-4">
<p class="text-base lg:text-lg font-semibold my-0">© 2023 Jungle Paradise Resort & SPA.
<a href="https://threefold.io/" target="_blank" class="hard_blue my-0 text-base">All Rights Reserved.</a></p>
{# <hr class="my-4 border-y-0 w-1/2 border-b-orange-900/50"> #}
<div class="rights flex justify-center items-center text-center mx-4 h-16 w-full text-white">
<p style="color: #fff;" class="text-base lg:text-lg font-semibold my-0">© 2024 Mbweni Ruins & Gardens.
<a href="https://threefold.io/" target="_blank" class="rights hard_blue my-0 text-base">All Rights Reserved.</a></p>
</div>
</div>
@@ -72,12 +72,21 @@
<style scoped>
footer a {
color: #775840 !important;
color: #614734 !important;
font-family: 'Cormorant Infant', serif;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
}
footer a:hover{
color: #423023;}
color: #7e624e !important;}
.rights{
background-color: #614734;
color: #fff !important;}
.rights a:hover{
color: #bdbdbd !important;
}
</style>

12
templates/partials/header.html
View File

@@ -100,14 +100,14 @@
<div class="{{'z-10 header_BG border-b-[1px] border-white-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 pr-2 md:pr-0 py-2 lg:px-2 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 px-3 lg:px-2 lg:justify-start lg:space-x-20">
<div>
<a href="/" class="flex">
<img class="logo" src="{{logo_path}}" 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">
<button id="hamburger-btn" type="button" class="drop_menu 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" />
@@ -174,7 +174,7 @@
-->
<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="shadow-xs h-screen drop_menu 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">
@@ -224,4 +224,10 @@
</header>
{% endif %}
<style>
.drop_menu{
background-color:
#614734;
}
</style>