ok
Mini Shell
<?php
include ("admin/model/dboperation.php");
?>
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Title -->
<title> Portfolio</title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" />
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900&display=swap"
rel="stylesheet">
<!-- Plugins -->
<link rel="stylesheet" href="css/plugins.css" />
<link href="css/twentytwenty.css" rel="stylesheet" type="text/css" />
<!-- Core Style Css -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- ==================== Start Loading ==================== -->
<div id="preloader">
<div class="loading-text">Loading</div>
</div>
<!-- ==================== End Loading ==================== -->
<!-- ==================== Start progress-scroll-button ==================== -->
<div class="progress-wrap cursor-pointer">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- ==================== End progress-scroll-button ==================== -->
<!-- ==================== Start cursor ==================== -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- ==================== End cursor ==================== -->
<!-- ==================== Start Navbar ==================== -->
<nav class="navbar navlgbg change navbar-expand-lg nav-scroll">
<div class="container">
<!-- Logo -->
<a class="logo" href="#">
<img src="img/logo-light.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"><i class="fas fa-bars"></i></span>
</button>
<!-- navbar links -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link " href="index.html" role="button"
>Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.php">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</nav>
<!-- ==================== End Navbar ==================== -->
<!-- ==================== Start Slider ==================== -->
<header class="pages-header work-header bg-img valign" data-background="img/009.png" data-overlay-light="9">
<div class="container">
<div class="section-head text-center mb-0">
<div class="row justify-content-center">
<div class="col-lg-7 col-md-9 col-sm-11">
<h6 class="custom-font">Our Portfolio</h6>
<h4 class="playfont">Super Prime lighting Design and Consultancy</h4>
</div>
</div>
</div>
</div>
</header>
<!-- ==================== End Slider ==================== -->
<!-- ==================== Start works ==================== -->
<section class="portfolio section-padding">
<div class="container">
<div class="row">
<!-- filter links -->
<div class="filtering text-center col-12">
<div class="filter box">
<span data-filter='*' class="active">All</span>
<span data-filter='*'>Interior</span>
<span data-filter='*'>Theaters</span>
<span data-filter='*'>Residential</span>
</div>
</div>
<!-- gallery -->
<div class="gallery twsty inf-lit full-width">
<?php
$sql = "select * from gallery";
$result = mysqli_query($mysqli, $sql);
if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {
?>
<!-- gallery item -->
<div class="items theaters three-column mt-50">
<a data-fancybox="gallery" href="admin/pro/<?php echo $row['img'];?>">
<img src="admin/pro/<?php echo $row['img'];?>" />
</a>
<div class="info mt-10">
<h5><?php echo $row['title'];?></h5>
</div>
</div>
<?php
}
}
?>
<!-- gallery item -->
</div>
</div>
</div>
</section>
<!-- ==================== End works ==================== -->
<!-- ==================== Start Footer ==================== -->
<footer class="main-footer dark">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="item abot">
<div class="logo-footer mb-20">
<a href="#0" class="logo">
<img src="img/logo-light.png" alt="">
</a>
</div>
<p>Our team takes over everything, from an idea and concept development to realization.</p>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 offset-lg-1">
<div class="item usful-links">
<div class="fothead">
<h6>Useful Links</h6>
</div>
<ul>
<li><i class="fas fa-chevron-right"></i> <a href="about.html">Interior Design</a></li>
<li><i class="fas fa-chevron-right"></i> <a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Call</h6>
</div>
<p>90 20 12 45 45 </p>
<p> 90 37 12 45 45</p>
<p> 04954010230</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Write</h6>
</div>
<p>keydecors@gmail.com</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Visit</h6>
</div>
<p>G4, 2nd Floor, Doha Complex
Opposite Tagore Hall. Calicut 673032</p>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="text-left">
<p>© 2020, Graywolf <a href="#">UI-ThemeZ</a>.</p>
</div>
</div>
<div class="col-lg-4">
<div class="text-right">
<p>All right reserved.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ==================== End Footer ==================== -->
<!-- jQuery -->
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<!-- plugins -->
<script src="js/plugins.js"></script>
<!-- custom scripts -->
<script src="js/scripts.js"></script>
</body>
</html>
Zerion Mini Shell 1.0