File size: 6.22Kb
<!--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>
<html>
<head>
<title>The Blueasy for Iphone, Android & Smartphone Mobile Website Template | Single :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Blueasy Iphone web template, Andriod web template, Smartphone 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="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,800' rel='stylesheet' type='text/css'>
<script src="smartphone/js/jquery-1.9.1.min.js"></script>
<!--nav-->
<script src="smartphone/js/mobile.js"></script>
</script><script type="text/javascript">window.onload = function() { w3Init(); };</script>
<script type="text/javascript" src="smartphone/js/move-top.js"></script>
<script type="text/javascript" src="smartphone/js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
</head>
<body>
<!--start header-->
<div class="wrap">
<div class="header">
<div class="header-top">
<div id="w3-masthead">
<div id="w3-universal-nav">
<ul id="header">
<div class="logo">
<a href="index.html"><img src="smartphone/images/logo.png" alt=""/></a>
</div>
</ul>
<div id="w3-mobile-options">
<li id="w3-menu-trigger">
<a href="">Menu</a></li>
</div>
<ul id="w3-menu-links" style="display: none;">
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--end header-->
<div class="single">
<div class="container">
<h3>nihil imperdiet doming</h3>
<div class="extra">
<time pubdate="" datetime="2014-03-30T14:47:59">
January 30, 2014 - 14:47 </time> /
by <span class="username">admin</span> /
<a href="#" class="comment_count">1 comment(s)</a>
</div>
<img src="smartphone/images/single.jpg" class="img-responsive" alt=""/>
<p>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 nostrud exerc.</p>
<div class="links">
<ul>
<li><a href="#"><i class="blog_icon1"> </i><span>june 14, 2013</span></a></li>
<li><a href="#"><i class="blog_icon2"> </i><span>admin</span></a></li>
<li><a href="#"><i class="blog_icon3"> </i><span>No comments</span></a></li>
<li><a href="#"><i class="blog_icon4"> </i><span>View posts</span></a></li>
<li><a href="#"><i class="blog_icon5"> </i><span>permalink</span></a></li>
</ul>
</div>
<div class="comment">
<h2>Comments</h2>
<ul class="comment-list">
<li><img src="smartphone/images/avatar.jpg" alt=""/>
<div class="desc">
<h5><a href="#">Lorem ipsum dolor sit amet</a></h5>
<div class="extra">
<time pubdate="" datetime="2014-03-30T14:47:59">
Submitted by admin on January 30, 2014 - 14:47 </time>
</div>
<p>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</p>
<div class="reply"><a class="comment-reply-link" href="#">Reply</a></div>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="comments-area">
<h2>Add New Comment</h2>
<form>
<p>
<label>Name</label>
<span>*</span>
<input type="text" value="">
</p>
<p>
<label>Email</label>
<span>*</span>
<input type="text" value="">
</p>
<p>
<label>Website</label>
<input type="text" value="">
</p>
<p>
<label>Subject</label>
<span>*</span>
<textarea></textarea>
</p>
<p>
<input type="submit" value="Submit Comment">
</p>
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<ul class="footer-nav">
<li><a href="#">Home</a></li> |
<li><a href="#">Services</a></li> |
<li><a href="#">Portfolio</a></li> |
<li><a href="#">Contact</a></li>
</ul>
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
<div class="clear"></div>
</div>
<!--end contact-->
<script type="text/javascript">
$(document).ready(function() {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</div>
</body>
</html>