<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotel Nikunj | Premium Hotel in Madhubani</title>
<meta name="description" content="Book Deluxe & Standard AC Rooms at Hotel Nikunj, Madhubani. Premium Hotel, Banquet Hall, Wedding Venue.">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
font-family:Arial,Helvetica,sans-serif;
background:#f4f7fb;
color:#222;
}
header{
background:white;
position:sticky;
top:0;
z-index:999;
box-shadow:0 2px 10px rgba(0,0,0,.1);
}
.container{
width:92%;
max-width:1200px;
margin:auto;
}
nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}
.logo{
font-size:32px;
font-weight:bold;
color:#0B4F8A;
}
nav ul{
display:flex;
list-style:none;
gap:25px;
}
nav a{
text-decoration:none;
color:#333;
font-weight:bold;
}
.hero{
height:85vh;
background:url("Images/front.jpg") center center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.hero::before{
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(0,0,0,.45);
}
.hero-content{
position:relative;
color:white;
text-align:center;
padding:20px;
}
.hero h1{
font-size:58px;
}
.hero p{
font-size:22px;
margin-top:15px;
}
.offer{
display:inline-block;
background:#FFD700;
color:#000;
padding:10px 18px;
border-radius:50px;
margin-top:20px;
font-weight:bold;
}
.buttons{
margin-top:30px;
}
.btn{
display:inline-block;
padding:15px 30px;
border-radius:8px;
font-size:18px;
font-weight:bold;
text-decoration:none;
margin:8px;
transition:.3s;
}
.call{
background:#E53935;
color:white;
}
.call:hover{
background:#C62828;
}
.whatsapp{
background:#25D366;
color:white;
}
.whatsapp:hover{
background:#128C7E;
}
.section{
padding:70px 20px;
}
.title{
text-align:center;
font-size:38px;
margin-bottom:15px;
color:#0B4F8A;
}
.subtitle{
text-align:center;
font-size:20px;
color:#555;
margin-bottom:50px;
}
</style>
</head>
<body>
<header>
<div class="container">
<nav>
<div class="logo">
Hotel Nikunj
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#rooms">Rooms</a></li>
<li><a href="#banquet">Banquet</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="hero-content">
<h1>Hotel Nikunj</h1>
<p>Premium Hotel in Madhubani</p>
<div class="offer">
🔥 Deluxe AC Room ₹1800 Standard AC Room ₹1200
</div>
<div class="buttons">
<a class="btn call"
href="tel:90406483616">
📞 Call Now
</a>
<a class="btn whatsapp"
href="https://wa.me/9190406483616">
💬 WhatsApp
</a>
</div>
</div>
</section>
<!-- ABOUT HOTEL -->
<section class="section">
<div class="container">
<h2 class="title">Welcome to Hotel Nikunj</h2>
<p class="subtitle">
Experience comfortable accommodation, premium hospitality and affordable luxury in the heart of Madhubani. Whether you are travelling for business, family, wedding or leisure, Hotel Nikunj offers the perfect stay with modern facilities.
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;align-items:center;">
<div>
<img src="Images/reception.jpg" style="width:100%;border-radius:15px;box-shadow:0 15px 40px rgba(0,0,0,.18);">
</div>
<div>
<h2 style="color:#0B4F8A;margin-bottom:20px;">Why Guests Love Hotel Nikunj</h2>
<p style="line-height:32px;font-size:18px;">
✅ Prime Location in Madhubani<br><br>
✅ Fully Air Conditioned Rooms<br><br>
✅ Luxury Banquet Hall for Weddings & Events<br><br>
✅ Lift Facility<br><br>
✅ Spacious Lobby & Reception<br><br>
✅ Hygienic Bathrooms<br><br>
✅ Friendly Staff & Quick Service<br><br>
✅ Family Friendly Environment
</p>
</div>
</div>
</div>
</section>
<!-- ROOMS -->
<section class="section" id="rooms" style="background:#eef5fb;">
<div class="container">
<h2 class="title">Choose Your Room</h2>
<p class="subtitle">
Book Direct & Get Best Price Guaranteed
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;">
<div style="background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.12);">
<img src="Images/room1.jpg" style="width:100%;height:240px;object-fit:cover;">
<div style="padding:25px;">
<h2 style="color:#0B4F8A;">Standard AC Room</h2>
<p style="margin-top:15px;">
<span style="text-decoration:line-through;color:red;font-size:22px;">
₹2,000
</span>
</p>
<p style="
<!-- BANQUET HALL -->
<section class="section" id="banquet">
<div class="container">
<h2 class="title">Luxury Banquet Hall</h2>
<p class="subtitle">
Perfect Venue for Wedding, Reception, Engagement, Birthday & Corporate Events
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;">
<div><img src="Images/banquet1.jpg" style="width:100%;height:260px;object-fit:cover;border-radius:15px;"></div>
<div><img src="Images/banquet2.jpg" style="width:100%;height:260px;object-fit:cover;border-radius:15px;"></div>
<div><img src="Images/banquet3.jpg" style="width:100%;height:260px;object-fit:cover;border-radius:15px;"></div>
<div><img src="Images/banquet4.jpg" style="width:100%;height:260px;object-fit:cover;border-radius:15px;"></div>
</div>
<div style="margin-top:40px;text-align:center;">
<h3 style="color:#0B4F8A;font-size:30px;">
Celebrate Your Special Day With Us
</h3>
<p style="font-size:19px;line-height:34px;margin-top:20px;">
Elegant Decoration • Spacious Hall • Air Conditioned • Wedding Stage • Catering Support
</p>
<a href="tel:90406483616" class="btn call">
Book Banquet Hall
</a>
</div>
</div>
</section>
<!-- HOTEL GALLERY -->
<section class="section" id="gallery" style="background:#eef5fb;">
<div class="container">
<h2 class="title">Hotel Gallery</h2>
<p class="subtitle">
Take a look inside Hotel Nikunj
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;">
<img src="Images/reception.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
<img src="Images/lobby.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
<img src="Images/corridor1.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
<img src="Images/corridor2.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
<img src="Images/bathroom.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
<img src="Images/front.jpg" style="width:100%;height:220px;object-fit:cover;border-radius:15px;">
</div>
</div>
</section>
<!-- WHY CHOOSE US -->
<section class="section">
<div class="container">
<h2 class="title">
Why Choose Hotel Nikunj?
</h2>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;">
<div style="background:white;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12);">
<h3>🛏 Premium AC Rooms</h3>
<p style="margin-top:15px;">Clean, spacious and comfortable rooms for business & family travellers.</p>
</div>
<div style="background:white;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12);">
<h3>💒 Wedding Venue</h3>
<p style="margin-top:15px;">Luxury banquet hall for marriage, reception and parties.</p>
</div>
<div style="background:white;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12);">
<h3>📍 Prime Location</h3>
<p style="margin-top:15px;">Conveniently located in Madhubani for business and leisure guests.</p>
</div>
<div style="background:white;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12);">
<h3>👨👩👧 Family Friendly</h3>
<p style="margin-top:15px;">Safe, hygienic and welcoming atmosphere for all guests.</p>
</div>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="section" id="contact" style="background:#003366;color:white;">
<div class="container" style="text-align:center;">
<h2 style="font-size:42px;">
Book Your Stay Today
</h2>
<p style="margin-top:20px;font-size:22px;">
Call us now for instant booking and best available price.
</p>
<a href="tel:90406483616"
class="btn call"
style="margin-top:30px;">
📞 Call 90406483616
</a>
<a href="https://wa.me/9190406483616"
class="btn whatsapp"
style="margin-top:30px;">
💬 WhatsApp
</a>
<br><br>
<a href="https://www.google.com/maps?cid=17339432260652850999"
style="color:white;font-size:20px;text-decoration:none;">
📍 View on Google Maps
</a>
</div>
</section>
<footer style="background:#001f3f;color:white;padding:25px;text-align:center;">
<h3>Hotel Nikunj</h3>
<p>Madhubani, Bihar</p>
<p>📞 90406483616</p>
<p style="margin-top:15px;">
© 2026 Hotel Nikunj. All Rights Reserved.
</p>
</footer>
<div style="position:fixed;bottom:0;left:0;width:100%;display:flex;z-index:9999;">
<a href="tel:90406483616"
style="flex:1;background:#d62828;color:white;text-align:center;padding:18px;font-size:20px;text-decoration:none;font-weight:bold;">
📞 CALL NOW
</a>
<a href="https://wa.me/9190406483616"
style="flex:1;background:#25D366;color:white;text-align:center;padding:18px;font-size:20px;text-decoration:none;font-weight:bold;">
💬 WHATSAPP
</a>
</div>
</body>
</html>
<!-- ================= TESTIMONIALS ================= -->
<section class="section" style="background:#f8fbff;">
<div class="container">
<h2 class="title">What Our Guests Say</h2>
<p class="subtitle">
Guests appreciate our clean rooms, friendly staff and comfortable stay.
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;">
<div style="background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.12);">
⭐⭐⭐⭐⭐
<p style="margin-top:15px;">
Very clean rooms and polite staff. Excellent experience in Madhubani.
</p>
<b>- Business Traveller</b>
</div>
<div style="background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.12);">
⭐⭐⭐⭐⭐
<p style="margin-top:15px;">
Beautiful banquet hall and comfortable rooms. Highly recommended.
</p>
<b>- Family Guest</b>
</div>
<div style="background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.12);">
⭐⭐⭐⭐⭐
<p style="margin-top:15px;">
Perfect hotel for weddings and business visits.
</p>
<b>- Happy Customer</b>
</div>
</div>
</div>
</section>
<!-- ================= FAQ ================= -->
<section class="section">
<div class="container">
<h2 class="title">
Frequently Asked Questions
</h2>
<div style="max-width:900px;margin:auto;line-height:34px;font-size:18px;">
<h3>Do you have AC Rooms?</h3>
<p>Yes. We offer both Standard AC and Deluxe AC Rooms.</p>
<br>
<h3>Do you have a Banquet Hall?</h3>
<p>Yes. We provide banquet facilities for weddings, receptions, birthdays and corporate events.</p>
<br>
<h3>Is parking available?</h3>
<p>Yes, parking is available for our guests.</p>
<br>
<h3>How can I book a room?</h3>
<p>You can call us directly or book through WhatsApp.</p>
</div>
</div>
</section>
<!-- ================= FINAL CTA ================= -->
<section style="background:linear-gradient(135deg,#003366,#0055aa);padding:70px 20px;color:white;text-align:center;">
<h2 style="font-size:42px;">
Ready to Book Your Stay?
</h2>
<p style="font-size:22px;margin-top:20px;">
Call us now for the best available room and direct booking price.
</p>
<a href="tel:90406483616"
class="btn call"
style="margin-top:25px;">
📞 Call Now
</a>
<a href="https://wa.me/9190406483616"
class="btn whatsapp"
style="margin-top:25px;">
💬 WhatsApp
</a>
</section>
<script>
window.addEventListener("scroll",function(){
let header=document.querySelector("header");
if(window.scrollY>50){
header.style.background="#003366";
header.style.color="white";
}
else{
header.style.background="white";
header.style.color="black";
}
});
</script>
</body>
</html>
<!-- ===================== OUR FACILITIES ===================== -->
<section class="section" style="background:#ffffff;">
<div class="container">
<h2 class="title">Hotel Facilities</h2>
<p class="subtitle">
Everything you need for a comfortable stay.
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;">
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>🛏</h1>
<h3>Luxury Rooms</h3>
<p>Comfortable Deluxe & Standard AC Rooms</p>
</div>
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>📶</h1>
<h3>Free Wi-Fi</h3>
<p>High-speed internet for guests.</p>
</div>
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>🚗</h1>
<h3>Parking</h3>
<p>Safe parking facility.</p>
</div>
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>🛗</h1>
<h3>Lift</h3>
<p>Convenient lift access.</p>
</div>
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>❄</h1>
<h3>Air Conditioned</h3>
<p>Cool & Comfortable Stay.</p>
</div>
<div style="text-align:center;padding:25px;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);">
<h1>👨👩👧</h1>
<h3>Family Friendly</h3>
<p>Perfect for Family & Business Guests.</p>
</div>
</div>
</div>
</section>
<!-- ===================== LOCATION ===================== -->
<section class="section">
<div class="container">
<h2 class="title">
Easy to Reach
</h2>
<p class="subtitle">
Conveniently Located in Madhubani
</p>
<div style="background:white;padding:35px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.12);text-align:center;">
<h3>📍 Hotel Nikunj</h3>
<p style="font-size:18px;line-height:32px;">
Near Tilak Chowk, Madhubani, Bihar
</p>
<a href="https://www.google.com/maps?cid=17339432260652850999"
class="btn call">
Open in Google Maps
</a>
</div>
</div>
</section>
<!-- ===================== LIMITED OFFER ===================== -->
<section style="background:#FFD54F;padding:70px 20px;text-align:center;">
<h2 style="font-size:42px;color:#222;">
🔥 Book Direct & Save More
</h2>
<p style="font-size:22px;margin-top:20px;">
Call us directly to get the best available room rates.
</p>
<a href="tel:90406483616"
class="btn call"
style="margin-top:25px;">
📞 Call Now
</a>
</section>
<script>
const cards=document.querySelectorAll(".card");
cards.forEach(card=>{
card.onmouseover=()=>{
card.style.transform="translateY(-8px)";
card.style.transition=".3s";
};
card.onmouseout=()=>{
card.style.transform="translateY(0px)";
};
});
</script>
<!-- ================= LOADING SCREEN ================= -->
<div id="loader">
<h1>Hotel Nikunj</h1>
<p>Loading...</p>
</div>
<style>
#loader{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:white;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
z-index:999999;
transition:.6s;
}
#loader h1{
color:#003366;
font-size:45px;
}
#loader p{
margin-top:15px;
font-size:20px;
color:#777;
}
.gallery img{
transition:.35s;
cursor:pointer;
}
.gallery img:hover{
transform:scale(1.05);
box-shadow:0 15px 35px rgba(0,0,0,.25);
}
.card{
transition:.35s;
}
.card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.20);
}
#topBtn{
display:none;
position:fixed;
right:20px;
bottom:85px;
width:55px;
height:55px;
border-radius:50%;
background:#003366;
color:white;
font-size:28px;
text-align:center;
line-height:55px;
text-decoration:none;
z-index:99999;
box-shadow:0 10px 25px rgba(0,0,0,.3);
}
.offerBox{
background:#fff8dc;
padding:25px;
border-left:6px solid #ff9800;
margin:40px auto;
max-width:900px;
border-radius:10px;
}
.countdown{
font-size:30px;
font-weight:bold;
color:red;
}
</style>
<div class="offerBox">
<h2>🔥 Limited Time Direct Booking Offer</h2>
<p>
Book directly by phone or WhatsApp and enjoy the best available room rates.
</p>
<p class="countdown">
Offer Ends Soon
</p>
</div>
<a href="#" id="topBtn">
↑
</a>
<script>
window.onload=function(){
document.getElementById("loader").style.display="none";
};
window.onscroll=function(){
if(document.documentElement.scrollTop>300){
document.getElementById("topBtn").style.display="block";
}
else{
document.getElementById("topBtn").style.display="none";
}
};
let gallery=document.querySelectorAll(".gallery img");
gallery.forEach(function(img){
img.onclick=function(){
window.open(this.src,"_blank");
}
});
</script>