ok

Mini Shell

Direktori : /home/importfo/public_html/payalcateresanddecorators.com/
Upload File :
Current File : /home/importfo/public_html/payalcateresanddecorators.com/gallery.php

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Gallery | Payal Caterers & Decorators - Motera Ahmedabad</title>
   
<?php include ('top.php');?>
   <style type="text/css">
.grid {
  position: relative;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
  height: 100%;
  width: 100% !important;
  max-width: 100% ;
}

.masonry-entry {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0.5rem auto;
  overflow: hidden;

}
.own_btn{
  background: #93b120;
  padding: 10px 30px;
  border-radius: 4px;
  border: none;
  color: #fff;
  transition: 1s;
}
.own_btn:hover{
  background: #93b120;
  transform: scale(1.1);
}
#gallery {
    max-width: 100%;
}
img {
  width: 100%;
  height: auto;
}
.masonry-entry:hover img{
  position: relative;
  transform: scale(1.1);
  transition: 2s;
}

@media (max-width: 1200px) {
  #logo-img{
    width: 111px;
}
}
@media (max-width: 991.98px) {
  .grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 767.98px) {
  .grid {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
     -moz-column-gap: 0.5em;
  -webkit-column-gap: 0.5em;
  column-gap: 0.5em;
  }

.masonry-entry {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0.1rem auto;
  overflow: hidden;

}
@media (max-width:450px){
     #logo-img{
    width: 70px;
}
}
}
</style>

</head>

<body>
    <div class="page">
        <header id="masthead" class="header ttm-header-style-classic-overlay">
            <div class="ttm-header-wrap">
                <div id="ttm-stickable-header-w" class="ttm-stickable-header-w clearfix">
                    <div id="site-header-menu" class="site-header-menu">
                        <?php include ('header.php');?>
                    </div>
                </div>
            </div>
        </header>
        <div class="ttm-page-title-row text-center">
            <div class="section-overlay"></div>
            <div class="title-box text-center"style="background-image:url('images/chrysanthemums-illuminated-with-orange-light-hang-threads-hall.jpg');background-size: 100%;
    background-position: center;">
                <div class="container">
                    <div class="page-title-heading">
                        <h1 class="title inner-title" style="text-shadow: 3px 3px 7px #fe9361;">Gallery</h1>
                        <p class="ttm-textcolor-white"style="text-shadow: 5px 3px 5px #260609;">Caterers & Decorators Ahmedabad</p>
                    </div>
                    <div class="breadcrumb-wrapper">
                        <div class="container">
                            <span><a title="Event Management Decoration" href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a></span>
                            <span class="ttm-bread-sep ttm-textcolor-white"> &nbsp; ⁄ &nbsp;</span>
                            <span class="ttm-textcolor-white">Gallary</span>
                        </div>
                    </div>
                </div>  
            </div>
        </div>
        <section style="padding-top:50px">
            <div class="container">
            <section id="gallery">  
      <div class="grid">
        <?php 
  $sql="SELECT * from gallery";
   $res=mysqli_query($db,$sql);
   while($row=mysqli_fetch_array($res)){
?>
        <div class="masonry-entry">
          <img
            src="admin/upload/<?php echo $row['app_image']; ?>"
          />
        </div>
        <?php } ?>
      </div>
</section>
</div>
        </section>
        <?php include ('footer.php');?>
    </div>

    <script src="cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://www.tulsieventanddecor.com/js/jquery.prettyPhoto.js"></script>
    <script src="https://www.tulsieventanddecor.com/js/main.js"></script>

   

    
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-149523005-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-149523005-1');
</script>
</body>

</html>

Zerion Mini Shell 1.0