File size: 9.01Kb
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Gym for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Blog_single :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<!-- start header_bottom -->
<div class="header-bottom">
<div class="header-bottom_left">
<i class="phone"> </i><span>1-200-346-2986</span>
</div>
<div class="social">
<ul>
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="google"><a href="#"><span> </span></a></li>
<li class="tumblr"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="rss"><a href="#"><span> </span></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- end header_bottom -->
<div class="menu">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">Home</option>
<option value="about.html">About</option>
<option value="trainers.html">Trainers</option>
<option value="classes.html">Classes</option>
<option value="blog.html">Blog</option>
<option value="pricing.html">Pricing</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
</div>
<!-- end menu -->
<div class="main">
<div class="about_banner_img"><img src="mobile/images/blog_single.jpg" alt=""/></div>
<div class="about_banner_wrap">
<h1 class="m_11">Blog</h1>
</div>
<div class="border"> </div>
<div class="row single-top">
<div class="col-md-8">
<div class="blog_single_grid">
<ul class="links_blog">
<h3><a href="blog_single.html">consectetuer sed diam</a></h3>
<li><a href="#"><i class="blog_icon5"> </i><span>April 14, 2014</span></a> <div class="clear"></div></li>
<li><a href="#"><i class="blog_icon6"> </i><span>admin</span></a><div class="clear"></div></li>
<li><a href="#"><i class="blog_icon7"> </i><span>1206</span></a><div class="clear"></div></li>
<li><a href="#"><i class="blog_icon8"> </i><span>1206</span></a><div class="clear"></div></li>
</ul>
<img src="mobile/images/blog_single1.jpg" alt=""/>
<div class="blog_single_desc">
<p class="m_16">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
<p class="m_17">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<ul class="social_blog">
<h3>Share</h3>
<li class="fb"><a href="#"><span> </span></a></li>
<li class="tw"><a href="#"><span> </span></a></li>
<li class="google_blog"><a href="#"><span> </span></a></li>
<li class="linkedin"><a href="#"><span> </span></a></li>
<div class="clear"></div>
</ul>
<ul class="comments">
<h4>10 Comments</h4>
<li>
<ul class="comment_head">
<h5>etus et <span class="m_21"><a href="#">26 April 2104, 15:20</a></span></h5> <div class="reply1"><i class="reply"> </i><span class="m_22"><a href="">Reply</a></span></div><div class="clear"></div>
</ul>
<i class="preview"> </i>
<div class="data">
<p>Pellentesque habitant morbi tristique.</p>
</div>
<div class="clear"></div>
</li>
<ul class="comment_head">
<h5>etus et <span class="m_21"><a href="#">26 April 2104, 15:20</a></span></h5> <div class="reply1"><i class="reply"> </i><span class="m_22"><a href="">Reply</a></span></div><div class="clear"></div>
</ul>
<li class="middle">
<i class="preview"> </i>
<div class="data-middle">
<p>netus et malesuada fames ac.</p>
</div>
<div class="clear"></div>
</li>
<ul class="comment_head">
<h5>etus et <span class="m_21"><a href="#">26 April 2104, 15:20</a></span></h5> <div class="reply1"><i class="reply"> </i><span class="m_22"><a href="">Reply</a></span></div><div class="clear"></div>
</ul>
<li>
<i class="preview"> </i>
<div class="data">
<p>Pellentesque habitant morbi tristique.</p>
</div>
<div class="clear"></div>
</li>
<h4>Leave a comment</h4>
<form id="commentform">
<p class="comment-form-author"><label for="author">Name</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true">
</p>
<p class="comment-form-email">
<label for="email">Email</label>
<input id="email" name="email" type="text" value="" size="30" aria-required="true">
</p>
<p class="comment-form-url">
<label for="url">Website</label>
<input id="url" name="url" type="text" value="http://w3layouts.com" size="30">
</p>
<p class="comment-form-comment">
<label for="comment">Comment</label>
<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</p>
<p class="form-submit">
<input name="submit" type="submit" id="submit" value="Send">
</p>
<div class="clear"></div>
</form>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="footer-bottom">
<div class="row section group">
<div class="col-md-4">
<h4 class="m_7">Newsletter Signup</h4>
<p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonummy.</p>
<form class="subscribe">
<input type="text" value="Insert Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Insert Email';}">
</form>
<div class="subscribe1">
<a href="#">Submit Email<i class="but_arrow"> </i></a>
</div>
</div>
<div class="col-md-4">
<div class="f-logo">
<img src="mobile/images/logo.png" alt=""/>
</div>
<p class="m_9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis</p>
<p class="address">Phone : <span class="m_10">(00) 222 666 444</span></p>
<p class="address">Email : <span class="m_10">info[at]mycompany.com</span></p>
</div>
<div class="col-md-4">
<div class="footer_lists">
<ul class="list">
<h4 class="m_7">Menu</h4>
<li><a href="#">About</a></li>
<li><a href="#">Trainers</a></li>
<li><a href="#">Classes</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="list1">
<h4 class="m_7">Community</h4>
<li><a href="#">Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="copyright">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="social">
<ul>
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="google"><a href="#"><span> </span></a></li>
<li class="tumblr"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="rss"><a href="#"><span> </span></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>