Ele57885fddfgdfgfghgقفغفغفقhfg555434536

kohjhjhصثقصثقصثقgdfgdg Ele57885fddfgdfgfghgقفغفغفقhfg555434536

<div class="top_menu">
            <div class="container">
                <div class="welcome_mssg hidden-xs">
                    Welcome to Hotel Rest
                </div>
                <ul class="top_menu_right">
                    <li><i class="fa fa-phone"></i><a href="tel:+919998868699">99988 68699 </a></li>
                    
                   
                </ul>
            </div>
        </div>

<!-- 
    <header class="fixed">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle mobile_menu_btn" data-toggle="collapse" data-target=".mobile_menu" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img src="images/logo.png" style="margin-top: -26px;" height="80" alt="Logo">
                    </a>
                </div>
                <nav id="main_menu" class="mobile_menu navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="mobile_menu_title" style="display:none;">MENU</li>
                        <li class="dropdown simple_menu">
                            <a href="index.php"   >HOME <b class="caret"></b></a>
                           
                        </li>
                           <li  ><a href="about.php">About Us</a></li>

<li class="dropdown mega_menu mega_menu_fullwidth"><a href="service.php"   >Services <b class="caret"></b></a>
                           
                        </li>
                                                  <li  ><a href="gallery.php">Gallery</a></li>

<li><a href="blog.php">BLOG</a></li>
                          <li class="active"><a href="contact.php">CONTACT US</a></li>
                        <li class="menu_button">
                            <a href="contact.php" class="button  btn_yellow"><i class="fa fa-calendar"></i>BOOK ONLINE</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </header> -->

<!--    <header class="fixed  ">
            <div class="container">
                <div class="navbar-header">
                   <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main_menu">
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>

<ul class="nav navbar-nav">
                        <li class="mobile_menu_title" style="display:none;">MENU</li>
                        <li class="dropdown simple_menu">
                            <a href="index.php"   >HOME  </a>
                           
                        </li>
                           <li  ><a href="about.php">About Us</a></li>

/* Mobile: hide menu until toggled open */
@media (max-width: 767px) {
    #main_menu {
        display: none;
    }

#main_menu.mobile_menu_open {
        display: block;
    }
}
#main_menu.mobile_menu_open {
    display: block;
}

/* Close button */
.mobile_close button {
    font-size: 28px;
    color: #333;
    background: none;
    border: none;
    cursor: pointer;
}
.mobile_close button:hover {
    color: #f00;
}
</style>

<header class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            
            <button type="button" class="navbar-toggle collapsed" id="menuToggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

<a class="navbar-brand" href="index.php">
                <img src="images/logo.png" alt="Logo" height="74" style="margin-top:-24px;">
            </a>
        </div>

<nav id="main_menu" class="mobile_menu navbar-collapse">
            <div class="mobile_close visible-xs text-right" style="padding: 10px 15px;">
                <button id="menuClose">&times;</button>
            </div>

<ul class="nav navbar-nav">
                <li class="mobile_menu_title" style="display:none;">MENU</li>
                <li><a href="index.php">HOME</a></li>
                <li><a href="about.php">About Us</a></li> 
                <li><a href="room.php">ROOMS</a></li> 
                <li class="mega_menu mega_menu_fullwidth"><a href="facilities.php">Services</a></li>
                <li><a href="gallery.php">Gallery</a></li>
                <li><a href="blog.php">SPECIAL OFFERS</a></li>
                <li><a href="contact.php">CONTACT US</a></li>
                <li class="menu_button hidden-xs">
                    <a href="contact.php" style="color: #ffffff;" class="button btn_yellow"><i class="fa fa-calendar"></i> BOOK ONLINE</a>
                </li>
                <li  id="bookOnlineMobile"  class="visible-xs text-center" style="padding: 10px;">
                    <a href="contact.php" style="color: #ffffff;" class="btn btn-warning btn-block"><i class="fa fa-calendar"></i> BOOK ONLINE</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

<script>
document.addEventListener("DOMContentLoaded", function () {
    var menuToggle = document.getElementById("menuToggle");
    var menuClose = document.getElementById("menuClose");
    var menu = document.getElementById("main_menu");

// Toggle open/close menu
    if (menuToggle) {
        menuToggle.addEventListener("click", function () {
            menu.classList.toggle("mobile_menu_open");
        });
    }

if (menuClose) {
        menuClose.addEventListener("click", function () {
            menu.classList.remove("mobile_menu_open");
        });
    }

// Active class logic
    var currentPage = window.location.pathname.split("/").pop();  // Get current page
    var navLinks = document.querySelectorAll('#main_menu a');  // Select all nav links

navLinks.forEach(function (link) {
        var href = link.getAttribute('href');
 
        // Skip the "BOOK ONLINE" menu item with ID "bookOnlineMobile"
 
        // Add 'active' class if the link's href matches the current page
        if (href === currentPage || (href === 'index.php' && currentPage === '')) {
            if (parentLi) parentLi.classList.add('active');
        }
    });
});

var bookOnlineMobile = document.getElementById("bookOnlineMobile");
if (bookOnlineMobile) {
    bookOnlineMobile.classList.remove("active");
}
</script>