<!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>zParalexy Free Html5 Responsive Template</title>
<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
<meta name="author" content="www.zerotheme.com">
<!-- 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/responsive.css">
<link rel="stylesheet" href="css/responsiveslides.css" />
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/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]-->
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
maxwidth: 962,
namespace: "centered-btns"
});
});
</script>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="wrap-header zerogrid">
<div id="logo"><a href="#"><img src="./images/logo.png"/></a></div>
<div id="search">
<div class="button-search"></div>
<input type="text" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
</div>
</div>
</header>
<nav>
<div class="wrap-nav zerogrid">
<div class="menu">
<ul>
<li class="first"><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="services.html">Services</a></li>
<li class="current"><a href="single.html">About</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="minimenu"><div>MENU</div>
<select onchange="location=this.value">
<option></option>
<option value="index.html">Home</option>
<option value="blog.html">Blog</option>
<option value="services.html">Services</option>
<option value="single.html">About</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="share">
<ul>
<li><a href="#"><img src="images/rss-icon.png" title="RSS"/></a></li>
<li><a href="#"><img src="images/twitter-icon.png" title="Twitter"/></a></li>
<li><a href="#"><img src="images/facebook-icon.png" title="Facebook"/></a></li>
<li><a href="#"><img src="images/google-plus-icon.png" title="Google Plus"/></a></li>
<li><a href="#"><img src="images/pinterest-icon.png" title="Pinterest"/></a></li>
<li><a href="#"><img src="images/linkedin-icon.png" title="Linkedin"/></a></li>
</ul>
</div>
</div>
</nav>
<!--------------Content--------------->
<section id="content">
<div class="wrap-content zerogrid">
<div class="row block">
<div id="main-content" class="col-2-3">
<div class="wrap-col">
<article>
<h2><a href="#">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<img src="images/single.jpg"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim. Phasellus ultrices tellus eget ipsum ornare molestie scelerisque eros dignissim. Phasellus fringilla hendrerit lectus nec vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In faucibus, risus eu volutpat pellentesque, massa felis feugiat velit, nec mattis felis elit a eros. Cras convallis sodales orci, et pretium sapien egestas quis. Donec tellus leo, scelerisque in facilisis a, laoreet vel quam. Suspendisse arcu nisl, tincidunt a vulputate ac, feugiat vitae leo. Integer hendrerit orci id metus venenatis in luctus tellus convallis. Mauris posuere, nisi vel vehicula pellentesque, libero lacus egestas ante, a bibendum mauris mi ut diam. Duis arcu odio, tincidunt eu dictum interdum, sagittis quis dui.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum egestas rutrum. Aenean a metus sit amet massa egestas vulputate sit amet a nisi. Sed nec enim erat. Sed laoreet imperdiet dui fermentum placerat. Donec purus mi, pellentesque et congue at, suscipit ac justo. Pellentesque et augue quis libero aliquam lacinia. Pellentesque a elit vitae nisl vulputate bibendum aliquet quis velit. Integer aliquet cursus erat, in pellentesque sapien tristique vitae. In tempus tincidunt leo id adipiscing. Sed eu sapien egestas arcu condimentum dapibus. Donec sit amet quam ut metus iaculis adipiscing eget quis eros.</p>
<p>Sed id dui dolor, eu consectetur dui. Etiam commodo convallis laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus vel sem at sapien interdum pretium. Sed porttitor, odio in blandit ornare, arcu risus pulvinar ante, a gravida augue justo sagittis ante. Sed mattis consectetur metus quis rutrum. Phasellus ultrices nisi a orci dignissim nec rutrum turpis semper. Donec tempor libero ut nisl lacinia vel dignissim lacus tristique. Etiam accumsan velit in quam laoreet sollicitudin. Mauris euismod lacus ut magna placerat ac molestie augue consequat.</p>
<div class="comment">
Your email address will not be published. Required fields are marked *
<form>
<div><input type="text" name="name" id="name"> Name *</div>
<div><input type="email" name="email" id="email"> Email *</div>
<div><input type="url" name="website" id="website"> Website</div>
<div><textarea rows="10" name="comment" id="comment"></textarea></div>
<div><input type="submit" name="submit" value="Submit"></div>
</form>
</div>
</article>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="heading"><h2>About us</h2></div>
<div class="content">
<img src="images/about.jpg" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor...</p>
</div>
</div>
<div class="box">
<div class="heading"><h2>Categories</h2></div>
<div class="content">
<ul>
<li><a href="#">Vestibulum iaculis lacinia est</a></li>
<li><a href="#">Nam ullamcorper</a></li>
<li><a href="#">Cras convallis sodales orci</a></li>
<li><a href="#">Pellentesque orci</a></li>
<li><a href="#">Aliquam viverra convallis auctor</a></li>
<li><a href="#">Nulla sed nisl mauris</a></li>
<li><a href="#">Id tristique tortor</a></li>
</ul>
</div>
</div>
<div class="box">
<div class="heading"><h2>Popular Post</h2></div>
<div class="content">
<div class="post">