File size: 13.39Kb
<!--
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>Aluspisan for Iphone, Android & Smartphone Mobile Website Template | Home :: 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="Aluspisan 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" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="smartphone/css/flexslider.css" type="text/css" media="screen" />
<script src="smartphone/js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="logo">
<a href="index.html"><img src="smartphone/images/logo.png" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li class="active"><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clear"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="clear"> </div>
<h1>single</h1>
</div>
</div>
<!-- header -->
<div class="blog">
<div class="container">
<div class="blog-left">
<div class="blog-left-head">
<span> </span>
<h3>BLOG</h3>
</div>
<!---start-blog-single-page---->
<div class="blog-single-page">
<h3><a href="#">Visualizing Tweets around Emmy-nominated shows</a></h3>
<div class="blog-artical-grid-pic-info">
<div class="blog-artical-grid-pic">
<img src="smartphone/images/device2.jpg" class="img-responsive" alt="" />
</div>
<div class="blog-artical-grid-pic-info-admin">
<div class="blog-artical-grid-pic-info-admin-left">
<ul>
<li><a href="#"><img src="smartphone/images/admin-pic1.jpg" title="name-here"></a></li>
<li><p>Written by <a href="#">Garry Walt</a></p></li>
</ul>
</div>
<div class="blog-artical-grid-pic-info-admin-right">
<h6>19/<span>09</span></h6>
</div>
<div class="clear"> </div>
</div>
</div>
<!----start-artical-tags---->
<div class="artical-tags">
<ul>
<li><a href="#">Art</a></li>
<li><a href="#">WebDesign</a></li>
<li><a href="#">Logotypes</a></li>
<div class="clear"> </div>
</ul>
</div>
<!----//End-artical-tags---->
<div class="blog-single-page-artical-info">
<div class="blog-single-page-artical-info-left">
<p class="para1"><span>D</span>onec sed odio dui. Nulla vitae elit libero, a pharetra augue.</p>
<p>Lorem ipsum dolor sit amet voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h3>Vitae adipisicing elit libe</h3>
<p>Haretra augue. Nullam id dolor velit aliquet.Pie wafer wypas chupa chups bear claw.</p>
</div>
<div class="blog-single-page-artical-info-right">
<p>Donec sed odio dui. Marshmallow wypas Gummi bears cake chocolate cake tiramisu sesame snaps.</p>
<p class="spa-para">Plum liquorice cookie ice applicake apple pie.ice cream applicake wafer powder lemon drops.</p>
<h3>Vitae adipisicing elit libe</h3>
<p>Venenatis dapibus posuere velit aliquet. Duis mollis, est commodo luctus, nisi erat porttitor ligula, eget lacinia.</p>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<div class="blog-single-page-artical-comment-section">
<div class="comment-secion-head">
<span> </span>
<h2>Comments<label>(5)</label></h2>
</div>
<div class="artical-comment-grid">
<div class="artical-comment-grid-left">
<a href="#"><img src="smartphone/images/admin-pic1.jpg" alt=""></a>
</div>
<div class="artical-comment-grid-info">
<ul>
<li class="p-name"><a href="">Endy Brown</a></li>
<li>8 September, 2013 at 8:24 am / </li>
<li class="p-replay"><a href="">REPLY </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="artical-comment-grid sub-comment">
<div class="artical-comment-grid-left">
<a href="#"><img src="smartphone/images/admin-pic2.jpg" alt=""></a>
</div>
<div class="artical-comment-grid-info">
<ul>
<li class="p-name"><a href="">Millana Watson</a></li>
<li>8 September, 2013 at 8:24 am / </li>
<li class="p-replay"><a href="">REPLY </a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="artical-comment-grid sub-comment">
<div class="artical-comment-grid-left">
<a href="#"><img src="smartphone/images/admin-pic3.jpg" alt=""></a>
</div>
<div class="artical-comment-grid-info">
<ul>
<li class="p-name"><a href="">Andrew Haching</a></li>
<li>8 September, 2013 at 8:24 am / </li>
<li class="p-replay"><a href="">REPLY </a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="artical-comment-grid">
<div class="artical-comment-grid-left">
<a href="#"><img src="smartphone/images/admin-pic4.jpg" alt=""></a>
</div>
<div class="artical-comment-grid-info">
<ul>
<li class="p-name"><a href="">Bruse Loome</a></li>
<li>8 September, 2013 at 8:24 am / </li>
<li class="p-replay"><a href="">REPLY </a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="comment-secion-head">
<span> </span>
<h2>Post-Comment</h2>
</div>
<!----start-leavecomment---->
<div class="leave-comment">
<div class="table-form">
<form action="#" method="post" name="post_comment">
<div>
<label>Name<span>*</span></label>
<input type="text" value=" ">
</div>
<div>
<label>Email<span>*</span></label>
<input type="text" value=" ">
</div>
<div>
<label>Your Comment<span>*</span></label>
<textarea> </textarea>
</div>
<input type="submit" value="Submit">
</form>
</div>
</div>
<!----//End-leavecomment---->
</div>
</div>
<!---//End-blog-single-page---->
</div>
<div class="blog-right">
<div class="blog-right-head">
<span> </span>
<h3>CaTEGORIES</h3>
</div>
<!----start-accordinatio-files--->
<script src="smartphone/js/vallenato.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="smartphone/css/vallenato.css" type="text/css" media="screen" charset="utf-8">
<!----start-accordinatio-files--->
<div class="blog-right-accordinations">
<h2 class="accordion-header active-header">Webdesign</h2>
<div class="accordion-content open-content" style="width: 242px; display: block;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
<h2 class="accordion-header inactive-header">Art design</h2>
<div class="accordion-content" style="width: 242px;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
<h2 class="accordion-header inactive-header">Logotypes</h2>
<div class="accordion-content" style="width: 242px;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
<h2 class="accordion-header inactive-header">Photography</h2>
<div class="accordion-content" style="width: 242px;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
<h2 class="accordion-header inactive-header">Videos</h2>
<div class="accordion-content" style="width: 242px;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
<h2 class="accordion-header inactive-header">Other</h2>
<div class="accordion-content" style="width: 242px;">
<ul>
<li><a href="#">adipiscing elit.</a></li>
<li><a href="#">consectetur </a></li>
</ul>
</div>
</div>
<!----start-tags---->
<div class="blog-right-head">
<span> </span>
<h3>Tag's</h3>
</div>
<div class="tags-for">
<ul>
<li><a href="#">Art</a></li>
<li><a href="#">WebDesign</a></li>
<li><a href="#">Logotypes</a></li>
<li><a href="#">Photo</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Other</a></li>
<li><a href="#">WEb</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!----//End-tags---->
<!----start-comments---->
<div class="blog-comments">
<div class="blog-right-head">
<span> </span>
<h3>Last Comments</h3>
</div>
<div class="blog-comment-grids">
<div class="blog-comment-grid">
<div class="blog-comment-grid-left">
<img src="smartphone/images/admin-pic1.jpg" alt="">
</div>
<div class="blog-comment-grid-right">
<a href="#">Endy Brown</a>
<p>Lorem ipsum dolor sit amet. </p>
</div>
<div class="clear"> </div>
</div>
<div class="blog-comment-grid">
<div class="blog-comment-grid-left">
<img src="smartphone/images/admin-pic2.jpg" alt="">
</div>
<div class="blog-comment-grid-right">
<a href="#">Millana Watson</a>
<p>Lorem ipsum dolor sit amet. </p>
</div>
<div class="clear"> </div>
</div>
<div class="blog-comment-grid">
<div class="blog-comment-grid-left">
<img src="smartphone/images/admin-pic3.jpg" alt="">
</div>
<div class="blog-comment-grid-right">
<a href="#">Andrew Haching</a>
<p>Lorem ipsum dolor sit amet. </p>
</div>
<div class="clear"> </div>
</div>
<div class="blog-comment-grid">
<div class="blog-comment-grid-left">
<img src="smartphone/images/admin-pic4.jpg" alt="">
</div>
<div class="blog-comment-grid-right">
<a href="#">Bruse Loome</a>
<p>Lorem ipsum dolor sit amet. </p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!----start-Comments---->
</div>
<div class="clear"> </div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<div class="col-md-4">
<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="col-md-4 policy">
<ul>
<li><a href="#">Privacy Policy</li></a>
<li><a href="#">Terms of Use</li></a>
<li><a href="#">FAQs</li></a>
<div class="clear"></div>
</ul>
</div>
<div class="col-md-4 social">
<ul>
<li><a href="#"><i class="fb"> </i></li></a>
<li><a href="#"><i class="twt"> </i></li></a>
<li><a href="#"><i class="goog"> </i></li></a>
<li><a href="#"><i class="in"> </i></li></a>
<li><a href="#"><i class="pp"> </i></li></a>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- footer -->
</body>
</html>