File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hellohotelsindia.com/gallery.php
Back
<!DOCTYPE html> <html lang="en"> <head> <title>Gallery | The Nature's Green Resort</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css"> <link rel="icon" type="image/x-icon" href="img/favicon.ico"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"/> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css'> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <style> #element{ display:none; } .mobile-menu-main ul li:nth-child(5){ background: #07798a; } </style> <style> /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; display: flex; justify-content: center; max-width: 97%; margin: auto; margin-bottom: 30px; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; border-top: none; } .tabcontent .col-md-4{ margin-bottom:30px; } @media only screen and (max-width: 600px) { .tab { display:block; } .tab button{ width:100%; } } </style> </head> <body> <?php $page = 'gallery';include 'include/header.php'; ?> <div class="inner-banner"> <img src="img/banner.jpg" alt=""> </div> <?php include 'include/mobile-menu.php';?> <div class="gallery-section top-section-padding"> <div class="container"> <div class="tab"> <button class="tablinks active" onclick="openCity(event, 'all')" id="defaultOpen">All Photos</button> <button class="tablinks" onclick="openCity(event, 'facade')">Facade & Reception</button> <button class="tablinks" onclick="openCity(event, 'dining')">Dining</button> <button class="tablinks" onclick="openCity(event, 'rooms')">Rooms</button> <button class="tablinks" onclick="openCity(event, 'outdoor')">Outdoor</button> </div> <div class="container"> <div id="all" class="tabcontent"> <div class="row"> <a href="img/gallery/1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/8.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/10.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/10.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/13.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/14.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/14.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/15.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/15.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r8.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r10.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r10.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r13.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r14.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r14.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r15.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r15.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r16.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r16.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r17.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r17.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor8.jpg" class="img-fluid rounded"> </a> </div> </div> </div> <div class="container"> <div id="facade" class="tabcontent"> <div class="row"> <a href="img/gallery/1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/8.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/10.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/10.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/13.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/14.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/14.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/15.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/15.jpg" class="img-fluid rounded"> </a> </div> </div> </div> <div class="container"> <div id="dining" class="tabcontent"> <div class="row"> <a href="img/gallery/d1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/d7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/d7.jpg" class="img-fluid rounded"> </a> </div> </div> </div> <div class="container"> <div id="rooms" class="tabcontent"> <div class="row"> <a href="img/gallery/r1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r8.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r10.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r10.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r13.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r14.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r14.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r15.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r15.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r16.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r16.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/r17.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/r17.jpg" class="img-fluid rounded"> </a> </div> </div> </div> <div class="container"> <div id="outdoor" class="tabcontent"> <div class="row"> <a href="img/gallery/outdoor1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/outdoor8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/outdoor8.jpg" class="img-fluid rounded"> </a> </div> </div> </div> </div> </div> <?php include 'include/footer.php';?> <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/4.1.3/js/bootstrap.bundle.min.js"></script> <script src="js/script.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js'></script> </body> </html> <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } document.getElementById("defaultOpen").click(); </script> <script> $(document).on("click", '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox(); }); </script>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings