<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/lightbox.css">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/menu.css">
<script src="js/jquery1111.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/Items/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<div class="wrap-body">
<div class="header">
<div id='cssmenu' class="align-right">
<ul>
<li class="active"><a href='index.html'><span></span></a></li>
<li class=' has-sub'><a href='archive.html'><span>Blog</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Item 1</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Item 2</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>Gallery</span></a></li>
<li><a href='single.html'><span>About</span></a></li>
<li class='last'><a href='contact.html'><span>Contact</span></a></li>
</ul>
</div>
</div>
<!--////////////////////////////////////Container-->
<section id="container">
<div class="wrap-container">
<section class="content-box box-1">
<div class="zerogrid">
<div class="wrap-box"><!--Start Box-->
<div class="row">
<div class="">
<div class="row">
<div class="col-1-2">
<a href="index.html"><img src="images/logo.png" /></a>
</div>
<div class="col-1-2">
<form id="form-container" action="" class="f-right">
<!--<input type="submit" id="searchsubmit" value="" />-->
<a class="search-submit-button" href="javascript:void(0)">
<i class="fa fa-search"></i>
</a>
<div id="searchtext">
<input type="text" id="s" name="s" placeholder="Search Something...">
</div>
</form>
</div>
</div>
</div>
<div id="owl-slide" class="owl-carousel">
<div class="item">
<img src="images/slider-1.jpg" />
</div>
<div class="item">
<img src="images/slider-2.jpg" />
</div>
</div>
</div>
</div>
</div>
</section>
<!-----------------content-box-2-------------------->
<section class="content-box box-2">
<div class="zerogrid">
<div class="wrap-box"><!--Start Box-->
<div class="row">
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_5-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_6-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_7-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_8-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_9-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_10-370x370.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4">
<div class="wrapper">
<div class="portfolio-box">
<img src="images/img_18-370x370.jpg" c