Mini Shell
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Atham Events</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Atham Events" />
<meta name="keywords" content="Event Management, Best Event Management in Thrissur, Wedding, Birthday Pary, DJ Party, Mehendi Cerimony" />
<meta name="author" content="athamweddinghub.com" />
<link href="images/favicon.png" rel="shortcut icon">
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,600i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body>
<!--<div class="fh5co-loader"></div>-->
<?php require_once("header.php"); ?>
<div class="breadcrumbs_wraper" style="background:url(images/breadcrumbs_bg.jpg) center center;">
<div class="container">
<h2>Photo Gallery</h2>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li class="active">Photo Gallery</li>
</ol>
</div>
</div> <!--./breadcrumbs_wraper-->
<div class="our_works fh5co-section animate-box">
<div class="container">
<div class="row gallery1">
<style>
@media (min-width: 767px){
#gallery_divid
{ height:250px; }
#gallery_imgid
{ max-height:200px; width:100%; }
}
</style><img src="">
<?php
$mo1=1;
$mo2='';
$mo3='';
$mo4='';
$mo5='';
$mo6='';
$mo7='';
$mo8='';
$mo9='';
$mo10='';
$noi=0;
$noi1=1;
// PAGINATION
$num_per_page=20;
if(isset($_GET["page"]))
{
$page=$_GET["page"];
}
else
{
$page=1;
}
$start_from=($page-1) * 20;
// echo("select * from gallery where pic!='' order by id desc");
$cli12=mysql_query("select * from gallery where pic!='' order by id desc limit $start_from,$num_per_page ");
while($cli1fetch1=mysql_fetch_row($cli12))
{
?>
<div class="col-md-3 col-sm-6" id="gallery_divid" >
<div class="item">
<a href="admin/gallery_pic/<?php echo $cli1fetch1[1];?>" class="image-link" title="Demo">
<img src="admin/gallery_pic/<?php echo $cli1fetch1[1];?>" class="img-responsive" id="gallery_imgid" >
<div class="overlay">
<div class="text">Event Photo</div>
</div>
</a>
</div>
</div>
<?php } ?>
<div id="im2" > </div>
<?php
//if($noi>=13 && $noi<=24){ $mo2=2;}
//if($noi>=25 && $noi<=36){ $mo3=3;}
//if($noi>=37 && $noi<=48){ $mo4=4;}
//if($noi>=49 && $noi<=60){ $mo5=5;}
///if($noi>=61 && $noi<=72){ $mo6=6;}
//if($noi>=73 && $noi<=84){ $mo7=7;}
//if($noi>=85 && $noi<=96){ $mo8=8;}
//if($noi>=97 && $noi<=108){ $mo9=9;}
//if($noi>=109 && $noi<=120){ $mo10=10;}
?>
<?php //} ?>
</div>
<br/>
<div align="center">
<ul class="pagination">
<li class="active">
<?php
//number pagination code
$sqlp="select * from gallery where pic!='' order by id desc";
$exep=mysql_query($sqlp);
$total_records=mysql_num_rows($exep);
//echo $total_records;
$total_pages=ceil($total_records/$num_per_page);
//echo $total_pages;
for($i=1; $i<=$total_pages; $i++)
{
echo "<b style='background-color:white;border-radius: 25px;'><a href='gallery_photo.php?page=".$i."' class='btn'>".$i."</a></b>"; echo " ";
}
?>
</ul>
</div>
</div>
</div>
<?php require_once("footer.php"); ?>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<link href="fonts/font_awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!--owl-carousel-->
<link href="js/owl_carousel/owl.carousel.min.css" rel="stylesheet">
<link href="js/owl_carousel/owl.theme.default.min.css">
<script src="js/owl_carousel/owl.carousel.js" type="text/javascript"></script>
<!-- Magnific Popup -->
<link rel="stylesheet" href="js/magnific_popup/magnific-popup.css">
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->
<script src="js/magnific_popup/jquery.magnific-popup.js"></script>
<script>
</script>
</body>
</html>
Zerion Mini Shell 1.0