<!DOCTYPE HTML>
<html>
<head>
<title>Blog</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- Custom Theme files -->
<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="Snow Skating 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>
</script>
<script src="http://fonts.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
<!--webfonts-->
<link href='http://222.178.203.72:19005/whst/63/_ZiZwztrdrnzbnl//css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--//End-top-nav-script-->
</head>
<body>
<!-- start-header-->
<div class="header-top">
<div class="container">
<div class="top-header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<!--start-top-nav-->
<!--start-top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html"> About </a></li>
<li class="active"><a href="blog.html">Blog </a></li>
<li><a href="404.html"> Schedule </a></li>
<li><a href="cart.html">Shop</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
<a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<!-- start search-->
<div class="clearfix"></div>
</div>
<div class="main-search">
<form action="search.html">
<input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}" class="text"/>
<input type="submit" value=""/>
</form>
<div class="close"><img src="images/cross.png" /></div>
</div>
<div class="srch"><button></button></div>
<script type="text/javascript">
$('.main-search').hide();
$('button').click(function (){
$('.main-search').show();
$('.main-search text').focus();
}
);
$('.close').click(function(){
$('.main-search').hide();
});
</script>
<div class="clearfix"></div>
</div>
</div>
<!-- Blog -->
<div class="blog">
<div class="container">
<div class="blog-content">
<div class="container">
<div class="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>Mar,2014</label></p></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info">
<ul class="product-head">
<li><a href="index.html">Home</a> <span>::</span></li>
<li class="active-page">Blog</li>
<div class="clear"> </div>
</ul>
<div class="blog-artical-info-img">
<a href="blog-inner.html" class="mask"><img src="images/blog1.jpg" alt="image" class="img-responsive zoom-img"></a>
</div>
<div class="blog-artical-info-head">
<h2><a href="blog-inner.html">SUSPENDISSE SOLLICITUDIN VELIT </a></h2>
<ul>
<li><span> </span>by <a href="#">John Deo</a></li>
<li><span class="tag"> </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.
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.
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.</p>
<nav class="cl-effect-20" id="cl-effect-20">
<a href="blog-inner.html"><span data-hover="Read More">Read Mome</span></a>
</nav>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="blog-artical">
<div class="blog-artical-basicinfo">
<ul>
<li class="post-date"><p><span> 25</span><label>May,2014</label></p></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="blog-artical-info">
<div class="blog-artical-info-img">
<a href="blog-inner.html" class="mask"><img src="images/blog2.jpg" alt="image" class="img-responsive zoom-img"></a>
</div>
<div class="blog-artical-info-head">
<h2><a href="blog-inner.html">SUSPENDISSE SOLLICITUDIN VELIT </a></h2>
<ul>
<li><span> </span>by <a href="#">John Deo</a></li>
<li><span class="tag"> </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.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.
Lorem Ipsum is simply dummy text of the printing and t