File size: 11.96Kb
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>The Yolk Website Template :: w3layouts</title>
<link href="web/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="web/css/theme.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<script type="text/javascript" src="web/js/jquery.min.js"></script>
<script type="text/javascript" src="web/js/bootstrap.js"></script>
<script type="text/javascript" src="web/js/bootstrap.min.js"></script>
<!-- jquery plguin -->
<link rel="stylesheet" href="web/css/jquery-ui.css" />
</head>
<body>
<!----start-container----->
<div class="header-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="logo"><a href="index.html"><img src="web/images/logo.png" alt=""/></a></div>
</div>
<div class="col-md-8">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"><span class="text-left"><a href="#">MENU</a></span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<div class="btn-group show-on-hover">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Categories<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">New arrivals</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="right">
<ul class="list-unstyled">
<li class="a text-left"><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a> $2,534,5435</li>
<li><a href="#">Checkout</a></li>
</ul>
</div>
</div>
<!----start-images-slider---->
<!-- Single button -->
</div>
</div>
</div>
<div class="blog-head">
<div class="container">
<div class="row">
<div class="col-md-12 text-left">
<h2>Blog</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="destination-head">
<!---End-destinatiuons---->
<div class="find-place dfind-place">
<div class="wrap">
<div class="p-h">
<span>FIND YOUR</span>
<label>LOREM IPSUM</label>
</div>
<!---strat-date-piker---->
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<!---/End-date-piker---->
<div class="p-ww">
<form>
<span> Where</span>
<input class="dest" type="text" value="lorem ipsum" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Lorem ipsum';}">
<span> When</span>
<input class="date" id="datepicker" type="text" value="Select date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Select date';}">
<input type="submit" value="Search" />
</form>
</div>
<div class="clear"> </div>
</div>
</div>
<!----//End-find-place---->
</div>
</div>
</div>
</div>
</div>
<!---start-Blog---->
<div class="container">
<div class="blog">
<div class="blog-grids">
<div class="blog-grids-head">
</div>
<div class="blog-grids-box">
<div class="row">
<div class="col-md-6">
<div class="blog-grid">
<div class="blog-poast-head">
<div class="blog-art-pic">
<a class="post-pic" href="#"> <img src="web/images/blog-pic.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="web/images/admin-pic1.jpg" title="admin" /></a>
</div>
<div class="blog-poast-info">
<ul>
<li><a class="admin" href="#"><span> </span> Admin </a></li>
<li><a class="p-date" href="#"><span> </span>4-03-2014 </a></li>
<li><a class="p-blog" href="#"><span> </span>Blog,News</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting industry.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<a class="btn" href="details.html">Details</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="blog-grid">
<div class="blog-poast-head">
<div class="blog-art-pic">
<a class="post-pic" href="#"> <img src="web/images/blog-pic1.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="web/images/admin-pic2.jpg" title="admin" /></a>
</div>
<div class="blog-poast-info">
<ul>
<li><a class="admin" href="#"><span> </span> Admin </a></li>
<li><a class="p-date" href="#"><span> </span>4-03-2014 </a></li>
<li><a class="p-blog" href="#"><span> </span>Blog,News</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting industry.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<a class="btn" href="details.html">Details</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="blog-grid">
<div class="blog-poast-head">
<div class="blog-art-pic">
<a class="post-pic" href="#"> <img src="web/images/blog-pic2.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="web/images/admin-pic3.jpg" title="admin" /></a>
</div>
<div class="blog-poast-info">
<ul>
<li><a class="admin" href="#"><span> </span> Admin </a></li>
<li><a class="p-date" href="#"><span> </span>4-03-2014 </a></li>
<li><a class="p-blog" href="#"><span> </span>Blog,News</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting industry.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<a class="btn" href="details.html">Details</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="blog-grid">
<div class="blog-poast-head">
<div class="blog-art-pic">
<a class="post-pic" href="#"> <img src="web/images/blog-pic.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="web/images/admin-pic4.jpg" title="admin" /></a>
</div>
<div class="blog-poast-info">
<ul>
<li><a class="admin" href="#"><span> </span> Admin </a></li>
<li><a class="p-date" href="#"><span> </span>4-03-2014 </a></li>
<li><a class="p-blog" href="#"><span> </span>Blog,News</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting industry.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<a class="btn" href="details.html">Details</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="criuse-grid-load"><a href="#">Loading More</a></div>
</div>
</div>
<!----//End-Blog---->
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="list-inline pull-left">
<li><a href="#">Terms of Services</a></li>
<li><a href="#">Refunds</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
<form class="navbar-form pull-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="Find" class="btn btn-default">Find</button>
</form>
</div>
</div>
<div class="copy-right text-center">
<p>©Copyright 2014 All Rights Reserved Template <a href="http://w3layouts.com/"> w3layouts.com</a></p>
</div>
</div>
</div>
</body>
</html>