File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/bohemianbubbles.in/index.php
Back
<!DOCTYPE html> <html lang="zxx"> <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>Bohemian Bubble</title> <link rel="shortcut icon" href="img/favicon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed&family=Gilda+Display&display=swap"> <link rel="stylesheet" href="css/plugins.css" /> <link rel="stylesheet" href="css/style.css" /> </head> <body> <?php include 'include/header.php'?> <div id="modalOverlay"> <div class="modalPopup"> <div class="modalContent"> <h2>Get in Touch</h2> <div class="row query-form"> <form action="modal-query.php" method="post"> <input type="text" name="name" placeholder="Your Name" pattern="^(?!\s*$).+" title="Name cannot be empty or contain only spaces" required> <input type="text"name="city" placeholder="Your City" pattern="^(?!\s*$).+" title="City cannot be empty or contain only spaces" required> <input type="text" name="email" placeholder="Your Email" pattern="^(?!\s*$).+" title="Email cannot be empty or contain only spaces" required> <input type="text"name="phone" placeholder="Your Number" pattern="^(?!\s*$).+" title="Phone cannot be empty or contain only spaces" required> <textarea type="text" name="message"placeholder="Type Your Message Here" rows="4" pattern="^(?!\s*$).+" title="Message cannot be empty or contain only spaces" required></textarea> <div class="g-recaptcha" data-sitekey=""></div> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <button type="submit">Submit</button> </form> </div> <button class="buttonStyle" id="button">X</button> </div> </div> </div> <script> window.onload = function() { document.getElementById('button').onclick = function() { document.getElementById('modalOverlay').style.display = 'none' }; }; </script> <!-- Slider --> <header class="header slider-fade"> <div class="owl-carousel owl-theme"> <div class="text-center item bg-img" data-overlay-dark="2" data-background="img/slider/1.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>Himalayan Bliss Awaits </h4> <h1>Unwind under the stars and immerse yourself in Banjar’s breathtaking landscapes</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/2.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>Escape into Nature</h4> <h1>Discover peace, adventure, and comfort nestled in the heart of Himachal Pradesh</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/3.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>Breathe. Relax. Repeat.</h4> <h1>Experience Himalayan serenity in our unique bohemian-style bubbles surrounded by nature</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/4.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>Boho Dreams Live Here</h4> <h1>Indulge in a magical stay blending bohemian charm with nature’s tranquility</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> <!-- slider reservation --> <div class="reservation"> <a href="tel:+919305191221"> <div class="icon d-flex justify-content-center align-items-center"> <i class="flaticon-call"></i> </div> <div class="call"> <span>+91 9305191221</span> <br>Reservation </div> </a> </div> </header> <!-- Booking Search --> <!--<div class="booking-wrapper">--> <!-- <div class="container">--> <!-- <div class="booking-inner clearfix">--> <!-- <form action="https://asiatech.in/booking_engine/index3?token=OTM0NQ==" 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" selected disabled> Rooms</option>--> <!-- <option value="2">1</option>--> <!-- <option value="3">2</option>--> <!-- <option value="4">3</option>--> <!-- <option value="5">4</option>--> <!-- <option value="6">5</option>--> <!-- </select>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col3 c6">--> <!-- <button type="submit" class="btn-form1-submit">Check Now</button>--> <!-- </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"> Bohemian Bubble</div> <div class="section-title">Where Bohemian Dreams Meet Himalayan Serenity</div> <p>Nestled in the heart of Banjar, Himachal Pradesh, Bohemian Bubble offers a unique escape into nature. Surrounded by majestic mountains and lush greenery, our charming bubble stays provide the perfect blend of comfort, adventure, and tranquility. Whether stargazing under the clear Himalayan sky or enjoying the serene landscape, every moment here is designed to refresh your mind, body, and soul.</p> <!-- call --> <div class="reservations"> <div class="icon"> <span class="flaticon-call"></span> </div> <div class="text"> <p>Reservation</p> <a href="tel:+919305191221">+91 9305191221</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="" class="mt-90 mb-30"> </div> <div class="col col-md-3 animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/about/2.jpg" alt=""> </div> </div> </div> </section> <!-- Rooms --> <section class="rooms2 section-padding bg-cream" data-scroll-index="1"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle">Bohemian Bubble</div> <div class="section-title">Accommodation</div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="owl-carousel owl-theme"> <div class="rooms2"> <figure><img src="img/rooms/r1.jpg" alt="" class="img-fluid"></figure> <div class="caption padding-left"> <!-- <h3>Rs. 4000<span>/ Night</span> --> <h4><a href="bubble-domes.php">Bubble Domes</a></h4> <p>Bubble Domes offer a one-of-a-kind stay where comfort meets adventure in the heart of nature. With their transparent design, you can fall asleep under a blanket of stars and wake up to breathtaking mountain views. These domes combine cozy interiors with the charm of the outdoors, making them perfect for travelers who crave both relaxation and exploration. A stay here is not just accommodation—it’s an experience you’ll always remember. </p> <hr class="border-2"> <div class="info-wrapper"> <div class="more"><a href="bubble-domes.php" class="link-btn" tabindex="0">View Details <i class="ti-arrow-right"></i></a></div> <div class="butn-dark"> <a href="contact.php" ><span>Book Now</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Promo Video --> <!-- <section class="video-wrapper video promotion section-padding bg-img bg-fixed" data-overlay-dark="3" data-background="img/bg/2.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-subtitle"><span>Bohemian Bubble</span></div><div class="section-title"><span>Promotional Video</span></div></div></div><div class="row"><div class="text-center col-md-12"><a class="vid" href="img/video.mp4" onclick="toggle();"><div class="vid-butn"><span class="icon"><i class="ti-control-play"></i></span></div></a></div></div></div></section> --> <!--popup video--> <!--<div class="trailer"><video src="img/video.mp4" autoplay muted loop controls></video><img src="img/close-button.png" class="close" onclick="toggle();"></div> --> <!--popup video --> <section class="facilties section-padding"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle">Our Services</div> <div class="section-title"> Facilities</div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/1.png"> <h5>Breakfast </h5> <div class="facility-shape"> <img src="img/services/1.png"> </div> </div> </div> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/2.png"> <h5> Free Wifi </h5> <div class="facility-shape"> <img src="img/services/2.png"> </div> </div> </div> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/3.png"> <h5>Room Service</h5> <div class="facility-shape"> <img src="img/services/3.png"> </div> </div> </div> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/4.png"> <h5> Parking </h5> <div class="facility-shape"> <img src="img/services/4.png"> </div> </div> </div> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/5.png"> <h5> Garden</h5> <div class="facility-shape"> <img src="img/services/5.png"> </div> </div> </div> <div class="col-md-4"> <div class="single-facility animate-box fadeInUp animated" data-animate-effect="fadeInUp"> <img src="img/services/6.png"> <h5>Terrace</h5> <div class="facility-shape"> <img src="img/services/6.png"> </div> </div> </div> </div> </div> </section> <section class="facilties section-padding bg-cream"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle"> Bohemian Bubble</div> <div class="section-title">Our Gallery</div> </div> </div> <div class="row"> <div class="col-md-4 gallery-item"> <a href="img/gallery/1.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/1.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <!-- <div class="col-md-4 gallery-item"> <a href="img/gallery/2.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/2.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> --> <div class="col-md-4 gallery-item"> <a href="img/gallery/3.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/3.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/4.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/4.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/5.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/5.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/6.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/6.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> <div class="col-md-4 gallery-item"> <a href="img/gallery/7.jpg" title="" class="img-zoom"> <div class="gallery-box"> <div class="gallery-img"> <img src="img/gallery/7.jpg" class="img-fluid mx-auto d-block" alt="work-img"> </div> </div> </a> </div> </div> </div> </section> <!-- Services --> <section class="services section-padding"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-subtitle"> Bohemian Bubble</div> <div class="section-title">Attractions</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="#"> <img src="img/attractions/1.jpg" alt=""> </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"> <h4>Banjar Hot Springs</h4> <p>Banjar Hot Springs are a natural wonder tucked in the Tirthan Valley, known for their therapeutic and healing properties. Surrounded by mountains and lush greenery, the warm waters provide a relaxing soak for weary travelers. It’s a perfect spot to unwind in nature while experiencing the valley’s hidden charm. </p> </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"> <h4>Tirthan Valley</h4> <p>Tirthan Valley is a pristine haven nestled in the eco-buffer zone of the Great Himalayan National Park (GHNP), approximately 70 km from Kullu. The valley owes its name to a sacred glacial spring ("Tirth") near Hanskund Peak (about 4,800 m), which gives rise to the Tirthan River that carves through dense forests, alpine meadows, and quaint villages.</p> </div> </div> </div> <div class="col-md-6 p-0 order1 animate-box" data-animate-effect="fadeInRight"> <div class="img"> <a href="#"> <img src="img/attractions/2.jpg" alt=""> </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="#"> <img src="img/attractions/3.jpg" alt=""> </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"> <h4>Jalori Pass</h4> <p>Jalori Pass, perched at 10,800 ft, is a breathtaking mountain pass in Himachal Pradesh surrounded by dense oak and cedar forests. It offers panoramic views of snow-clad ranges and is the gateway to treks like Serolsar Lake and Raghupur Fort. A blend of natural beauty and spiritual charm, it’s a must-visit spot for every traveler in Banjar Valley.</p> </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"> <h4>Serolsar Lake</h4> <p>Serolsar Lake, nestled at 10,171 ft near Jalori Pass, is a crystal-clear high-altitude lake surrounded by dense oak and pine forests. The lake is considered sacred and is believed to be protected by Budhi Nagin, the local goddess. Its serene beauty, reached by a scenic 5 km trek, makes it a peaceful escape for nature and spirituality seekers.</p> </div> </div> </div> <div class="col-md-6 p-0 order1 animate-box" data-animate-effect="fadeInRight"> <div class="img"> <a href="#"> <img src="img/attractions/4.jpg" alt=""> </a> </div> </div> </div> </div> </section> <?php include 'include/footer.php'?> <script> let toggle = document.querySelector("#toggleReadMore"), more = document.querySelector("#more"), dots = document.querySelector("#dots"), isExpanded = false; toggle.onclick = toggleReadMore; function toggleReadMore() { more.classList.toggle("hidden"); dots.classList.toggle("hidden"); toggle.innerText = isExpanded ? "Read less" : "Read more" isExpanded = !isExpanded; } </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>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings