whoami7 - Manager
:
/
home
/
analuakl
/
amplhomes.com
/
Upload File:
files >> /home/analuakl/amplhomes.com/gallery.php
<!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"> <title>AMPL HOMES</title> <!-- Styles --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:400,600" rel="stylesheet"> <!-- favicon and touch icons --> <link rel="shortcut icon" href="images/favicon.png" type="images/x-icon" > <link rel="stylesheet" href="css/styles.min.css"> </head> <body class="" onLoad="MM_preloadImages('images/features/icon-hover-1.png','images/features/icon-hover-2.png','images/features/icon-hover-3.png','images/features/icon-hover-4.png')"> <div id="page-loader"> <div class="loaders"> <img src="images/loader/3.gif" alt="First Loader"> <img src="images/loader/4.gif" alt="First Loader"> </div> </div> <?php include("header.php"); ?> <div class="main-slider-wrapper clearfix"> <div id="main-slider"> <div id="site-banner" class="text-center clearfix"> <div class="container"> <h1 class="title wow slideInLeft">Gallery</h1> <ol class="breadcrumb wow slideInRight"> <li><a href="http://www.amplhomes.com/">Home</a></li> <li class="active">Gallery </li> </ol> </div> </div> </div> </div> <div id="blog-listing" class="grid-style"> <div class="containerfluid"> <main> <input class="pop" id="tab1" type="radio" name="tabs" checked> <label for="tab1">PG Accommodation</label> <input class="pop" id="tab2" type="radio" name="tabs"> <label for="tab2">Guest House Accommodation</label> <input class="pop" id="tab3" type="radio" name="tabs"> <label for="tab3">Studio Spaces</label> <input class="pop" id="tab4" type="radio" name="tabs"> <label for="tab4">Independent Floors</label> <input class="pop" id="tab5" type="radio" name="tabs"> <label for="tab5">Office Spaces</label> <input class="pop" id="tab6" type="radio" name="tabs"> <label for="tab6">Flats for rent</label> <section class="pop" id="content1"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image13.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image12.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image11.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image9.jpg" alt="..."> </a> </div> </div> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> <section class="pop" id="content2"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox1"> <img src="images/gallery/image14.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox1"> <img src="images/gallery/image3.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox1"> <img src="images/gallery/image15.jpg" alt="..."> </a> </div> </div> <div id="lightbox1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> <section class="pop" id="content3"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image11.jpg" alt="..."> </a> </div> </div> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> <section class="pop" id="content4"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image7.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image2.jpg" alt="..."> </a> </div> </div> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> <section class="pop" id="content5"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image4.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image5.jpg" alt="..."> </a> </div> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image10.jpg" alt="..."> </a> </div> </div> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> <section class="pop" id="content6"> <div class="row"> <div class="col-xs-6 col-sm-3"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="images/gallery/image7.jpg" alt="..."> </a> </div> </div> <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog"> <button type="button" class="close hidden" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-content"> <div class="modal-body"> <img src="" alt="" /> </div> </div> </div> </div> </section> </main> </div> </div> </div> </section> <a href="#top" id="scroll-top"><i class="fa fa-angle-up"></i></a> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2MtZynhsvwI2B40juK6SifR_OSyj4aBA&libraries=places"></script> <script src="js/main.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var $lightbox = $('#lightbox'); $('[data-target="#lightbox"]').on('click', function(event) { var $img = $(this).find('img'), src = $img.attr('src'), alt = $img.attr('alt'), css = { 'maxWidth': $(window).width() - 100, 'maxHeight': $(window).height() - 100 }; $lightbox.find('.close').addClass('hidden'); $lightbox.find('img').attr('src', src); $lightbox.find('img').attr('alt', alt); $lightbox.find('img').css(css); }); $lightbox.on('shown.bs.modal', function (e) { var $img = $lightbox.find('img'); $lightbox.find('.modal-dialog').css({'width': $img.width()}); $lightbox.find('.close').removeClass('hidden'); }); }); $(document).ready(function() { var $lightbox1 = $('#lightbox1'); $('[data-target="#lightbox1"]').on('click', function(event) { var $img = $(this).find('img'), src = $img.attr('src'), alt = $img.attr('alt'), css = { 'maxWidth': $(window).width() - 100, 'maxHeight': $(window).height() - 100 }; $lightbox1.find('.close').addClass('hidden'); $lightbox1.find('img').attr('src', src); $lightbox1.find('img').attr('alt', alt); $lightbox1.find('img').css(css); }); $lightbox1.on('shown.bs.modal', function (e) { var $img = $lightbox1.find('img'); $lightbox1.find('.modal-dialog').css({'width': $img.width()}); $lightbox1.find('.close').removeClass('hidden'); }); }); </script> <?php include("footer.php"); ?> </body> </html>
Copyright ©2021 || Defacer Indonesia