File size: 10.31Kb
<!--
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>Hexa for Iphone, Android Smartphone Mobile Website Template | Blog : w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="The free Hexa 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">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Kreon:300,400,700' rel='stylesheet' type='text/css'>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="smartphone/js/jquery.min.js"></script>
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/smartphone/css/font-awesome.min.css">
<!----font-Awesome----->
</head>
<body>
<div class="header_bg" id="home"><!-- start header -->
<div class="container">
<div class="row header text-center specials">
<div class="h_logo">
<a href="index.html"><img src="smartphone/images/logo.png" alt="" class="responsive"/></a>
</div>
<nav class="top-nav">
<ul class="top-nav nav_list">
<li><a href="portfolio.html">portfolio</a></li>
<li class="page-scroll"><a href="index.html">About</a></li>
<li class="logo page-scroll"><a title="hexa" href="index.html"><img src="smartphone/images/logo.png" alt="" class="responsive"/></a></li>
<li class="page-scroll"><a href="blog.html">blog</a></li>
<li class="page-scroll"><a href="#contact">get in touch</a></li>
</ul>
<a href="#" id="pull"></a>
</nav>
<div class="clear"></div>
</div>
</div>
</div>
<div class="blog"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-8 blog_left">
<h2 class="style">our recent blogs</h2>
<div class="blog_main">
<a href="single-page.html"><img src="smartphone/images/blog_pic1.jpg" alt="" class="blog_img img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text</a></h4>
<div class="blog_list">
<ul class="list-unstyled">
<li><i class="fa fa-calendar-o"></i><span>June 3, 2013</span></li>
<li><a href="#"><i class="fa fa-comment"></i><span>Comments</span></a></li>
<li><i class="fa fa-user"></i><span>Admin</span></li>
<li><a href="#"><i class="fa fa-eye"></i><span>124 views</span></a></li>
</ul>
</div>
<div class="b_left">
<a href=""><i class="fa fa-heart"></i><span> 28</span></a>
</div>
<div class="clear"></div>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p>
<div class="read_more btm">
<a href="single-page.html">view more</a>
</div>
</div>
<div class="blog_main">
<iframe src="//player.vimeo.com/video/25541923?color=c9161f" width="100%" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<h4><a href="single-page.html">Lorem Ipsum is simply dummy text </a></h4>
<div class="blog_list">
<ul class="list-unstyled">
<li><i class="fa fa-calendar-o"></i><span>June 3, 2013</span></li>
<li><a href="#"><i class="fa fa-comment"></i><span>Comments</span></a></li>
<li><i class="fa fa-user"></i><span>Admin</span></li>
<li><a href="#"><i class="fa fa-eye"></i><span>124 views</span></a></li>
</ul>
</div>
<div class="b_left">
<a href=""><i class="fa fa-heart"></i><span>357</span></a>
</div>
<div class="clear"></div>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing</p>
<div class="read_more btm">
<a href="single-page.html">view more</a>
</div>
</div>
</div>
<div class="col-md-4 blog_right">
<ul class="ads_nav list-unstyled">
<h4>Ads 125 x 125</h4>
<li><a href="#"><img src="smartphone/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="smartphone/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="smartphone/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="smartphone/images/ads_pic.jpg" alt=""> </a></li>
<div class="clear"></div>
</ul>
<ul class="tag_nav list-unstyled">
<h4>tags</h4>
<li class="active"><a href="#">art</a></li>
<li><a href="#">awesome</a></li>
<li><a href="#">classic</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">wordpress</a></li>
<li><a href="#">videos</a></li>
<li><a href="#">standard</a></li>
<li><a href="#">gaming</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">music</a></li>
<li><a href="#">data</a></li>
<div class="clear"></div>
</ul>
<!-- start social_network_likes -->
<div class="social_network_likes">
<ul class="list-unstyled">
<li><a href="#" class="tweets"><div class="followers"><p><span>2k</span>Followers</p></div><div class="social_network"><i class="twitter-icon"> </i> </div></a></li>
<li><a href="#" class="facebook-followers"><div class="followers"><p><span>5k</span>Followers</p></div><div class="social_network"><i class="facebook-icon"> </i> </div></a></li>
<li><a href="#" class="email"><div class="followers"><p><span>7.5k</span>members</p></div><div class="social_network"><i class="email-icon"> </i></div> </a></li>
<li><a href="#" class="dribble"><div class="followers"><p><span>10k</span>Followers</p></div><div class="social_network"><i class="dribble-icon"> </i></div></a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="news_letter">
<h4>news letter</h4>
<form>
<span><input type="text" placeholder="Your email address"></span>
<span class="pull-right fa-btn btn-1 btn-1e"><input type="submit" value="subscribe"></span>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div><!-- end main -->
<div class="footer_bg" id="contact"><!-- start footer -->
<div class="container">
<div class="row footer">
<div class="col-md-8 contact_left">
<h3>get in touch</h3>
<p>In order to get in touch use the contact form below:</h4>
<form method="post" action="contact-post.html">
<input type="text" value="Name (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
<input type="text" value="Email (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
<input type="text" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
<textarea onfocus="if(this.value == 'Your Message here....') this.value='';" onblur="if(this.value == '') this.value='Your Message here....;" >Your Message here....</textarea>
<span class="pull-right"><input type="submit" value="submit us"></span>
<div class="clear"></div>
</form>
</div>
<div class="col-md-4 contact_right">
<p><span>Lorem Ipsum is simply dummy text: </span> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<ul class="list-unstyled address">
<li><i class="fa fa-map-marker"></i><span>500 Lorem Ipsum Dolor Sit,</span></li>
<li><i class="fa fa-phone"></i><span>(00) 222 666 444</span></li>
<li><i class="fa fa-envelope"></i><a href="mailto:info@mycompany.com">info(at)mycompany.com</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer1_bg"><!-- start footer1 -->
<div class="container">
<div class="row footer">
<div class="copy text-center">
<p class="link"><span>© All rights reserved | Template by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
<a href="#home" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
</div>
<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!---- start-smoth-scrolling---->
</div>
</div>
</body>
</html>