
<!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>About Us - 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" />
	
</head>

<body> 

    <?php include 'include/header.php';?>
    
    <main>
      <div class="hero small-height jarallax" data-jarallax data-speed="0.2">
          <img class="jarallax-img" src="img/hero-1.jpg" alt="">
          <div class="wrapper opacity-mask d-flex align-items-center justify-content-center text-center animate_hero" data-opacity-mask="rgba(0, 0, 0, 0.5)">
              <div class="container">
                  <small class="slide-animated one">Gypsie Cottage</small>
                  <h1 class="slide-animated two">About Gypsie Cottage</h1>
              </div>
          </div>
      </div>
      <!-- /Background Img Parallax -->

      <div class="container margin_120_95">
          <div class="row justify-content-between align-items-center">
              <div class="col-lg-5">
                  <div class="parallax_wrapper inverted">
                      <img src="img/home_11.jpg" alt="" class="img-fluid rounded-img">
                      <div data-cue="slideInUp" class="img_over"><span data-jarallax-element="-30"><img src="img/home_12.jpg" alt="" class="rounded-img"></span></div>
                  </div>
              </div>
              <div class="col-lg-5">
                  <div class="intro">
                      <div class="title">
                          <small>Gypsie Cottage</small>
                          <h2>Your Peaceful Retreat Amidst the Nilgiri Hills</h2>
                      </div>
                      <p class="lead">Gypsie Cottage is a charming getaway located in the serene village of Nanjanad, Udhagamandalam, offering guests a perfect blend of comfort, privacy, and natural beauty. Surrounded by lush greenery, rolling hills, and crisp mountain air, the cottage provides a tranquil escape from the hustle of city life. Each corner of Gypsie Cottage is designed to create a cozy and welcoming atmosphere, making it ideal for couples, families, and solo travelers who wish to unwind and reconnect with nature. The scenic surroundings, combined with warm hospitality, make every stay here refreshing and memorable.</p>
                      <p class="lead">The cottage features tastefully furnished rooms with modern amenities, ensuring a comfortable and relaxing experience for all guests. From peaceful garden walks to breathtaking views of the Nilgiri landscapes, every moment spent at Gypsie Cottage is soothing and rejuvenating. Guests can also enjoy nearby attractions such as Emerald Lake, Doddabetta Peak, and local tea estates, making it a convenient base for exploring the beauty of Ooty. With its serene environment, personalized service, and charming ambiance, Gypsie Cottage truly offers a delightful retreat in the heart of the Nilgiris.</p>
                  </div>
              </div>
          </div>
          <!-- /Row -->
      </div>
      <!-- /container -->

        <div class="container margin_120_95">
    <div class="title text-center mb-5">
        <small data-cue="slideInUp">Gypsie Cottage</small>
        <h2 data-cue="slideInUp" data-delay="100">Our Facilities</h2>
    </div>

    <div class="row mt-4">
    <div class="col-xl-3 col-md-6">
        <div class="box_facilities no-border" data-cue="slideInUp">
            <i class="fa-solid fa-bed fa-2x"></i>
            <h3>King-size Bed</h3>
            <p>Premium mattress & linens for a comfortable and restful sleep.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-bath fa-2x"></i>
            <h3>Attached Bathroom</h3>
            <p>Private bathroom with hot & cold water for your convenience.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-soap fa-2x"></i>
            <h3>Toiletries</h3>
            <p>Complimentary toiletries & fresh towels provided for every stay.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-tv fa-2x"></i>
            <h3>Flat-screen TV</h3>
            <p>Enjoy cable/satellite channels in the comfort of your room.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-wifi fa-2x"></i>
            <h3>Free Wi-Fi</h3>
            <p>Stay connected with high-speed internet throughout your stay.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-box-open fa-2x"></i>
            <h3>Wardrobe & Dressing</h3>
            <p>Spacious area to organize your clothes and essentials comfortably.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-mug-hot fa-2x"></i>
            <h3>Tea/Coffee Maker</h3>
            <p>Prepare your favorite beverages anytime with the in-room kettle.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-broom fa-2x"></i>
            <h3>Housekeeping</h3>
            <p>Daily housekeeping service to keep your room neat and tidy.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-bolt fa-2x"></i>
            <h3>24-hour Water & Power</h3>
            <p>Continuous water supply and power backup for your comfort.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-utensils fa-2x"></i>
            <h3>In-room Dining</h3>
            <p>Enjoy meals served in your room (if available).</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-car fa-2x"></i>
            <h3>Free Parking</h3>
            <p>Secure parking facility available at no extra cost.</p>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="box_facilities" data-cue="slideInUp">
            <i class="fa-solid fa-shirt fa-2x"></i>
            <h3>Laundry Service</h3>
            <p>Laundry service available on request for your convenience.</p>
        </div>
    </div>
</div>

    <!-- /Row -->
</div>
<!-- /container -->



  </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>