File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/lahariresorts.com/index.php
Back
<!doctype html> <html lang="zxx"> <head> <title>Lahari Resorts</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/owl.theme.default.min.css"> <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="assets/css/boxicons.min.css"> <link rel="stylesheet" href="assets/css/flaticon.css"> <link rel="stylesheet" href="assets/css/meanmenu.min.css"> <link rel="stylesheet" href="assets/css/animate.min.css"> <link rel="stylesheet" href="assets/css/nice-select.min.css"> <link rel="stylesheet" href="assets/css/odometer.min.css"> <link rel="stylesheet" href="assets/css/date-picker.min.css"> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <link rel="stylesheet" href="assets/css/beautiful-fonts.css"> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/responsive.css"> <link rel="icon" type="image/png" href="assets/img/favicon.png"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather|Open+Sans"> <style> .single-news .news-content-wrap { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; height: 300px; } #modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; height: 100%; width: 100%; } .modalPopup { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 30%; -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); padding: 20px; } .buttonStyle { position:absolute; top:0; right:0; background:#444; color:#fff; border:none; font-size: 20px; } .modalContent h2{ text-align:left; margin-bottom:20px; margin-left:10px; } .query-form input{ width: 47%; float: left; margin-right: 10px; margin-left: 10px; padding: 10px; margin-bottom: 20px; border: solid 1px #000; outline: none; color: #000; } .query-form textarea{ width:97%; border: solid 1px #000; padding: 10px; outline: none; margin-left: 10px; } .query-form button{ display: block; margin: auto; padding: 7px 25px; border: none; background: rebeccapurple; color: #fff; margin-top: 20px; } .query-form { padding:0; display: contents; } @media only screen and (max-width: 600px) { .modalPopup { top:50%; width:90%; } .query-form input{ width:100%; margin-left:0; } .query-form textarea{ width:100%; margin-left:0; } } </style> </head> <body> <?php include 'include/header.php'; ?> <!--<div id="modalOverlay">--> <!-- <div class="modalPopup">--> <!-- <div class="modalContent">--> <!-- <img src="31-dec.jpeg">--> <!-- <button class="buttonStyle" id="button">X</button>--> <!-- <a href="31st-Dec-2023.pdf" target="_blank" style=" background: #e7b20a;--> <!-- color: #fff;--> <!-- padding: 10px 20px;--> <!-- margin-top: 20px;--> <!-- display: block;--> <!-- margin: auto;--> <!-- margin-top: 10px;--> <!-- text-align: center;--> <!-- max-width: 200px;">View Details</a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <section class="eorik-slider-area"> <div class="eorik-slider owl-carousel owl-theme"> <div class="eorik-slider-item slider-item-bg-1"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-2"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-3"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-4"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-5"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-6"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="eorik-slider-item slider-item-bg-7"> <div class="d-table"> <div class="d-table-cell"> <div class="container"> <div class="eorik-slider-text overflow-hidden one eorik-slider-text-one"> <h1>Lahari Resorts</h1> <span></span> <div class="slider-btn"> <a class="default-btn" href="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" target="_blank"> Book To Stay <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </div> </div> <div class="white-shape"> <img src="assets/img/home-one/slider/white-shape.png" alt="Image"> </div> <div class="social-link"> <ul> <li> <a href="#" target="_blank"> <i class="bx bxl-facebook"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="bx bxl-twitter"></i> </a> </li> <li> <a href="#" target="_blank"> <i class="bx bxl-instagram-alt"></i> </a> </li> </ul> </div> </section> <div class="check-area mb-minus-70"> <div class="container"> <form class="check-form" action="https://asiatech.in/book_now/account/3166343161333862333832303539396262366262343334636131343339323162" method="post" target="_blank"> <div class="row align-items-center"> <div class="col-lg-3 col-sm-6"> <div class="check-content"> <p>Arrival Date</p> <div class="form-group"> <div class="input-group date" id="datetimepicker-1"> <i class="flaticon-calendar"></i> <input type="text" class="form-control" placeholder="Check In"> <span class="input-group-addon"> <i class="glyphicon glyphicon-th"></i> </span> </div> </div> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="check-content"> <p>Departure Date</p> <div class="form-group"> <div class="input-group date" id="datetimepicker-2"> <i class="flaticon-calendar"></i> <input type="text" class="form-control" placeholder="Check Out"> <span class="input-group-addon"> <i class="glyphicon glyphicon-th"></i> </span> </div> </div> </div> </div> <div class="col-lg-3"> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="check-content"> <p>Adults</p> <div class="form-group"> <select name="adult" class="form-content"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="check-content"> <p>Children</p> <div class="form-group"> <select name="adult" class="form-content"> <option value="1">0</option> <option value="2">1</option> <option value="3">2</option> <option value="4">3</option> <option value="5">4</option> </select> </div> </div> </div> </div> </div> <div class="col-lg-3"> <div class="check-btn check-content mb-0"> <button class="default-btn"> Check Availability <i class="flaticon-right"></i> </button> </div> </div> </div> </form> </div> </div> <section class="explore-area pt-170 pb-100"> <div class="container"> <div class="section-title"> <span>Explore</span> <h2>Welcome to Lahari Resorts</h2> </div> <div class="row align-items-center"> <div class="col-lg-6"> <div class="explore-img"> <img src="assets/img/explore-img1.png" alt="Image"> </div> </div> <div class="col-lg-6"> <div class="explore-content ml-30"> <h5></h5> <p>Bestowing excellent hospitality to its every category of guests, Lahari Resorts reflects the culture and ethos of its location. With the perfect fusion of contemporary decor in the sumptuous interiors of the resorts, the resorts has set the bar of services much higher than the expectations of its guests. The concept of intuitive anticipatory service makes the guest experience unalloyed. The resorts welcomes and offers hospitality to guests coming from all around the world. We are focussed on delivering high quality, the best value, and superior customer service for an ultimate and intimate travelling experience.</p> <a href="about.php" class="default-btn"> Read More <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </section> <section class="facilities-area pb-60"> <div class="container"> <div class="section-title"> <span></span> <h2>Our Services</h2> </div> <div class="row"> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/1.png"> <h3>Laundry Service</h3> <p> </p> <!-- <a href="service-details.html" class="icon-btn"> <i class="flaticon-right"></i> </a> --> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/2.png"> <h3>Room Service </h3> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/3.png"> <h3>Conference Halls </h3> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/4.png"> <h3>Parking </h3> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/5.png"> <h3>Accomodation</h3> <p> </p> <!-- <a href="service-details.html" class="icon-btn"> <i class="flaticon-right"></i> </a> --> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/6.png"> <h3>Restaurant </h3> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/7.png"> <h3>Dining Area </h3> </div> </div> </div> <div class="col-lg-3 col-sm-8"> <div class="single-facilities-wrap"> <div class="single-facilities"> <img src="assets/img/8.png"> <h3>WiFi </h3> </div> </div> </div> </div> </div> </section> <section class="incredible-area ptb-140 jarallax"> <div class="container"> <div class="incredible-content"> <a href="assets/img/video.mp4" class="video-btn popup-youtube"> <i class="flaticon-play-button"></i> </a> </a> <h2><span>Promotional Video</span></h2> <h2>Lahari Resorts</h2> </div> </div> <div class="white-shape"> <img src="assets/img/shape/white-shape-top.png" alt="Image"> <img src="assets/img/shape/white-shape-bottom.png" alt="Image"> </div> </section> <section class="our-rooms-area pt-60 pb-100"> <div class="container"> <div class="section-title"> <span>Our Rooms</span> <h2>Fascinating rooms & view</h2> </div> <div class="tab industries-list-tab"> <div class="row"> <div class="col-lg-4"> <ul class="tabs"> <li class="single-rooms"> <img src="assets/img/rooms/button-img-1.jpg" alt="Image"> <div class="room-content"> <h3>Deluxe Room</h3> </div> </li> <li class="single-rooms"> <img src="assets/img/rooms/button-img-2.jpg" alt="Image"> <div class="room-content"> <h3>Super Deluxe Room</h3> </div> </li> <li class="single-rooms"> <img src="assets/img/rooms/button-img-3.jpg" alt="Image"> <div class="room-content"> <h3>Deluxe Family Room</h3> </div> </li> </ul> </div> <div class="col-lg-8"> <div class="tab_content"> <div class="tabs_item"> <div class="our-rooms-single-img room-bg-1"> </div> <a href="deluxe.php"><span class="preview-item"> Deluxe Room</span></a> </div> <div class="tabs_item"> <div class="our-rooms-single-img room-bg-2"> </div> <a href="super-deluxe.php"><span class="preview-item"> Super Deluxe Room</span></a> </div> <div class="tabs_item"> <div class="our-rooms-single-img room-bg-3"> </div> <a href="deluxe-family.php"><span class="preview-item"> Deluxe Family Room</span></a> </div> </div> </div> </div> </div> </div> </section> <section class="restaurants-area pb-100"> <div class="container-fluid p-0"> <div class="section-title"> <span>Facilities</span> <h2>The area we cover under Lahari Resorts</h2> </div> <div class="restaurants-wrap owl-carousel owl-theme"> <div class="single-restaurants bg-1"> <img src="assets/img/parking.png"> <span>Parking</span> <p>We provide free parking facilities in our Resorts for two wheeler and four wheeler. So, you don't have to worry if you are planning to come in our Resorts</p> <a href="about.php" class="default-btn"> Explore More <i class="flaticon-right"></i> </a> </div> <div class="single-restaurants bg-2"> <img src="assets/img/playground.png"> <span>Playground</span> <p>We Have Playgrounds and fitness areas add value to the resort experience and encourage families to visit and spend more time at your property. </p> <a href="about.php" class="default-btn"> Explore More <i class="flaticon-right"></i> </a> </div> <div class="single-restaurants bg-3"> <img src="assets/img/lawns.png"> <span>Lush Green Lawns</span> <p>We Have free Lush Green Lawns in our Resorts for your Functions. So, you don't have to worry if you are planning to come in our Resorts</p> <a href="about.php" class="default-btn"> Explore More <i class="flaticon-right"></i> </a> </div> </div> </div> </section> <!-- <section class="testimonials-area pb-100"> <div class="container"> <div class="section-title"> <span>Testimonials</span> <h2>What customers say</h2> </div> <div class="testimonials-wrap owl-carousel owl-theme"> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“Best place to go around with family n friends.. they have enough of game activities included in package with play area, swimming pool, which is best fit for 1 night stay. Well maintained and very cooperative staff.. Everyone in my family liked the place. Good food with variety of options. ”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/1.png" alt="Image"> <h4>Vaibhav C</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Resorts</h3> <p>“Very nice place. Very tasty food. Lots of adventure activities and ample space to play. Good children play area.”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/2.png" alt="Image"> <h4> Shreedhar Karnik</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“It was a best ever experience in every parameter. Food, pools and especially best of all the super deluxe cottages. Jacuzzi is the bestest thing that they provided in rooms. 10/10 is the best marks I can give for this resort. Very great memories n will surely recommend many of our people for this great place”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/3.png" alt="Image"> <h4>Chandar Pathave</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“Good food, spacious tents with big bathrooms, 2 full sized pools, game zone. Rightly placed activities which can be well used for team building if coming with colleagues and friends big group. Situated bit inside but worth the travel. ”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/4.png" alt="Image"> <h4>Mayur Kadam</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“A weekend visit... Wonderful place.. Worthful to stay.. Although, rooms were not very spacious : it had great ambience. Lovely balcony or gallery.. Kids enjoyed a lot because of pool, garden and various activities in it.”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/5.png" alt="Image"> <h4>Riddhi Mukesh Kunjwani</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“Loved the place. Been there twice. I stayed in tent as well as cottage, both are beautiful. I personally liked the tents, they are luxurious and classy. Good place to relax and spend quality time with friends and family. The only thing which the resort should improve is the food taste, it can be better.”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/6.png" alt="Image"> <h4>Unnati Khalokar</h4> </div> </div> <div class="single-testimonials"> <ul> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> <li> <i class="bx bxs-star"></i> </li> </ul> <h3>Excellent Place</h3> <p>“Lovely place to visit in winter. Affordable stay, homemade food and much more stuffs to do. Recommended for weekend or 3-4 days stay.”</p> <div class="testimonials-content"> <img src="assets/img/testimonials/7.png" alt="Image"> <h4>Vaishnavi Gajinkar</h4> </div> </div> </div> </div> </section> --> <!--<section class="news-area pb-60"> <div class="container"> <div class="section-title"> <span>Attractions</span> <h2>Nearby Places and Things to do </h2> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="single-news"> <div class="news-img"> <a href="attractions.php"> <img src="assets/img/attraction/01.jpg" alt="Image"> </a> </div> <div class="news-content-wrap"> <a href="attractions.php"> <h3>Char Minar </h3> </a> <p>The epic signature of the city, Char Minar makes for a wonderful sight. Located in the heart of Hyderabad’s old city, surrounded by Mecca Masjid, built using bricks from Mecca and Laad Bazaar. </p> <a class="read-more" href="attractions.php"> Read More <i class="flaticon-right"></i> </a> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="single-news"> <div class="news-img"> <a href="attractions.php"> <img src="assets/img/attraction/02.jpg" alt="Image"> </a> </div> <div class="news-content-wrap"> <a href="attractions.php"> <h3>Golconda Fort</h3> </a> <p>A medieval fort now overlooking the city, Golconda is one of the historical places to visit in Hyderabad. Originally built in mud on a 400ft hill, the fort ruins of today have seen the reign of several dynasties.</p> <a class="read-more" href="attractions.php"> Read More <i class="flaticon-right"></i> </a> </div> </div> </div> <div class="col-lg-4 col-md-6 offset-md-3 offset-lg-0"> <div class="single-news"> <div class="news-img"> <a href="attractions.php"> <img src="assets/img/attraction/03.jpg" alt="Image"> </a> </div> <div class="news-content-wrap"> <a href="attractions.php"> <h3>Ramoji Film City </h3> </a> <p>Certainly one of the best places to visit in Hyderabad with family, Ramoji Film City makes its way to every traveller’s list because of its magical theme around cinema, which is the most common love of every Indian.</p> <a class="read-more" href="attractions.php"> Read More <i class="flaticon-right"></i> </a> </div> </div> </div> </div> </div> </section>--> <!--<section class="news-area pb-60"> <div class="container"> <div class="section-title"> <h2></h2> </div> </div> </section>--> <section id="gallery"> <div class="container"> <div class="section-title"> <h2>Gallery</h2> </div> </div> <div class="container"> <div id="image-gallery"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/1.jpg"><img src="assets/img/gallery/new/1.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/2.jpg"><img src="assets/img/gallery/new/2.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/3.jpg"><img src="assets/img/gallery/new/3.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/4.jpg"><img src="assets/img/gallery/new/4.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/5.jpg"><img src="assets/img/gallery/new/5.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/6.jpg"><img src="assets/img/gallery/new/6.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/7.jpg"><img src="assets/img/gallery/new/7.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/8.jpg"><img src="assets/img/gallery/new/8.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="assets/img/gallery/new/9.jpg"><img src="assets/img/gallery/new/9.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> </section> <?php include 'include/footer.php'; ?> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/meanmenu.min.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <script src="assets/js/wow.min.js"></script> <script src="assets/js/nice-select.min.js"></script> <script src="assets/js/magnific-popup.min.js"></script> <script src="assets/js/jquery.mixitup.min.js"></script> <script src="assets/js/appear.min.js"></script> <script src="assets/js/odometer.min.js"></script> <script src="assets/js/bootstrap-datepicker.min.js"></script> <script src="assets/js/ofi.min.js"></script> <script src="assets/js/jarallax.min.js"></script> <script src="assets/js/form-validator.min.js"></script> <script src="assets/js/contact-form-script.js"></script> <script src="assets/js/ajaxchimp.min.js"></script> <script src="assets/js/custom.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> <script> // Gallery image hover $( ".img-wrapper" ).hover( function() { $(this).find(".img-overlay").animate({opacity: 1}, 600); }, function() { $(this).find(".img-overlay").animate({opacity: 0}, 600); } ); // Lightbox var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>'); var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>'); var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>'); // Add overlay $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton); $("#gallery").append($overlay); // Hide overlay on default $overlay.hide(); // When an image is clicked $(".img-overlay").click(function(event) { // Prevents default behavior event.preventDefault(); // Adds href attribute to variable var imageLocation = $(this).prev().attr("href"); // Add the image src to $image $image.attr("src", imageLocation); // Fade in the overlay $overlay.fadeIn("slow"); }); // When the overlay is clicked $overlay.click(function() { // Fade out the overlay $(this).fadeOut("slow"); }); // When next button is clicked $nextButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").next().find("img")); // All of the images in the gallery var $images = $("#image-gallery img"); // If there is a next image if ($nextImg.length > 0) { // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); } else { // Otherwise fade in the first image $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800); } // Prevents overlay from being hidden event.stopPropagation(); }); // When previous button is clicked $prevButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").prev().find("img")); // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); // Prevents overlay from being hidden event.stopPropagation(); }); // When the exit button is clicked $exitButton.click(function() { // Fade out the overlay $("#overlay").fadeOut("slow"); }); </script> <script> window.onload = function() { document.getElementById('button').onclick = function() { document.getElementById('modalOverlay').style.display = 'none' }; }; </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings