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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Ansonika">
    <title>Deluxe Room - Gypsie Cottage</title>
    
    <!-- Favicons-->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

    <!-- GOOGLE WEB FONT-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- BASE CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
	  <link href="css/vendors.min.css" rel="stylesheet">

    <!-- YOUR CUSTOM CSS -->
    <link href="css/custom.css" rel="stylesheet">
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>

<body> 

    <?php include 'include/header.php';?>
    
    <main>
      <div class="hero full-height jarallax" data-jarallax data-speed="0.2">
            <img class="jarallax-img kenburns" src="img/hero-1.jpg" alt="">
            <div class="wrapper opacity-mask d-flex align-items-center  text-center animate_hero" data-opacity-mask="rgba(0, 0, 0, 0.5)">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <small class="slide-animated one">Gypsie Cottage</small>
                            <h1 class="slide-animated two">Deluxe Room</h1>
                        </div>
                    </div>
                </div>
                <div class="mouse_wp slide-animated four">
                    <a href="#first_section" class="btn_explore">
                        <div class="mouse"></div>
                    </a>
                </div>
                <!-- / mouse -->
            </div>
        </div>
        <!-- /Background Img Parallax -->
        <div class="bg_white" id="first_section">
            <div class="container margin_120_95">
                <div class="row ">
                    <div class="col-lg-5">
                        <div class="title">
                            <small>Our Room</small>
                            <h2>Deluxe Room</h2>
                        </div>
                        <p>The Deluxe Room at Gypsie Cottage is thoughtfully designed to provide a perfect blend of comfort and elegance, featuring spacious interiors, cozy bedding, and tasteful furnishings that create a warm and relaxing atmosphere. Large windows allow natural light to flow in while offering soothing views of the surrounding greenery, making your stay refreshing and peaceful. Equipped with modern amenities for convenience and comfort, the room is ideal for couples, families, or solo travelers looking to unwind in a calm hill-station setting.</p>
                    </div>
                    <div class="col-lg-7">
                        <div class="room_facilities_list">
                            <ul data-cues="slideInLeft">
    <li><i class="fa-solid fa-bed"></i> King-size bed with premium mattress & linens</li>
    
    <li><i class="fa-solid fa-bath"></i> Attached private bathroom with hot & cold water</li>
    
    <li><i class="fa-solid fa-soap"></i> Complimentary toiletries & fresh towels</li>
    
    <li><i class="fa-solid fa-tv"></i> Flat-screen TV with cable / satellite channels</li>
    
    <li><i class="fa-solid fa-wifi"></i> Free Wi-Fi internet access</li>
    
    <li><i class="fa-solid fa-box-open"></i> Wardrobe & dressing area</li>
    
    <li><i class="fa-solid fa-mug-hot"></i> Tea / Coffee maker or kettle</li>
    
    <li><i class="fa-solid fa-broom"></i> Daily housekeeping service</li>
    
    <li><i class="fa-solid fa-bolt"></i> 24-hour water supply & power backup</li>
    
    <li><i class="fa-solid fa-utensils"></i> In-room dining (if available)</li>
    
    <li><i class="fa-solid fa-car"></i> Free parking access</li>
    
    <li><i class="fa-solid fa-shirt"></i> Laundry service (on request)</li>
</ul>


                        </div>
                    </div>
                </div>
                <!-- /row -->
            </div>
            <!-- /container -->
        </div>
        <!-- /bg_white -->

        <div class="bg_white add_bottom_60">
            <div class="container-fluid p-lg-0">
    <div data-cues="zoomIn">
        <div class="owl-carousel owl-theme carousel_item_centered kenburns rounded-img">
            <div class="item">
                <img src="img/rooms/room1.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide1.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide2.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide3.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide4.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide5.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide6.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide7.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide8.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide9.jpg" alt="">
            </div>
            <div class="item">
                <img src="img/rooms/deluxe-slide10.jpg" alt="">
            </div>
        </div>
    </div>

    <div class="text-center mt-5">
        <a class="btn_1 outline" data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide1.jpg">FullScreen Gallery</a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide2.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide3.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide4.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide5.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide6.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide7.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide8.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide9.jpg"></a>
        <a data-fslightbox="gallery_1" data-type="image" href="img/rooms/deluxe-slide10.jpg"></a>
    </div>
</div>

        </div>
        <!-- /bg_white -->
  </main>

  <?php include 'include/footer.php';?>

  

<!-- COMMON SCRIPTS -->
<script src="js/common_scripts.js"></script>
<script src="js/common_functions.js"></script>
<script src="phpmailer/validate.js"></script>

</body>
</html>