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>Video Gallery</h2>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li class="active">Video 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='';
$noi=0;
$noi1=1;
$cli12=mysql_query("select * from video order by id desc");
while($cli1fetch1=mysql_fetch_row($cli12))
{
$noi=$noi+1;
if($noi1<=12)
{
$noi1=$noi1+1;
$mo1=1;
?>
<div class="col-md-3 col-sm-6" id="gallery_divid" >
<div class="item">
<a href="#videoStory" class="button more" id="videoLink">
<img src="http://img.youtube.com/vi/eaJosm9Y5dQ" class="img-responsive" id="gallery_imgid" >
<div class="overlay">
<div class="text">Play</div>
</div>
</a>
</div>
</div>
<link href="popup-video.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js"></script>
<div id="videoStory" class="mfp-hide" style="max-width: 75%; margin: 0 auto;">
<iframe width="853" height="480" src="https://www.youtube.com/embed/eaJosm9Y5dQ?autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
<script>
$('#videoLink')
.magnificPopup({
type:'inline',
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
})
</script>
<?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>
</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