File size: 4.14Kb
<!--
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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>The Yolk Mobile Template :: w3layouts</title>
<link href="mobile/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="mobile/css/theme.css" rel='stylesheet' type='text/css' />
<meta name="keywords" content="Yolk iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<!----start-container----->
<div class="header-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="logo text-center"><a href="index.html"><img src="mobile/images/logo.png" alt=""/></a></div>
</div>
<div class="col-md-8">
<div class="drp-dwn select">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html" class="scroll">Home</option>
<option value="about.html" class="scroll">About</option>
<option value="blog.html" class="scroll">Blog</option>
<option value="contact.html" class="scroll">Contact</option>
</select>
</div>
</div>
<!----start-images-slider---->
<!-- Single button -->
<div class="clear"></div>
</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>
</div>
<div class="clear"></div>
<!---start-Blog---->
<div class="container">
<div class="blog">
<div class="blog-grids">
<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="mobile/images/blog-pic.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="mobile/images/admin-pic1.jpg" title="admin" /></a>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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="mobile/images/blog-pic1.jpg" title="poast-name" /></a>
</div>
<div class="blog-poast-admin">
<a href="#"><img src="mobile/images/admin-pic2.jpg" title="admin" /></a>
</div>
</div>
<div class="blog-info">
<h3><a href="#">Lorem Ipsum is typesetting</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<a class="btn" href="details.html">Details</a>
</div>
</div>
</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="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>