<!DOCTYPE html>
<html lang="en">


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>Spandan Holiday Homes</title>

<!-- Fav Icon -->
<link rel="icon" href="assets/spimg/spandhan-logo.png" type="image/x-icon">

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Carattere&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&amp;display=swap" rel="stylesheet">

<!-- Stylesheets -->
<link href="assets/css/font-awesome-all.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link href="assets/css/owl.css" rel="stylesheet">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/nice-select.css" rel="stylesheet">
<link href="assets/css/timePicker.css" rel="stylesheet">
<link href="assets/css/jquery-ui.css" rel="stylesheet">
<link href="assets/css/color.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/responsive.css" rel="stylesheet">

</head>


<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">


        <!-- preloader -->
        <div class="loader-wrap">
            <div class="preloader">
                <div class="preloader-close">x</div>
                <div id="handle-preloader" class="handle-preloader">
                    <div class="animation-preloader">
                        <div class="spinner"></div>
                        <div class="txt-loading">
                            <span data-text-preloader="S" class="letters-loading">
                                S
                            </span>
                            <span data-text-preloader="P" class="letters-loading">
                                P
                            </span>
                            <span data-text-preloader="N" class="letters-loading">
                                N
                            </span>
                            <span data-text-preloader="D" class="letters-loading">
                                D
                            </span>
                            <span data-text-preloader="A" class="letters-loading">
                                A
                            </span>
                            <span data-text-preloader="N" class="letters-loading">
                                N
                            </span>
                            
                            &nbsp;
                               &nbsp;
                               <span data-text-preloader="H" class="letters-loading">
                                H
                            </span>
                            <span data-text-preloader="O" class="letters-loading">
                                O
                            </span>
                            <span data-text-preloader="L" class="letters-loading">
                                L
                            </span>
                            <span data-text-preloader="I" class="letters-loading">
                               I
                            </span>
                            <span data-text-preloader="D" class="letters-loading">
                                D
                            </span>
                            <span data-text-preloader="A" class="letters-loading">
                                A
                            </span>
                            <span data-text-preloader="Y" class="letters-loading">
                                Y
                            </span>
                            <br>
                              <span data-text-preloader="H" class="letters-loading">
                               H
                            </span>
                            <span data-text-preloader="O" class="letters-loading">
                                O
                            </span>
                            <span data-text-preloader="M" class="letters-loading">
                                M
                            </span>
                            <span data-text-preloader="E" class="letters-loading">
                                E
                            </span>
                        </div>
                    </div>  
                </div>
            </div>
        </div>
        <!-- preloader end -->


        <!--Search Popup-->
        <div id="search-popup" class="search-popup">
            <div class="popup-inner">
                <div class="upper-box clearfix">
                    <figure class="logo-box pull-left"><a href="index.php"><img src="assets/spimg/spandhan-logo.png" alt=""></a></figure>
                    <div class="close-search pull-right"><i class="fa-solid fa-xmark"></i></div>
                </div>
                <div class="overlay-layer"></div>
                <div class="auto-container">
                    <div class="search-form">
                        <form method="post" action="https://st.ourhtmldemo.com/new/Grandeur/index.html">
                            <div class="form-group">
                                <fieldset>
                                    <input type="search" class="form-control" name="search-input" value="" placeholder="Type your keyword and hit" required >
                                    <button type="submit"><i class="flaticon-magnifying-glass"></i></button>
                                </fieldset>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


        <!-- main header -->
        <header class="main-header header-style-one">
            <!-- header-top -->
            <div class="header-top">
                <div class="outer-container">
                    <div class="top-inner">
                        <!--<div class="top-left">-->
                        <!--    <ul class="info-list clearfix"> -->
                        <!--        <li><i class="flaticon-cloudy"></i><p><span>-0°C</span><span>28.5°F</span></p></li>-->
                        <!--        <li><i class="flaticon-image"></i><p>360° Hotel View</p></li>-->
                        <!--    </ul>-->
                        <!--</div>-->
                        <div class="text">
                            <p>Welcome to Spandan Holiday Homes </p>
                        </div>
                        <div class="top-right">
                            <ul class="social-links clearfix"> 
                                <li><i class="flaticon-share"></i></li>
                                <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
                                <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                <li><a href="#"><span class="fab fa-youtube"></span></a></li> 
                            </ul>
                            <!--<ul class="option-list clearfix">-->
                            <!--    <li><i class="flaticon-block-user"></i></li>-->
                            <!--    <li><a href="index-2.html">Login</a></li>-->
                            <!--    <li><a href="index-2.html">Register</a></li>-->
                            <!--</ul>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-container">
                    <div class="outer-box">
                        <div class="main-box">
                            <div class="logo-box">
                                <figure class="logo"><a href="index.php"><img src="assets/spimg/spandhan-logo.png" alt=""></a></figure>
                            </div>
                            <div class="menu-area clearfix">
                                <!--Mobile Navigation Toggler-->
                                <div class="mobile-nav-toggler">
                                    <i class="icon-bar"></i>
                                    <i class="icon-bar"></i>
                                    <i class="icon-bar"></i>
                                </div>
                                <!--<nav class="main-menu navbar-expand-md navbar-light">-->
                                <!--    <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">-->
                                <!--        <ul class="navigation clearfix">-->
                                <!--            <li class="current dropdown"><a href="index-2.html">Home</a>-->
                                <!--                <ul>-->
                                <!--                    <li><a href="index-2.html">Home Page 01</a></li>-->
                                <!--                    <li><a href="index-3.html">Home Page 02</a></li>-->
                                <!--                    <li><a href="index-4.html">Home Page 03</a></li>-->
                                <!--                </ul>-->
                                <!--            </li>  -->
                                <!--            <li class="dropdown"><a href="index-2.html">About</a>-->
                                <!--                <ul>-->
                                <!--                    <li><a href="about.html">About Hotel</a></li>-->
                                <!--                    <li><a href="team.html">Our Team</a></li>-->
                                <!--                    <li><a href="faq.html">Faq’s</a></li>-->
                                <!--                    <li><a href="error.html">404</a></li>-->
                                <!--                </ul>-->
                                <!--            </li>-->
                                <!--            <li class="dropdown"><a href="index-2.html">Pages</a>-->
                                <!--                <ul>-->
                                <!--                    <li class="dropdown"><a href="index-2.html">Gallery</a>-->
                                <!--                        <ul>-->
                                <!--                            <li><a href="gallery.html">Grid View</a></li>-->
                                <!--                            <li><a href="gallery-2.html">Masonry View</a></li>-->
                                <!--                            <li><a href="gallery-3.html">Wide View</a></li>-->
                                <!--                        </ul>-->
                                <!--                    </li>-->
                                <!--                    <li><a href="offer-packages.html">Offers & Packages</a></li>-->
                                <!--                    <li class="dropdown"><a href="index-2.html">Blog</a>-->
                                <!--                        <ul>-->
                                <!--                            <li><a href="blog.html">Grid View Classic</a></li>-->
                                <!--                            <li><a href="blog-2.html">Grid View Modern</a></li>-->
                                <!--                            <li><a href="blog-3.html">List View Classic</a></li>-->
                                <!--                            <li><a href="blog-4.html">List View Modern</a></li>-->
                                <!--                            <li><a href="blog-details.html">Single Post</a></li>-->
                                <!--                        </ul>-->
                                <!--                    </li>-->
                                <!--                </ul>-->
                                <!--            </li>-->
                                <!--            <li class="dropdown"><a href="index-2.html">Rooms & Suites</a>-->
                                <!--                <ul>-->
                                <!--                    <li><a href="rooms.html">Rooms Style 01</a></li>-->
                                <!--                    <li><a href="rooms-2.html">Rooms Style 02</a></li>-->
                                <!--                    <li><a href="rooms-3.html">Rooms Style 03</a></li>-->
                                <!--                    <li><a href="rooms-details.html">Single Room</a></li>-->
                                <!--                </ul>-->
                                <!--            </li> -->
                                <!--            <li class="dropdown"><a href="index-2.html">Restaurant</a>-->
                                <!--                <ul>-->
                                <!--                    <li><a href="restaurant.html">Restaurant</a></li>-->
                                <!--                    <li><a href="breakfast.html">Breakfast</a></li>-->
                                <!--                    <li><a href="lunch.html">Lunch</a></li>-->
                                <!--                    <li><a href="dinner.html">Dinner</a></li>-->
                                <!--                    <li><a href="starters.html">Starters</a></li>-->
                                <!--                    <li><a href="beverages.html">Beverages</a></li>-->
                                <!--                </ul>-->
                                <!--            </li> -->
                                <!--            <li class="dropdown"><a href="index-2.html">Experience</a>-->
                                <!--                <ul>-->
                                <!--                    <li><a href="overview.html">Overview</a></li>-->
                                <!--                    <li><a href="experience-details.html">Detail Page</a></li>-->
                                <!--                    <li><a href="experience-event.html">Meeting & Event</a></li>-->
                                <!--                </ul>-->
                                <!--            </li>  -->
                                <!--            <li><a href="contact.html">Contact</a></li>-->
                                <!--        </ul>-->
                                <!--    </div>-->
                                <!--</nav>-->
                            </div>
                        </div>
                        <div class="menu-right-content">
                            <!--<div class="search-box-outer search-toggler">-->
                            <!--    <div class="icon-box"><i class="flaticon-search"></i></div><span>Search</span>-->
                            <!--</div>-->
                            <!--<div class="language-box">-->
                            <!--    <div class="icon-box"><i class="flaticon-world"></i></div><span>Eng</span>-->
                            <!--    <ul class="language-dropdown">-->
                            <!--        <li><button>Eng (USA)</button></li>-->
                            <!--        <li><button>Eng (UK)</button></li>-->
                            <!--        <li><button>Chiness</button></li>-->
                            <!--        <li><button>Russian</button></li>-->
                            <!--    </ul>-->
                            <!--</div>-->
                            <div class="button-box">
                                <a href="index-2.html" class="theme-btn btn-one">Book Your Stay</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--sticky Header-->
            <div class="sticky-header">
                <div class="outer-container">
                    <div class="outer-box">
                        <div class="main-box">
                            <!--<div class="nav-btn nav-toggler navSidebar-button clearfix"><i class="flaticon-house"></i>Menu</div>-->
                            <div class="logo-box">
                                <figure class="logo"><a href="index.php"><img src="assets/spimg/spandhan-logo.png" alt=""></a></figure>
                            </div>
                            <div class="menu-area clearfix">
                                <nav class="main-menu clearfix">
                                    <!--Keep This Empty / Menu will come through Javascript-->
                                </nav>
                            </div>
                        </div>
                        <div class="menu-right-content">
                            <!--<div class="search-box-outer search-toggler">-->
                            <!--    <div class="icon-box"><i class="flaticon-search"></i></div><span>Search</span>-->
                            <!--</div>-->
                            <!--<div class="language-box">-->
                            <!--    <div class="icon-box"><i class="flaticon-world"></i></div><span>Eng</span>-->
                            <!--    <ul class="language-dropdown">-->
                            <!--        <li><button>Eng (USA)</button></li>-->
                            <!--        <li><button>Eng (UK)</button></li>-->
                            <!--        <li><button>Chiness</button></li>-->
                            <!--        <li><button>Russian</button></li>-->
                            <!--    </ul>-->
                            <!--</div>-->
                            <div class="button-box">
                                <a href="index-2.html" class="theme-btn btn-one">Book Your Stay</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="index-2.html"><img src="assets/spimg/spandhan-logo.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="tel:+8801682648101">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="index-2.html"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="index-2.html"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="index-2.html"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="index-2.html"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="index-2.html"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->