<?php
session_start();
include('include/dbconnect.php');
?>
<!DOCTYPE html>
<html class="no-js"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Blogs – Automation Zone</title>
<meta name="description" content="Blogs – Automation Zone">
<meta name="author" content="Automation Zone">
<meta name="keywords" content="Sliding gate automation,Swing gate automation,Rolling shutter motor,Swing gate motor,Sliding gate moto,Home automation,Fire doors,Roll A Door,Docking System,Metal doors,Barriers">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- FONTS
================================================== -->
<link rel='stylesheet' id='Roboto-css' href='http://fonts.googleapis.com/css?family=Roboto%3A100%2C300%2C400%2C400italic%2C700&ver=4' type='text/css' media='all' />
<link rel='stylesheet' id='Patua+One-css' href='http://fonts.googleapis.com/css?family=Patua+One%3A100%2C300%2C400%2C400italic%2C700&ver=4' type='text/css' media='all' />
<!-- CSS
================================================== -->
<!-- Google Font -->
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'>
<link rel='stylesheet' id='global-css' href='css/global.css' type='text/css' media='all' />
<link rel='stylesheet' id='structure-css' href='css/structure.css' type='text/css' media='all' />
<link rel='stylesheet' id='local-css' href='css/hosting.css' type='text/css' media='all' />
<link rel='stylesheet' id='custom-css' href='css/custom.css' type='text/css' media='all' />
<style type="text/css">
.fancybox img {
border: 5px solid #a0a09d;
margin: 5px;
}
</style> <style>
#Top_bar .menu > li > ul > li {
padding: 6px 0 6px 8px !important;
font-size: 12.5px;
}
</style>
<link rel="stylesheet" href="css/style.css">
</head>
<body class=" color-custom layout-full-width header-classic sticky-header sticky-white nice-scroll-on subheader-title-left no-content-padding">
<div id="Wrapper">
<div id="Header_wrapper" class="bg-parallax" data-stellar-background-ratio="0.5">
<header id="Header">
<?php include('include/header.php'); ?>
</header>
<!-- <div class="gate-banner-img">
<img class="img-responsive" src="images/slidinggate .jpg">
</div> -->
</div>
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="entry-content" >
<div class="section section-border-bottom column-margin-10px sections_style_4" >
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<div class="column one">
<br>
<h5>Our Blogs</h5>
<!--code start for events-->
<!-- People -->
<div class="row">
<!-- Start Profile -->
<?php
$i=1;
$get_leaders_sql="SELECT * FROM blogs ORDER BY prj_id DESC";
$get_leaders_exe=mysqli_query($con,$get_leaders_sql);
while($get_leaders_result=mysqli_fetch_array($get_leaders_exe))
{
?>
<div class="span4 profile">
<div class="image-wrap">
<div class="hover-wrap" onclick="window.location.href='blog_desc.php?ser=<?php echo base64_encode($get_leaders_result["prj_id"]); ?>'">
<span class="overlay-img"></span>
<span class="overlay-text-thumb"><?php echo $get_leaders_result['prj_title']; ?></span>
</div>
<img style="height:270px; width:370px;" src="<?php echo $get_leaders_result['prj_img']; ?>" alt="Blog">
</div>
<h3 class="profile-name"><a href="blog_desc.php?ser=<?php echo base64_encode($get_leaders_result["prj_id"]); ?>"><?php echo $get_leaders_result['prj_title']; ?></a></h3>
<p class="profile-description"> <?php if(strlen($get_leaders_result["prj_content"]) > 220) { echo substr($get_leaders_result["prj_content"],0,220)."..."; }else{ echo $get_leaders_result["prj_content"]; } ?></p>
</div>
<?php } ?>
<!-- End Profile -->
</div>
<!-- End People -->
<!--code end for events-->
<!--<iframe width="350" height="255" src="https://www.youtube.com/embed/rbKnFblTShg" frameborder="0" allowfullscreen></iframe>
<iframe width="350" height="255" src="https://www.youtube.com/embed/BCB-_mvFRpU" frameborder="0" allowfullscreen></iframe>-->
<!--<iframe width="350" height="255" src="https://www.youtube.com/embed/IkVacFbqI4M" frameborder="0" allowfullscreen></iframe>-->
</div> <!-- cd-tabs -->
</div>
</div>
</div>
<div class="section " style="padding-top:20px; padding-bottom:0px; background-color:" >
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<div class="column one column_divider">
<hr class="" />
</div>
</div>
</div>
</div>
<div class="section the_content"></div>
</div>
</div>
</div>
</div>
<div class="section " id="calltoaction" style="padding-top:20px; padding-bottom:10px; background-color:#3DBAD5;" >
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<div class="column two-third column_column" style="padding-top:20px; padding-bottom:20px;margin-bottom:0;">
<div class="column_attr " ><h3 style="margin: 6px 0 0 0; color: #fff;">24 / 7 Support call:<i style="color: #fff;" class="icon-phone"></i> +91 0422 4273736</h3></div>
</div>
<div class="column one-third column_column" style="padding-top:20px; padding-bottom:20px;margin-bottom:0;">
<div class="column_attr align_right" >
<a class="button button_js" href="contact.php" style=" background-color:#093a8b !important; color:#ffffff;" ><span class="button_label">Write us a message</span></a> </div>
</div>
</div>
</div>
</div>
</div>
<!--------------- Footer--------------->
<?php include('include/footer.php'); ?>
</div>
<!-- JS
================================================== -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/mfn.menu.js"></script>
<script type="text/javascript" src="js/jquery.plugins.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/animations/animations.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script src="js/main.js"></script>
<script>
jQuery(window).load(function() {
var retina = window.devicePixelRatio > 1 ? true : false;
if (retina) {
var retinaEl = jQuery("#logo img");
var retinaLogoW = retinaEl.width();
var retinaLogoH = retinaEl.height();
retinaEl.attr("src", "images/retina-hosting.png").width(retinaLogoW).height(retinaLogoH)
}
});
</script>
<!-- Add jQuery library -->
<!-- <script type="text/javascript" src="../lib/jquery-1.10.1.min.js"></script> -->
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
title : {
type : 'over'
}
}
});
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background' : 'rgba(238,238,238,0.85)'
}
}
}
});
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
}
});
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
}
}
});
/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
}
});
/*
* Open manually
*/
$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
});
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
{
href : '1_b.jpg',
title : 'My title'
}, {
href : '2_b.jpg',
title : '2nd title'
}, {
href : '3_b.jpg'
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});
});
</script>
</body>
</html>