File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/themountainbreeze.in/index.php
Back
<!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, maximum-scale=1" /> <title>Mountain Breeze Homestay, Luxury Homestay in Neral For Family</title> <meta name="description" content="Mountain Breeze Homestay offers a refreshing retreat for those seeking tranquillity, comfort, and authentic. Book best homestay in Neral. "/> <meta name="keywords" content="Homestay in Neral,homestay in Neral for family,luxury homestay in Neral,Couple friendly stays in Neral,Homestay with balcony view in Neral" /> <meta name="author" content="Homestay in Neral" /> <link rel="canonical" href="https://www.themountainbreeze.in"/> <meta name="geo.region" content="Mountain Breeze Homestay, Neral, Karjat"> <meta name="geo.placename" content="Maharashtra"/> <meta name="city" content="Neral"> <meta name="state" content="Neral"> <meta name="country" CONTENT="India" /> <meta name="author" content="Mountain Breeze Homestay"> <meta name="googlebot" content="index, follow" /> <meta name="yahooSeeker" content="index, follow" /> <meta name="msnbot" content="index, follow" /> <meta name="robots" content="index, follow" /> <meta name="robots" content="noodp, noydir" /> <meta name="revisit-after" content="2 Days"/> <meta name="distribution" content="Global"/> <meta name="rating" content="General"> <meta name="doc-type" content="Public"/> <meta name="audience" content="all"/> <meta name="language" content="en-US"/> <meta name="subject" content="Mountain Breeze Homestay"/> <meta name="google-site-verification" content="Thzsknmk5f4UHha_i0l-YmXhguBfsCvZ6YV19Hn9URQ" /> <meta name="copyright" content="https://www.themountainbreeze.in"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GLR16TM6H9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GLR16TM6H9'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17218886777"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-17218886777'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17218886777"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-17218886777'); </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebSite", "name": "The Mountain Breeze", "url": "https://www.themountainbreeze.in/", "potentialAction": { "@type": "SearchAction", "target": "{search_term_string}", "query-input": "required name=search_term_string" } } </script> <!-- Open Graph Meta Tags --> <meta property="og:title" content="The Mountain Breeze - Homestay in Neral" /> <meta property="og:description" content="Experience tranquility and comfort at The Mountain Breeze – your perfect getaway nestled in the lap of nature." /> <meta property="og:url" content="https://www.themountainbreeze.in/" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.themountainbreeze.in/assets/images/og-image.jpg" /> <meta property="og:site_name" content="The Mountain Breeze" /> <meta name="DC.title" content="Homestay in Neral" /> <meta name="geo.region" content="IN-MH" /> <meta name="geo.placename" content="Neral" /> <meta name="geo.position" content="19.027431;73.318437" /> <meta name="ICBM" content="19.027431, 73.318437" /> <link rel="shortcut icon" href="img/favicon.png" /> <link rel="stylesheet" href="css/plugins.css" /> <link rel="stylesheet" href="css/style.css" /> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSH9R6PN');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSH9R6PN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <?php include 'include/header.php' ?> <!-- Slider --> <header class="header slider-fade"> <div class="owl-carousel owl-theme"> <!-- The opacity on the image is made with "data-overlay-dark="number". You can change it using the numbers 0-9. --> <div class="text-center item bg-img" data-overlay-dark="2" data-background="img/slider/7.jpg"> <div class="v-middle caption"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <span> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> </span> <h4>Welcome to Mountain Breeze Homestay</h4> <h1>In the Heart of Nature, On the Edge of Comfort.</h1> <div class="butn-light mt-30 mb-30"> <a href="#" data-scroll-nav="1"><span>Accommodation</span></a> </div> </div> </div> </div> </div> </div> <div class="text-center item bg-img" data-overlay-dark="2" data-background="img/slider/12.jpg"> <div class="v-middle caption"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <span> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> </span> <h4>Welcome to Mountain Breeze Homestay</h4> <h2>Escape the City, Embrace the Breeze.</h2> <div class="butn-light mt-30 mb-30"> <a href="#" data-scroll-nav="1"><span>Accommodation</span></a> </div> </div> </div> </div> </div> </div> </div> <!-- slider reservation --> <div class="reservation"> <a href="tel:8088338338"> <div class="icon d-flex justify-content-center align-items-center"> <i class="flaticon-call"></i> </div> <div class="call"><span>8088338338</span></br>Reservation</div> </a> </div> </header> <!-- Booking Search --> <!-- Booking Search --> <div class="booking-wrapper"> <div class="container"> <div class="booking-inner clearfix"> <form action="https://bookings.asiatech.in/?page=8493&type=website" target="_blank" method="post" class="form1 clearfix"> <div class="col1 c1"> <div class="input1_wrapper"> <label>Check in</label> <div class="input1_inner"> <input type="text" class="form-control input datepicker" placeholder="Check in"> </div> </div> </div> <div class="col1 c2"> <div class="input1_wrapper"> <label>Check out</label> <div class="input1_inner"> <input type="text" class="form-control input datepicker" placeholder="Check out"> </div> </div> </div> <div class="col2 c3"> <div class="select1_wrapper"> <label>Adults</label> <div class="select1_inner"> <select class="select2 select" style="width: 100%"> <option value="1">1 Adult</option> <option value="2">2 Adults</option> <option value="3">3 Adults</option> <option value="4">4 Adults</option> </select> </div> </div> </div> <div class="col2 c4"> <div class="select1_wrapper"> <label>Children</label> <div class="select1_inner"> <select class="select2 select" style="width: 100%"> <option value="1">Children</option> <option value="1">1 Child</option> <option value="2">2 Children</option> <option value="3">3 Children</option> <option value="4">4 Children</option> </select> </div> </div> </div> <div class="col2 c5"> <div class="select1_wrapper"> <label>Rooms</label> <div class="select1_inner"> <select class="select2 select" style="width: 100%"> <option value="1">1 Room</option> <option value="2">2 Rooms</option> <option value="3">3 Rooms</option> <option value="4">4 Rooms</option> </select> </div> </div> </div> <div class="col3 c6"> <a href="https://bookings.asiatech.in/?page=8493&type=website" style="text-align:center;" class="btn-form1-submit">Check Now</a> </div> </form> </div> </div> </div> <!-- About --> <section class="about section-padding"> <div class="container"> <div class="row"> <div class="col-md-6 mt-30 animate-box" data-animate-effect="fadeInUp"> <span> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> <i class="star-rating"></i> </span> <div class="section-subtitle">Welcome to Mountain Breeze Homestay </div> <div class="section-title">Your Serene Escape in Neral</div> <p>Nestled amidst the lush green hills of Neral, Mountain Breeze Homestay offers a refreshing retreat for those seeking tranquillity, comfort, and authentic hospitality. </p> <p> More than just a place to stay, it's a thoughtfully curated experience where nature, comfort, and warmth come together. </p> <!-- call --> <div class="reservations mb-8"> <div class="icon"><span class="flaticon-call"></span></div> <div class="text"> <p>Reservation</p> <a href="tel:8088338338">+91-8088338338</a> </div> </div> </div> <div class="col col-md-3 animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/about/1.jpg" alt="Homestay in Neral" class="mt-90 mb-20"> </div> <div class="col col-md-3 animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/about/2.jpg" alt="homestay in Neral for family"> </div> </div> </div> </section> <!-- Rooms --> <section class="rooms1 section-padding bg-cream" data-scroll-index="1"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle">Mountain Breeze Homestay</div> <div class="section-title">Rooms & Suites</div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="item"> <div class="position-re o-hidden"> <img src="img/rooms/room-1.jpg" alt="luxury homestay in Neral"> </div> <span class="category"><a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank">Book</a></span> <div class="con"> <!--<h6><a href="deluxe-suite.php">Rs. 3300 / Night</a></h6>--> <h5><a href="deluxe-suite.php">Deluxe Suite </a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <!--<li><i class="flaticon-bath"></i></li>--> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="deluxe-suite.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="item"> <div class="position-re o-hidden"> <img src="img/rooms/room-2.jpg" alt="Mountain Breeze Homestay"> </div> <span class="category"><a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank">Book</a></span> <div class="con"> <!--<h6><a href="super-deluxe-suite.php">Rs. 3300 / Night</a></h6>--> <h5><a href="super-deluxe-suite.php">Super Deluxe Suite </a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <!--<li><i class="flaticon-bath"></i></li>--> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="super-deluxe-suite.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="item"> <div class="position-re o-hidden"> <img src="img/rooms/room-3.jpg" alt="Couple friendly stays in Neral"> </div> <span class="category"><a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank">Book</a></span> <div class="con"> <!--<h6><a href="family-suite.php">Rs. 3300 / Night</a></h6>--> <h5><a href="family-suite.php">Family Suite </a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <!--<li><i class="flaticon-bath"></i></li>--> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="family-suite.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="item"> <div class="position-re o-hidden"> <img src="img/rooms/room-4.jpg" alt="Homestay in Neral"> </div> <span class="category"><a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank">Book</a></span> <div class="con"> <!--<h6><a href="family-suite.php">Rs. 3300 / Night</a></h6>--> <h5><a href="royal-suite.php">Royal Suite </a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <!--<li><i class="flaticon-bath"></i></li>--> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="royal-suite.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> <div class="col-md-3"> <div class="item"> <div class="position-re o-hidden"> <img src="img/rooms/room-5.jpg" alt="Homestay in Neral"> </div> <span class="category"><a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank">Book</a></span> <div class="con"> <!--<h6><a href="family-suite.php">Rs. 3300 / Night</a></h6>--> <h5><a href="executive-suite.php">Executive suite </a> </h5> <div class="line"></div> <div class="row facilities"> <div class="col col-md-7"> <ul> <li><i class="flaticon-bed"></i></li> <!--<li><i class="flaticon-bath"></i></li>--> <li><i class="flaticon-breakfast"></i></li> <li><i class="flaticon-towel"></i></li> </ul> </div> <div class="col col-md-5 text-end"> <div class="permalink"><a href="executive-suite.php">Details <i class="ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="pricing section-padding bg-blck"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="section-subtitle"><span>Experience</span></div> <div class="section-title"><span>Experience More Than Just a Stay</span></div> <p class="color-2">At Mountain Breeze Homestay, your comfort goes beyond the room. <br>Join The Breeze Club for lifetime rewards and explore wellness with authentic Ayurvedic healing at Ved Ayurveda Vaidyashala, just steps away. Relax, restore, and return renewed.</p> </div> <div class="col-md-8"> <div class="owl-carousel owl-theme"> <div class="pricing-card"> <img src="img/club.jpg" alt="Homestay in Neral"> <div class="desc"> <a href="the-breeze-club.php"><div class="name">The Breeze Club</div></a> </div> </div> <div class="pricing-card"> <img src="img/spa.jpg" alt="homestay in Neral for family"> <div class="desc"> <a href="wellness-center.php"><div class="name">Wellness Center</div></a> </div> </div> </div> </div> </div> </div> </section> <!-- Promo Video --> <section class="video-wrapper video section-padding bg-img bg-fixed" data-overlay-dark="3" data-background="img/slider/3.jpg"> <div class="container"> <div class="row"> <div class="col-md-8 offset-md-2 text-center"> <!--<span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span>--> <div class="section-title"><span>Your Escape is Just a Click Away.</span></div> <div class="section-subtitle" style=" text-transform: capitalize; font-weight: 400; letter-spacing: 1px;"><span>Book your stay at Mountain Breeze Homestay and experience the perfect blend of comfort and nature. Whether it's a weekend getaway or a peaceful workation, serenity awaits you in the hills of Neral.</span></div> <div class="butn-dark" style="margin:25px auto 0;"> <a href="https://bookings.asiatech.in/?page=8493&type=website" target="_blank"><span>Book Now</span></a> </div> </div> </div> <!-- <div class="row"> <div class="text-center col-md-12"> <a class="vid" href="#" onclick="toggle();"> <div class="vid-butn"> <span class="icon"> <i class="ti-control-play"></i> </span> </div> </a> </div> </div>---> </div> </section> <section class="facilties section-padding pb-40"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle"> Mountain Breeze Homestay </div> <div class="section-title">Our Hotel Facilities</div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="single-facility animate-box" data-animate-effect="fadeInUp"> <span><img src="img/services/1.gif"></span> <h5>Elegant River & Mountain View Suites </h5> <div class="facility-shape"> <img src="img/services/1.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/2.gif"></span> <h5>Daily Housekeeping</h5> <div class="facility-shape"> <img src="img/services/2.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/3.gif"></span> <h5>Childrens Play Area</h5> <div class="facility-shape"> <img src="img/services/3.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/4.gif"></span> <h5>24x7 Security</h5> <div class="facility-shape"> <img src="img/services/4.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/5.gif"></span> <h5>Free Parking</h5> <div class="facility-shape"> <img src="img/services/5.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/6.gif"></span> <h5>EV Charging Station</h5> <!--<p>A vast outdoor space perfect for relaxation and recreational activities.</p>--> <div class="facility-shape"> <img src="img/services/6.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/7.gif"></span> <h5>High-Speed Wi-Fi</h5> <div class="facility-shape"> <img src="img/services/7.gif"> </div> </div> </div> <div class="col-md-3"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <span><img src="img/services/8.gif"></span> <h5>Hot Water Facility</h5> <div class="facility-shape"> <img src="img/services/8.gif"> </div> </div> </div> </div> </div> </section> <!-- Testiominals --> <section class="testimonials"> <div class="background bg-img bg-fixed section-padding pb-0" data-background="img/slider/12.jpg" data-overlay-dark="3"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="testimonials-box"> <div class="head-box"> <h6>Testimonials</h6> <h4>What Client's Say?</h4> <div class="line"></div> </div> <div class="owl-carousel owl-theme"> <div class="item"> <span class="quote"><img src="img/quot.png" alt="homestay in Neral for family"></span> <p>Mountain Breeze Homestay was everything I needed for a peaceful break. The views of the hills were absolutely stunning, and the mornings felt magical with the cool mountain air. The hosts were incredibly warm and welcoming-it truly felt like a home away from home.</p> <div class="info"> <div class="author-img"> <img src="img/testimonials/user.png" alt="luxury homestay in Neral"> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Priya Mehta - Mumbai</h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt="luxury homestay in Neral"></span> <p> A perfect blend of nature and comfort. The room was well-maintained with all modern amenities, and I especially loved sitting on the balcony, sipping chai while watching the sunset. The location is quiet yet easily accessible, making it a great weekend destination. </p> <div class="info"> <div class="author-img"> <img src="img/testimonials/user.png" alt="Stay near river in Neral"> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Rahul Deshmukh - Pune</h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt="Mountain Breeze Homestay"></span> <p>I was amazed by the hospitality and attention to detail at Mountain Breeze Homestay. From the welcoming smiles to the thoughtfully designed interiors, everything added to a relaxing experience. The peaceful environment made it the ideal spot to unwind and disconnect from the city chaos. </p> <div class="info"> <div class="author-img"> <img src="img/testimonials/user.png" alt="luxury homestay in Neral"> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Ananya Sharma - Navi Mumbai</h6> <span>Guest review</span> </div> </div> </div> <div class="item"> <span class="quote"><img src="img/quot.png" alt="Homestay in Neral"></span> <p>This place is a hidden gem for remote workers like me. The internet was fast and reliable, and the peaceful setting helped me focus better than I could in the city. After work, the views, fresh air, and homely food were the perfect way to recharge.</p> <div class="info"> <div class="author-img"> <img src="img/testimonials/user.png" alt="Homestay in Neral"> </div> <div class="cont"> <span><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i><i class="star-rating"></i></span> <h6>Karan Bhagat - Thane</h6> <span>Guest review</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Attraction --> <section class="services section-padding"> <div class="container"> <div class="row"> <div class="col-md-6 p-0 animate-box" data-animate-effect="fadeInLeft"> <div class="img left"> <a href="attractions.php"><img src="img/attractions/9.jpg" alt="luxury homestay in Neral"></a> </div> </div> <div class="col-md-6 p-0 bg-cream valign animate-box" data-animate-effect="fadeInRight"> <div class="content"> <div class="cont text-left"> <div class="info"> <h6>Nearby Attraction</h6> </div> <h4> Matheran Hill Station </h4> <p>erene hill station known for its colonial architecture, scenic viewpoints, and tranquil environment. Directions from our Homestay </p> <div class="butn-dark"> <a href="attractions.php"><span>Read More</span></a> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6 bg-cream p-0 order2 valign animate-box" data-animate-effect="fadeInLeft"> <div class="content"> <div class="cont text-left"> <div class="info"> <h6>Nearby Attraction</h6> </div> <h4>Saguna Baug</h4> <p>An eco-friendly agro-tourism farm offering activities like fishing, farming, and nature walks. Directions from our Homestay: </p> <div class="butn-dark"> <a href="attractions.php"><span>Read More</span></a> </div> </div> </div> </div> <div class="col-md-6 p-0 order1 animate-box" data-animate-effect="fadeInRight"> <div class="img"> <a href="attractions.php"><img src="img/attractions/10.jpg" alt="luxury homestay in Neral"></a> </div> </div> </div> <div class="row"> <div class="col-md-6 p-0 animate-box" data-animate-effect="fadeInLeft"> <div class="img left"> <a href="attractions.php"><img src="img/attractions/11.jpg" alt="Couple friendly stays in Neral"></a> </div> </div> <div class="col-md-6 p-0 bg-cream valign animate-box" data-animate-effect="fadeInRight"> <div class="content"> <div class="cont text-left"> <div class="info"> <h6>Nearby Attraction</h6> </div> <h4>Peb Fort (Vikatgad)</h4> <p>A popular trekking destination offering panoramic views and historical fort ruins. Directions from our Homestay: </p> <div class="butn-dark"> <a href="attractions.php"><span>Read More</span></a> </div> </div> </div> </div> </div> </div> </section> <?php include 'include/footer.php' ?> <div id="modalOverlay" style="display: none;"> <div class="modalPopup"> <div class="modalContent"> <h2>We’re Here To Help</h2> <div class="row query-form"> <form action="mail-onload.php" method="post"> <input type="text" name="name" placeholder="Your Name" required pattern="^(?!\s*$).+" title="Name cannot be empty or contain only spaces"> <input type="text" name="email" placeholder="Your Email" required pattern="^(?!\s*$).+" title="Email cannot be empty or contain only spaces"> <input type="text" name="phone" placeholder="Your Number" required pattern="^(?!\s*$).+" title="Phone cannot be empty or contain only spaces"> <!-- Preferred contact mode --> <select name="contact_mode" required style="width:100%; padding: 6px 10px; margin-bottom:10px; solid #949494; height:auto; color:#6e6e6e; border-radius:0; line-height: 1.5em;"> <option value="" disabled selected>Preferred contact mode</option> <option value="call">Call</option> <option value="whatsapp">WhatsApp</option> </select> <!-- When planning your stay --> <select name="planning_time" required style="width:100%; padding: 6px 10px; margin-bottom:10px; solid #949494; height:auto; color:#6e6e6e; border-radius:0; line-height: 1.5em;"> <option value="" disabled selected>When are you planning your stay?</option> <option value="This week">This week</option> <option value="Within this month">Within this month</option> <option value="Within 3 months">Within 3 months</option> <option value="Just exploring">Just exploring</option> </select> <textarea type="text" name="message" placeholder="Type your Message Here" rows="2"></textarea> <div class="g-recaptcha" data-sitekey="6Lc1QGcrAAAAAI9HdJhVje_vIpnxkYf5Db9P6PIR"></div> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <button type="submit">SUBMIT</button> </form> <?php if (isset($_GET['error']) && $_GET['error'] === 'captcha') { echo '<script>alert("CAPTCHA verification failed. Please try again.");</script>'; } ?> </div> <button class="buttonStyle" id="button">X</button> </div> </div> </div> <script> window.onload = function() { // Show the overlay after 5 seconds setTimeout(function() { document.getElementById('modalOverlay').style.display = 'block'; }, 500); // Close the overlay when X is clicked document.getElementById('button').onclick = function() { document.getElementById('modalOverlay').style.display = 'none'; }; }; </script> <!-- jQuery --> <script src="js/jquery-3.6.0.min.js"></script> <script src="js/jquery-migrate-3.0.0.min.js"></script> <script src="js/modernizr-2.6.2.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/jquery.isotope.v3.0.2.js"></script> <script src="js/pace.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scrollIt.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.magnific-popup.js"></script> <script src="js/YouTubePopUp.js"></script> <script src="js/select2.js"></script> <script src="js/datepicker.js"></script> <script src="js/smooth-scroll.min.js"></script> <script src="js/custom.js"></script> <!--popup video--> <script type="text/javascript"> function toggle() { var trailer = document.querySelector( ".trailer") var video = document.querySelector("video") trailer.classList.toggle("active") video.pause(); video.currentTime = 0; } </script> <!--popup video--> </body> </html> <script> class Slider { constructor(sliderElement, interval = 3000) { this.slider = sliderElement; this.slides = this.slider.querySelector('.slides'); this.slideCount = this.slider.querySelectorAll('.slide').length; this.currentIndex = 0; this.interval = interval; this.slider.querySelector('.next').addEventListener('click', () => { this.nextSlide(); this.resetAutoplay(); }); this.slider.querySelector('.prev').addEventListener('click', () => { this.prevSlide(); this.resetAutoplay(); }); this.startAutoplay(); } nextSlide() { this.currentIndex = (this.currentIndex + 1) % this.slideCount; this.updateSlider(); } prevSlide() { this.currentIndex = (this.currentIndex - 1 + this.slideCount) % this.slideCount; this.updateSlider(); } updateSlider() { this.slides.style.transform = `translateX(-${this.currentIndex * 100}%)`; } startAutoplay() { this.autoplay = setInterval(() => this.nextSlide(), this.interval); } resetAutoplay() { clearInterval(this.autoplay); this.startAutoplay(); } } // Initialize all sliders document.querySelectorAll('.slider').forEach(sliderElement => { new Slider(sliderElement); }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings