File manager

File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/gurukrupaenterise.com/family-room.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Family Room - Hotel Kailash Inn</title> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/revolution-slider.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!--Favicon--> <link rel="shortcut icon" href="images/home/favicon.png" type="image/x-icon"> <link rel="icon" href="images/home/favicon.png" type="image/x-icon"> <!-- Responsive --> <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"> <link href="css/responsive.css" rel="stylesheet"> <style> .about-page { position: relative; padding: 40px 0px 30px 0px; background: none; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: auto; } #myCarousel{ margin: 0 auto; background: #fff; } #thumbCarousel{ margin: 0 auto; overflow: hidden; background: #fff; padding: 10px 0; } #thumbCarousel .thumb{ float: left; margin-right: 10px; border: 1px solid #e6e6e6; background: #fff; } #thumbCarousel .thumb:last-child{ margin-right: 0; } .thumb:hover{ cursor: pointer; } .thumb img{ opacity: 0.5; } .thumb img:hover{ opacity: 1; } .thumb.active img{ opacity: 1; border: 1px solid #808080; } .thumbCarousel img{ width: 120px; height: 130px } </style> </head> <body> <div class="page-wrapper"> <?php include 'include/header.php';?> <section class="page-title text-center"> <div class="auto-container"> <div class="content-box"> <div class="title">Family Room</div> <ul class="bread-crumb"> <li><a href="index.php">Home<i class="fa fa-angle-right"></i></a></li> <li>Family Room</li> </ul> </div> </div> </section> <section class="rooms-details"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-8 col-xs-12"> <div class="rooms-details-content"> <div class="img-box"> <div id="myCarousel" class="carousel slide" data-interval="false"> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="images/rooms/family-room-1.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/family-room-2.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/family-room-3.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/family-room-1.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/family-room-2.jpg" alt=""> </div> <div class="item"> <img src="images/rooms/family-room-3.jpg" alt=""> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <div id="thumbCarousel"> <div data-target="#myCarousel" data-slide-to="0" class="thumb active"> <img src="images/rooms/family-room-1.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="1" class="thumb"> <img src="images/rooms/family-room-2.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="2" class="thumb"> <img src="images/rooms/family-room-3.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="3" class="thumb"> <img src="images/rooms/family-room-1.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="4" class="thumb"><img src="images/rooms/family-room-2.jpg" style="width: 118px; height: 118px"></div> <div data-target="#myCarousel" data-slide-to="4" class="thumb"><img src="images/rooms/family-room-3.jpg" style="width: 118px; height: 118px"></div> </div> </div> </div> <div class="lower-content"> <h2>Family Room</h2> <div class="text"><span>Rs. 6500</span> / Night</div> <ul class="rating"> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> <p>Traveling with family? Our Family Room is thoughtfully designed to accommodate groups and families with ease. Featuring larger space, multiple bedding options, and a warm, inviting ambiance, this room is perfect for a comfortable and enjoyable stay. It comes with all modern amenities, including air-conditioning, an LED TV, a private bathroom, and 24-hour service, ensuring a memorable experience for you and your loved ones.</p> </div> <div class="rooms-catagori"> <h3>Room Amenities </h3> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Air Conditioner</li> <li> LED TV</li> </ul> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Balcony</li> <li>Toiletries</li> </ul> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <ul class="list"> <li>Tea Kettle</li> <li>Room Service</li> </ul> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="sidbar-content"> <h3>Room Reservation</h3> <div class="date"> <i class="fa fa-calendar" aria-hidden="true"></i> <input type="text" name="date" placeholder="Araival date" id="datepicker"> <i class="fa fa-calendar" aria-hidden="true"></i> <input type="text" name="date" placeholder="Departure date" id="datepickerone"> </div> <select class="custom-select-box"> <option>Adults</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <select class="custom-select-box"> <option>Children</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <select class="custom-select-box"> <option>Room Type</option> <option>Double Bed</option> <option>Outdoor Kitchen</option> </select> <a href="https://asiatech.in/booking_engine/index3?token=ODU5NQ==" target="_blank"class="btn-one">Book Now</a> </div> </div> </div> </div> </section> <!-- contact section end --> <!-- google map area --> <?php include 'include/footer.php';?> <!-- jQuery js --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script> <script src="js/map-script.js"></script> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.themepunch.tools.min.js"></script> <script src="js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="js/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="js/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="js/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <script type="text/javascript" src="js/jquery.appear.js"></script> <script type="text/javascript" src="js/jquery.countTo.js"></script> <script src="js/isotope.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <script src="js/owl.js"></script> <script src="js/masterslider.js"></script> <script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script> <script src="js/owl.carousel.min.js"></script> <script type="text/javascript" src="js/jquery.mixitup.min.js"></script> <script src="js/validate.js"></script> <script src="js/wow.js"></script> <script src="js/script.js"></script> <script type="text/javascript" src="js/theme.js"></script> <script src="js/map-script.js"></script> <script src="js/timePicker.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/gmaps.js"></script> <script src="js/map-helper.js"></script> <!-- End of .page_wrapper --> <script> $(document).ready(function(){ //carousel-control $("#myCarousel").mouseover(function(){ $("#myCarousel .carousel-control").show(); }); $("#myCarousel").mouseleave(function(){ $("#myCarousel .carousel-control").hide(); }); //active thumbnail $("#thumbCarousel .thumb").on("click", function(){ $(this).addClass("active"); $(this).siblings().removeClass("active"); }); //carousel slides $('#myCarousel').on('slid.bs.carousel', function(){ var index = $('.carousel-inner .item.active').index(); //console.log(index); var thumbnailActive = $('#thumbCarousel .thumb[data-slide-to="'+index+'"]'); thumbnailActive.addClass('active'); $(thumbnailActive).siblings().removeClass("active"); //console.log($(thumbnailActive).siblings()); }); }); </script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings