ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<?php include('top.php');?>
<title>Product Gallery - chamunda furnitech industry
</title>
<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% ;
}
.projects2{
padding:0px;
}
.masonry-entry {
width: 100%;
height: auto;
display: inline-block;
margin: 0.5rem auto;
overflow: hidden;
}
.own_btn{
background: #8da6a2;
padding: 10px 30px;
border-radius: 4px;
border: none;
color: #fff;
transition: 1s;
}
.own_btn:hover{
background: #198754;
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;
}
.active{
background:#83451b;
}
@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: 426px){
.own_btn {
padding: 5px 17px;
}
ul#pills-tab {
column-gap: 10px !important;
}
}
</style>
</head>
<body id="page-top" class="index">
<header>
<?php include('header.php');?>
</header>
<!--main-->
<main>
<!--subheader-->
<section id="subheader" class="subheader6" data-speed="8" data-type="background">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center" data-aos="fade-right">Office Furnitures</h1>
</div>
</div>
</div>
<div class="crumb">
<div class="container">
<ul>
<li><a href="index.php">Home</a></li>
<li class="sep">/</li>
<li>PRODUCTS GALLERY</li>
</ul>
</div>
</div>
</section>
<!--subheader-->
<!--section-portfolio-->
<section id="section-portfolio" class="no-bottom" aria-label="section-portfolio" imgs style="background:#eee">
<div class="container">
<div id="portfoliolist" class="projects2">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist" style="column-gap: 20px;width: 100%; background:#eee">
<li class="nav-item" role="presentation">
<button class=" active own_btn" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Reception Desk</button>
</li>
<li class="nav-item" role="presentation">
<button class=" own_btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">L Shape Table</button>
</li>
<li class="nav-item" role="presentation">
<button class=" own_btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Conference Table</span> </button>
</li>
<li class="nav-item" role="presentation">
<button class="own_btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Meeting table</button>
</li>
<li class="nav-item" role="presentation">
<button class="own_btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-5" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Partation base workstation </button>
</li>
<li class="nav-item" role="presentation">
<button class="own_btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-6" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">WorkStation</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-home-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from rec";
$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>
<div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-profile-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from man";
$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>
<div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-profile-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from conf";
$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>
<div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-profile-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from round";
$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>
<div class="tab-pane fade" id="pills-5" role="tabpanel" aria-labelledby="pills-profile-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from open";
$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>
<div class="tab-pane fade" id="pills-6" role="tabpanel" aria-labelledby="pills-profile-tab">
<section id="gallery" style="background:#eee">
<div class="grid">
<?php
$sql="SELECT * from share";
$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>
</div>
</div>
</div>
<!-- <div class="portfolio web" data-cat="web">
<figure class="effect-oscar"> <img src="assets/sunfurniture photo/IMG_1102.JPG" alt="" title="" class="img-fluid">
<figcaption>
<div>
<h2> Projects </h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<a href="project-single.html">View more</a> </figcaption>
</figure>
</div> -->
</div>
<div class="clearfix"></div>
</section>
<!--section-portfolio-->
<!--Contact us-->
<section id="call-to-action" class="call-to-action bg-color dark text-center">
<h6 data-aos="fade-up"><a href="contact-us.php" class="btn btn-line-black btn-big hvr-sweep-to-left">Contact us</a></h6>
</section>
<!--Contact us-->
</main>
<!--main-->
<!--footer-->
<footer>
<?php include('footer.php');?>
</footer>
<!--footer-->
<!-- Js File -->
<script src="assets/aos/aos.js"></script>
<link href="assets/aos/aos.css" rel="stylesheet">
<script src="assets/aos/aos-script.js"></script>
<!--mixitup-->
<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="assets/js/jquery.mixitup.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/scrolltopcontrol.js"></script>
<!--mixitup-->
<!-- Js File -->
<script src="assets/js/all.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/classie.js"></script>
<script src="assets/js/cbpAnimatedHeader.js"></script>
</body>
<!-- Mirrored from www.creativethemes.co.in/buy-creativetheme-html-template/interior&furniture/html/light-version/projects.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 19 Dec 2022 06:42:25 GMT -->
</html>
Zerion Mini Shell 1.0