?
Path : /home/u949514618/domains/karmaasrconsultants.com/public_html/demo/ |
Current File : /home/u949514618/domains/karmaasrconsultants.com/public_html/demo/gallery.php |
<?php include_once("admin/db.php"); ?> <?php include_once("logosection.php"); ?> <?php $edit_query = "select * from cms where id = '10'"; $edit_query_run = mysqli_query($con, $edit_query); $edit_row = mysqli_fetch_array($edit_query_run); $e_page_title = $edit_row['title']; $e_page_desc = $edit_row['desc']; $e_page_mtitle = $edit_row['mtitle']; $e_page_mdesc = $edit_row['mdesc']; $e_image = $edit_row['image']; $e_headerimage = $edit_row['header_image']; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title><?php echo $websitename; ?> | <?php echo $e_page_mtitle; ?></title> <meta name="description" content="<?php echo $e_page_mdesc; ?>"> <!-- Stylesheets --> <!-- bootstrap v3.3.6 css --> <link href="css/bootstrap.css" rel="stylesheet"> <!-- font-awesome css --> <link href="css/font-awesome.css" rel="stylesheet"> <!-- flaticon css --> <link href="css/flaticon.css" rel="stylesheet"> <!-- factoryplus-icons css --> <link href="css/factoryplus-icons.css" rel="stylesheet"> <!-- animate css --> <link href="css/animate.css" rel="stylesheet"> <!-- owl.carousel css --> <link href="css/owl.css" rel="stylesheet"> <!-- fancybox css --> <link href="css/jquery.fancybox.css" rel="stylesheet"> <link href="css/hover.css" rel="stylesheet"> <link href="css/frontend.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- switcher css --> <link href="css/switcher.css" rel="stylesheet"> <link rel='stylesheet' id='factoryhub-color-switcher-css' href='css/switcher/default.css' /> <!-- revolution slider css --> <link rel="stylesheet" type="text/css" href="css/revolution/settings.css"> <link rel="stylesheet" type="text/css" href="css/revolution/layers.css"> <link rel="stylesheet" type="text/css" href="css/revolution/navigation.css"> <!--Favicon--> <link rel="shortcut icon" href="website/<?php echo $favicon; ?>" type="image/x-icon"> <link rel="icon" href="website/<?php echo $favicon; ?>" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/responsive.css" rel="stylesheet"> <style> #lightbox .modal-content { display: inline-block; text-align: center; } #lightbox .close { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px; border: 2px solid rgb(255, 255, 255); position: absolute; top: -15px; right: -55px; z-index:1032; } </style> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> </head> <body class="home header-sticky header-transparent header-v3 hide-topbar-mobile"> <div id="page" class="hfeed site"> <?php include_once("includes/topbar.php"); ?> <?php include_once("includes/header.php"); ?> <!--page-header--> <div class="page-header has-image"> <div class="page-header-content"> <div class="featured-image" style="background: url(admin/img/page/banner/<?php echo $e_headerimage; ?>) center top no-repeat fixed;"></div> <div class="container"> <h1><?php echo $e_page_title; ?></h1> <nav class="breadcrumbs"> <a class="home" href="index.php"><span>Home</span></a> <i class="fa fa-angle-right" aria-hidden="true"></i> <span><?php echo $e_page_title; ?></span> </nav> </div> </div> </div> <!--page-header end--> <!-- about top --> <div class="abouttop"> <div class="container"> <div class="row"> <?php $query = "select * from gallery where image_description = 'gallery' order by image_id asc"; $run = mysqli_query($con,$query); if(mysqli_num_rows($run) > 0) { while($row=mysqli_fetch_array($run)) { $id = $row['image_id']; $image = $row['image_name']; ?> <div class="col-md-4"> <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> <img src="admin/files/<?php echo $image; ?>" alt="..."> </a> </div> <?php } } else { echo "<center><h3>No image available now!!</h3></center>"; } ?> <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> </div> </div> </div> <!-- about top end--> <!-- footer --> <?php include_once("includes/footer.php"); ?> </div> <!--End pagewrapper--> <?php include_once("includes/mobmenu.php"); ?> <!--Scroll to top--> <a id="scroll-top" class="backtotop" href="#page-top"><i class="fa fa-angle-up"></i></a> <!-- jquery Liabrary --> <script src="js/jquery-1.12.4.min.js"></script> <!-- bootstrap v3.3.6 js --> <script src="js/bootstrap.min.js"></script> <!-- fancybox js --> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> <!-- owl.carousel js --> <script src="js/owl.js"></script> <!-- counter js --> <script src="js/jquery.appear.js"></script> <script src="js/jquery.countTo.js"></script> <!-- validate js --> <script src="js/validate.js"></script> <!-- switcher js --> <script src="js/switcher.js"></script> <!-- google map --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script> <script src="js/gmap.js"></script> <script src="js/map-helper.js"></script> <!-- REVOLUTION JS FILES --> <script type="text/javascript" src="js/revolution/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="js/revolution/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.video.min.js"></script> <!-- script JS --> <script src="js/scripts.min.js"></script> <script src="js/script.js"></script> <script> $(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'); }); }); </script> </body> </html>