|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Jungle Dhaba - Authentic Indian Flavors in Lusaka</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
body { |
|
|
font-family: 'Poppins', sans-serif; |
|
|
background-color: #f5f0e5; |
|
|
color: #3a3a3a; |
|
|
background-image: url('https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?q=80&w=2070&auto=format&fit=crop'); |
|
|
background-size: cover; |
|
|
background-attachment: fixed; |
|
|
background-position: center; |
|
|
position: relative; |
|
|
} |
|
|
body::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
background-color: rgba(0, 0, 0, 0.4); |
|
|
z-index: -1; |
|
|
} |
|
|
.container { |
|
|
max-width: 1200px; |
|
|
} |
|
|
.menu-category-title { |
|
|
font-family: 'Playfair Display', serif; |
|
|
position: relative; |
|
|
display: inline-block; |
|
|
margin-bottom: 2rem; |
|
|
} |
|
|
.menu-category-title::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: -10px; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 3px; |
|
|
background: linear-gradient(90deg, #f97316, #f59e0b); |
|
|
} |
|
|
.menu-item-card { |
|
|
background-color: rgba(255, 255, 255, 0.9); |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); |
|
|
transition: all 0.3s ease; |
|
|
border: 1px solid rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.menu-item-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.price-tag { |
|
|
background: linear-gradient(135deg, #f97316, #f59e0b); |
|
|
color: white; |
|
|
font-weight: bold; |
|
|
padding: 0.25rem 1rem; |
|
|
border-radius: 9999px; |
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.nav-link { |
|
|
position: relative; |
|
|
} |
|
|
.nav-link::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: 0; |
|
|
left: 0; |
|
|
width: 0; |
|
|
height: 2px; |
|
|
background-color: #f97316; |
|
|
transition: width 0.3s ease; |
|
|
} |
|
|
.nav-link:hover::after { |
|
|
width: 100%; |
|
|
} |
|
|
.rustic-border { |
|
|
border: 2px solid #d1d5db; |
|
|
border-radius: 8px; |
|
|
box-shadow: 0 0 0 4px #f5f0e5, 0 0 0 6px #d1d5db; |
|
|
} |
|
|
.rustic-text { |
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); |
|
|
letter-spacing: 1px; |
|
|
} |
|
|
.category-divider { |
|
|
border: none; |
|
|
height: 2px; |
|
|
background: linear-gradient(90deg, transparent, #f97316, transparent); |
|
|
margin: 3rem 0; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="antialiased"> |
|
|
<header class="py-12 px-4 md:px-8 text-center relative overflow-hidden rustic-border"> |
|
|
<div class="absolute inset-0 bg-gradient-to-r from-amber-900 to-amber-700 opacity-80"></div> |
|
|
<div class="container mx-auto relative z-10"> |
|
|
<div class="inline-block px-6 py-2 bg-amber-800 text-white rounded-full mb-4 text-sm font-semibold"> |
|
|
<span class="text-amber-200">EST. 2023</span> |
|
|
</div> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-2 text-white rustic-text"> |
|
|
<span class="text-amber-300">JUNGLE</span> <span class="text-white">DHABA</span> |
|
|
</h1> |
|
|
<p class="text-xl md:text-2xl text-amber-100 mb-4 italic">"An Oasis of Indian Flavors in the Heart of Africa"</p> |
|
|
<div class="flex justify-center"> |
|
|
<div class="w-24 h-1 bg-amber-400"></div> |
|
|
</div> |
|
|
<p class="text-lg text-amber-100 mt-6 font-medium">Lusaka, Zambia</p> |
|
|
<div class="mt-8"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto text-amber-300 animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" /> |
|
|
</svg> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<nav class="bg-amber-900 sticky top-0 z-10 shadow-lg"> |
|
|
<div class="container mx-auto px-4 py-3 flex flex-wrap justify-center space-x-2 md:space-x-6 text-sm md:text-base"> |
|
|
<a href="#snacks" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SNACKS</a> |
|
|
<a href="#hot-pan" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">HOT PAN</a> |
|
|
<a href="#sweet-memories" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SWEET MEMORIES</a> |
|
|
<a href="#tiffin-box" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">TIFFIN BOX</a> |
|
|
<a href="#sips-brews" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SIPS & BREWS</a> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<main class="container mx-auto p-4 md:p-8 my-8 bg-white bg-opacity-90 rounded-lg shadow-xl"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-amber-800 mb-4">Welcome to Jungle Dhaba</h2> |
|
|
<p class="text-gray-700 max-w-2xl mx-auto"> |
|
|
Hidden amidst the wilderness, our dhaba emerges like a mirage of home. The aroma of spices, the sizzle of the tawa, |
|
|
and the warmth of Indian hospitality await you. Every dish tells a story of tradition, love, and the adventure of finding |
|
|
comfort in unexpected places. |
|
|
</p> |
|
|
<div class="mt-6"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 mx-auto text-amber-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
|
|
</svg> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<section id="snacks" class="mb-16"> |
|
|
<h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">SNACKS / नाश्ता</h2> |
|
|
<p class="text-center text-gray-600 mb-8 italic">Crunchy, tangy, sweet, spicy - sharable bites straight from the streets of India</p> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1601050690597-df0568f70950?q=80&w=2070&auto=format&fit=crop" alt="Pani Puri" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">PANI PURI</h3> |
|
|
<p class="text-amber-100 text-sm">(6 PIECES)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Crispy puris filled with spicy, tangy water and chutneys - an explosion of flavors in every bite.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 50</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1583576917891-1d21ae1c9df5?q=80&w=1974&auto=format&fit=crop" alt="Dahi Puri" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">DAHI PURI</h3> |
|
|
<p class="text-amber-100 text-sm">(6 PIECES)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Crispy shells filled with yogurt, chutneys, and spices - cool, creamy, and utterly addictive.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 55</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1601050690646-5b6e2e1a7c1c?q=80&w=1974&auto=format&fit=crop" alt="Chole Bhature" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">CHOLE BHATURE</h3> |
|
|
<p class="text-amber-100 text-sm">(2 PIECES)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Fluffy deep-fried bread served with spiced chickpea curry - a North Indian classic.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 85</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-10"> |
|
|
<button class="bg-amber-700 hover:bg-amber-800 text-white font-medium py-2 px-6 rounded-full transition duration-300"> |
|
|
View All Snacks → |
|
|
</button> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<hr class="category-divider"> |
|
|
|
|
|
<section id="hot-pan" class="mb-16"> |
|
|
<h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">HOT PAN / गर्म गर्म तवा</h2> |
|
|
<p class="text-center text-gray-600 mb-8 italic">Fresh, crispy and fluffy, infused with bold South Indian flavors</p> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1583575275549-648afffc96a8?q=80&w=1974&auto=format&fit=crop" alt="Masala Dosa" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">MASALA DOSA</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Crispy rice crepe stuffed with spiced potato filling, served with chutneys and sambar.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 80</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1589301760014-d929f3979dbc?q=80&w=2070&auto=format&fit=crop" alt="Idli Sambhar" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">IDLI SAMBHAR</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Soft, fluffy steamed rice cakes served with lentil soup and coconut chutney.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 65</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1601050691238-9a9a9a9a9a9a?q=80&w=2070&auto=format&fit=crop" alt="Onion Uttapam" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">ONION UTAPPAM</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Thick, savory pancake topped with caramelized onions and spices.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 75</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<hr class="category-divider"> |
|
|
|
|
|
<section id="sweet-memories" class="mb-16"> |
|
|
<h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">SWEET MEMORIES / मिठाई</h2> |
|
|
<p class="text-center text-gray-600 mb-8 italic">Delicious Indian sweets and baked delights made with sweetness, ghee and love</p> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1563805042-7684c019e1cb?q=80&w=1927&auto=format&fit=crop" alt="Indian Sweets" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">INDIAN SWEETS</h3> |
|
|
<p class="text-amber-100 text-sm">(OF THE DAY)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Traditional sweets made with pure ghee and authentic flavors - a taste of home.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 20</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1601050691238-d5a5e5e5e5e5?q=80&w=2070&auto=format&fit=crop" alt="Gulab Jamun" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">GULAB JAMUN</h3> |
|
|
<p class="text-amber-100 text-sm">(2 PIECES)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Soft, melt-in-your-mouth milk balls soaked in fragrant sugar syrup.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 45</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="menu-item-card"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1601050691238-f5f5f5f5f5f5?q=80&w=2070&auto=format&fit=crop" alt="Rasmalai" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div> |
|
|
<div class="absolute bottom-0 left-0 p-4"> |
|
|
<h3 class="text-xl font-bold text-white">RASMALAI</h3> |
|
|
<p class="text-amber-100 text-sm">(2 PIECES)</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<p class="text-gray-700 text-sm mb-4">Soft cheese patties in sweetened, thickened milk flavored with cardamom.</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="price-tag">ZMW 50</span> |
|
|
<button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<div class="text-center my-12"> |
|
|
<div class="inline-block px-6 py-3 bg-amber-100 text-amber-900 rounded-lg shadow-md"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 inline-block mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /> |
|
|
</svg> |
|
|
<span class="font-semibold">Open Daily: 11:00 AM - 10:00 PM</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</main> |
|
|
|
|
|
<footer class="bg-amber-900 text-white py-12 px-4 text-center"> |
|
|
<div class="container mx-auto"> |
|
|
<div class="flex justify-center mb-6"> |
|
|
<div class="w-16 h-1 bg-amber-400"></div> |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold mb-4">JUNGLE DHABA</h3> |
|
|
<p class="mb-6 max-w-2xl mx-auto">An unexpected taste of home in the heart of Africa. Where every meal is an adventure and every bite tells a story.</p> |
|
|
|
|
|
<div class="flex justify-center space-x-6 mb-8"> |
|
|
<a href="#" class="text-amber-200 hover:text-white transition duration-300"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
|
|
<path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" /> |
|
|
</svg> |
|
|
</a> |
|
|
<a href="#" class="text-amber-200 hover:text-white transition duration-300"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
|
|
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" /> |
|
|
</svg> |
|
|
</a> |
|
|
<a href="#" class="text-amber-200 hover:text-white transition duration-300"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
|
|
<path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" /> |
|
|
</svg> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<p class="text-sm text-amber-200">© 2023 Jungle Dhaba. All rights reserved.</p> |
|
|
<p class="text-xs mt-2 text-amber-300">Made with ❤️ in the heart of Africa</p> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const menuItems = document.querySelectorAll('.menu-item-card'); |
|
|
|
|
|
menuItems.forEach((item, index) => { |
|
|
|
|
|
item.style.animationDelay = `${index * 0.1}s`; |
|
|
item.classList.add('animate__animated', 'animate__fadeInUp'); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=db69/toi" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
