MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 3.142.136.210
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home2/ppcad7no/fozan.in/../fastelevator.in/../agkeymaker.in/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/fozan.in/../fastelevator.in/../agkeymaker.in/gallery.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>A.G Key Maker | Gallery</title>
    
    <?php include "top-links.php" ?>
        
    <style>
.tabs {
    white-space: nowrap;  
    max-width: 100%;    
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
    }
    
    .gallery-filter {
        overflow-x: auto; 
        white-space: nowrap;
    }

    .gallery-filter ul {
        display: inline-flex;
    }

    .gallery-filter ul li {
        flex: 0 0 auto; 
    }
}

    </style>
</head>
<body >

<div class="page-wrapper">
    
<?php include "top-header.php" ?>

<?php include "header.php" ?>
    
    <div class="inner-banner">
        <div class="container">
            <h1>Gallery</h1>
            <ul class="breadcumb">
                <li><a href="<?php echo $wspath?>">Home</a></li>
                <li><span class="sep"><i class="fa fa-angle-right"></i></span></li>
                <li><span>Gallery</span></li>
            </ul>
        </div>
    </div>
    
         <section class="portfolio-style-two sec-pad">
    <div class="container">
        <!--<div class="sec-title text-center">-->
        <!--    <h3>Our<span>Gallery</span></h3>-->
        <!--    <p>You will find yourself working in a true partnership that results in an incredible <br /> experience, and an end product that is the best. </p>-->
        <!--</div>-->

        <div class="row masonary-layout filter-layout" data-filter-class="filter">
            <?php 
                $sqlimgs = "SELECT * FROM `tbl_gallery`";
                $runimgs = mysqli_query($db,$sqlimgs) or die("Query Not run");
                while($dataimgs = mysqli_fetch_assoc($runimgs)){
            ?>
            <div class="col-md-3 col-sm-6 col-xs-12 masonary-item single-filter-item ser<?php echo $dataimgs['for_use']?> ">
                <div class="single-portfolio-style-two">
                    <div class="img-box">
                    <img src="<?php echo $wspath?>admin/images/gallery/<?php echo $dataimgs['image']?>" style="height:250px;" alt="<?= $site_name?>" title="<?= $site_name?>"/>
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <!--<span>Melbourne, AU</span>-->
                                    <h3 href="<?php echo $wspath?>admin/images/gallery/<?php echo $dataimgs['image']?>" class="img-popup"><?php echo $dataimgs['title']?></h3>
                                    <a href="<?php echo $wspath?>admin/images/gallery/<?php echo $dataimgs['image']?>" class="img-popup industrio-icon-next"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>
    </div><!-- /.container -->                
</section><!-- /.project-style-one -->

<script>
$(document).ready(function(){
    if ($(window).width() < 768) {
        $('.post-filter').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            dots: false,
            infinite: false,
            responsive: [
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                }
            ]
        });
    }
});
</script>

    <?php include "contact-footer-banner.php" ?>

</div>
<?php include "footer.php" ?>
</body>
</html>

MMCT - 2023