<header class="p-0">
    <nav class="navbar navbar-expand-lg  px-1 py-0">
        <div class="container-fluid  p-0">
            <a class="navbar-brand" href="index.php">
                <!-- <img  class="logo  p-1 " src="" alt="Logo"> -->
                <img class="logo  p-0" src="./asset/images/logo-022352.png" alt="Logo">

            </a>

            <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="offcanvas offcanvas-end w-50 " tabindex="-1" id="navbarSupportedContent">
                <div class="offcanvas-body">
                    <ul class="navbar-nav  ms-auto gap-4 px-3 my-auto">
                        <li class="nav-item ">
                            <a class="nav-link fw-bold " href="index">Home</a>
                        </li>
                        <li class="nav-item   ">
                            <a class="nav-link fw-bold" href="about">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link fw-bold" href="rooms">Rooms</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link fw-bold" href="facilities">Facilities</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link fw-bold" href="gallery">Gallery</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link btn btn-sm fw-bold" href="contact">Contact us</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link fw-bold btn btn-sm fw-bold" target="_blank" rel="noopener noreferrer" href="https://www.google.com/maps/dir//No:+16,+Anna+St,+Sholinganallur,+Chennai,+Tamil+Nadu+600119/@13.0842624,80.1734656,14z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3a525d7328fb5d87:0x6720c1dcf3cb657b!2m2!1d80.2305344!2d12.9041456?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D"> <i class="bi bi-geo-alt-fill "></i>
                                Get direction</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>