<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Textile Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='#css?family=Istok+Web:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Lobster' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="header-top">
<div class="container">
<div class="phone">
<h3><span>Phone</span> : +1 234 567 8907</h3>
</div>
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="location">
<h3><span>Location</span> : 10-344 Ng-Park,London</h3>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="banner1">
<div class="container">
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="404.html">PRODUCTS</a></li>
<li class="active"><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACTS</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<!-- header -->
<!-- Blog -->
<div class="blog">
<div class="container">
<div class="blog-content">
<div class="col-md-9 blog-content-left">
<div class="blog-articals">
<div class="blog-artical">
<div class="blog-artical-basicinfo">
<ul>
<li class="post-date"><p><span> 05</span><label>Nov,2014</label></p></li>
<li class="categoery"> <span> </span></li>
<li class="artlick"><a href="#"><span> </span> <i>90</i></a></li>
<li class="art-comment"><a href="#"><span> </span> <i>50</i></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info">
<div class="blog-artical-info-img">
<a href="single.html"><img src="images/slide1.jpg" title="post-name"></a>
</div>
<div class="blog-artical-info-head">
<h2><a href="single.html">Blog image and text post</a></h2>
<ul>
<li><span> </span>by <a href="#">John Deo</a></li>
<li><span> </span><a href="#">Lorem</a>,<a href="#">Ipsum</a>,<a href="#">printer</a>,<a href="#">unknown</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<a href="#">[...]</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="blog-artical">
<div class="blog-artical-basicinfo">
<ul>
<li class="post-date"><p><span> 05</span><label>Nov,2014</label></p></li>
<li class="categoery"> <span> </span></li>
<li class="artlick"><a href="#"><span> </span> <i>90</i></a></li>
<li class="art-comment"><a href="#"><span> </span> <i>50</i></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info">
<div class="blog-artical-info-img">
<a href="single.html"><img src="images/slide2.jpg" title="post-name"></a>
</div>
<div class="blog-artical-info-head">
<h2><a href="single.html">Blog image and text post</a></h2>
<ul>
<li><span> </span>by <a href="#">John Deo</a></li>
<li><span> </span><a href="#">Lorem</a>,<a href="#">Ipsum</a>,<a href="#">printer</a>,<a href="#">unknown</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<a href="#">[...]</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="blog-artical">
<div class="blog-artical-basicinfo">
<ul>
<li class="post-date"><p><span> 05</span><label>Nov,2014</label></p></li>
<li class="categoery"> <span> </span></li>
<li class="artlick"><a href="#"><span> </span> <i>90</i></a></li>
<li class="art-comment"><a href="#"><span> </span> <i>50</i></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info">
<div class="blog-artical-info-img">
<a href="single.html"><img src="images/slide3.jpg" title="post-name"></a>
</div>
<div class="blog-artical-info-head">
<h2><a href="single.html">Blog image and text post</a></h2>
<ul>
<li><span> </span>by <a href="#">John Deo</a></li>
<li><span> </span><a href="#">Lorem</a>,<a href="#">Ipsum</a>,<a href="#">printer</a>,<a href="#">unknown</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info-text">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<a href="#">[...]</a></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---start-blog-pagenate---->
<div class="blog-pagenat">
<ul>
<li><a class="frist" href="#">first</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a class="last" href="#">last</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!---//End-blog-pagenate---->
</div>
<div class="col-md-3 blog-content-right">
<div class="b-search">
<form>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="">
</form>
</div>
<!---start-twitter-weight---->
<div class="twitter-weights">
<h3>Tweet Widget</h3>
<div class="twitter-weight-grid">
<h4><span> </span>Jhon Doe</h4>
<p>Lorem ipsum dolor sit amet, consectetur elit,labore et dolore magna aliqua. <a href="#">http://t.co/h12k</a></p>
<i><a href="#">2 days ago</a></i>
</div>
<div class="twitter-weight-grid">
<h4><span> </span>Jhon Doe