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>
<?php
$mo1=1;
$mo2='';
$mo3='';
$mo4='';
$mo5='';
$mo6='';
$mo7='';
$mo8='';
$mo9='';
$mo10='';
$noi1=$_REQUEST['r'];
$noi2=$noi1+11;
$noi=0;
$cli12=mysql_query("select * from gallery where pic!='' order by id desc");
while($cli1fetch1=mysql_fetch_row($cli12))
{
$noi=$noi+1;
if($noi>=$noi1 && $noi<=$noi2)
{
$mo1=1;
?>
<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">Demo</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>
<div align="center">
<ul class="pagination">
<li>
<a href="gallery_photo.php"><label id="0" style="margin-left:1%; cursor:pointer;" ><?php echo $mo1; ?></label></a></li>
<?php if($noi>=13 && $noi<=24){ ?>
<li class="active"> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" ><?php echo $mo2; ?></label></a></li>
<?php } if($noi>=25 && $noi<=36){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo3; ?></label></a></li>
<?php } if($noi>=37 && $noi<=48){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo4; ?></label></a></li>
<?php } if($noi>=49 && $noi<=60){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo5; ?></label></a></li>
<?php } if($noi>=61 && $noi<=72){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo6; ?></label></a></li>
<?php } if($noi>=73 && $noi<=84){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo7; ?></label></a></li>
<?php } if($noi>=85 && $noi<=96){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo8; ?></label></a></li>
<?php } if($noi>=97 && $noi<=108){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo9; ?></label></a></li>
<?php } if($noi>=109 && $noi<=120){ ?>
<li> <a href="gallery_photo_more.php?r=<?php echo $noi1; ?>"> <label style="margin-left:1%; cursor:pointer;" id="13" ><?php echo $mo10; ?></label></a></li>
<?php } ?>
</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