<!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>
<meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
<link rel="icon" href="images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="images/favicon.png" type="image/png" />
<title>Blog Single Page</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/jquery.hoverdir.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/smoothscroll.js"></script>
<script type="text/javascript" src="js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/ajax-mail.js"></script>
<script type="text/javascript" src="js/accordion.settings.js"></script>
<!--Le Google Web Fonts-->
<link href='http//fonts.googleapis.com/css?family=Dosis:400,500' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Andada' rel='stylesheet' type='text/css' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<header id="header">
<div id="top-menu">
<div id="social" class="span4 pull-right">
<div id="vimeo"> <a id="vimeo_img" href="#">Vimeo</a></div>
<div id="lin"> <a id="lin_img" href="#">Linkedin</a></div>
<div id="twitter"> <a id="twitter_img" href="#">Twitter</a></div>
<div id="facebook"> <a id="facebook_img" href="#">Facebook</a></div>
<div id="rss"> <a id="rss_img" href="#">Rss</a></div>
<div id="gplus"> <a id="gplus_img" href="#">Google plus</a></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span3 logo">
<a href="./index.html"><img src="images/logo.png" alt="logo" /></a>
</div>
<div class="span5 offset7 login-form hidden-phone"><p class="pull-right">Call us <strong>+1 800 PHONE</strong> or log in to clients support area. </p>
<form class="bs-docs-example form-inline pull-right" />
<input type="text" placeholder="Email" class="input-small" />
<input type="password" placeholder="Password" class="input-small" />
<button class="btn" type="submit">Sign in</button>
</form></div>
</div>
</div>
</header>
<section id="main-menu">
<nav class="container" id="menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">Page</a>
<ul>
<li><a href="./about.html">About Us</a></li>
<li class="last"><a href="./services.html">Our Services</a></li>
</ul>
</li>
<li><a href="./portfolio4.html">Portfolio</a>
<ul>
<li><a href="#">Submenu 1</a>
</li>
<li><a href="#">Submenu 3</a>
<ul>
<li><a href="#">2nd Level Item</a></li>
<li class="last"><a href="#">2nd Level Item</a></li>
</ul>
</li>
<li class="last"><a href="#">Submenu 3</a>
</li>
</ul>
</li>
<li><a href="./blog.html" class="current">Blog</a>
<ul>
<li><a href="./blog.html">Blog</a></li>
<li class="last"><a href="./blog-single.html">Blog Single</a></li>
</ul>
</li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
</section>
<!--breadcrumbs -->
<div class="container breadcrumbs">
<h1>Blog Single</h1>
<div>You are here:   <a href="#">Home</a>  /  Blog Single</div>
</div>
<!--container-->
<section id="container">
<div class="container">
<div class="row">
<section id="page-sidebar" class="alignrleft span9">
<article class="blog-post">
<h1>Lorem ipsum dolor sit amet consectetur</h1>
<ul class="meta clearfix">
<li>01/09/2012</li>
<li>By: <a href="#">DXThemes</a></li>
<li>Comments: <a href="#">3</a></li>
<li>Posted in: <a href="#">News</a> | <a href="#">Business</a></li>
</ul>
<img src="example/blog2.jpg" alt="photo" />
<p>
Etiam imperdiet, ante at porttitor rutrum, felis nisi pellentesque enim, vel viverra quam orci eu massa.
Integer commodo, velit eget dapibus tincidunt, mauris ligula porttitor sapien, eget rhoncus dolor mi eu velit.
Fusce mattis dui eu velit fringilla viverra. Aliquam non nibh non orci imperdiet venenatis.
Quisque varius orci a lacus adipiscing id tempus elit pharetra.
</p>
<blockquote>
<p>
Etiam imperdiet, ante at porttitor rutrum, felis nisi pellentesque enim, vel viverra quam orci eu massa.
Integer commodo, velit eget dapibus tincidunt, mauris ligula porttitor sapien, eget rhoncus dolor mi eu velit.
</p>
</blockquote>
<p>
Duis et eros at nulla euismod aliquet vitae ac odio.
Nulla porta metus vitae mi ornare quis accumsan ligula congue.
Integer commodo, velit eget dapibus tincidunt, mauris ligula porttitor sapien, eget rhoncus dolor mi eu velit.
Fusce mattis dui eu velit fringilla viverra. Aliquam non nibh non orci imperdiet venenatis.
</p>
</article>
<hr />
<!--comments-->
<div class="title-divider">
<div class="divider-arrow"></div>
<h3>4 Comments</h3>
</div>
<div class="comments">
<ul class="comments-list">
<li class="clearfix comments_li">
<img src="images/avatar.png" alt="avatar" class="avatar" />
<div class="textarea">
<p class="meta">May 18, 2012 Designmd says:</p>