File size: 8.32Kb
<!--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>Hexa webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: 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="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="mobile/images/logo.png" alt="" class="responsive"/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="#home">home</option>
<option value="portfolio.html">portfolio</option>
<option value="index.html">About</option>
<option value="blog.html">blog</option>
<option value="#contact">Contact</option>
</select>
</div>
<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="mobile/images/blog_pic1.jpg" alt="" class="blog_img img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply</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>
</ul>
</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.</p>
<div class="read_more btm">
<a href="single-page.html">view more</a>
</div>
</div>
<div class="blog_main">
<a href="single-page.html"><img src="mobile/images/blog_pic2.jpg" alt="" class="blog_img img-responsive"/></a>
<h4><a href="single-page.html">Lorem Ipsum is simply </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>
</ul>
</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. </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="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/images/ads_pic.jpg" alt=""> </a></li>
<li><a href="#"><img src="mobile/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"><img src="mobile/images/twitter.png" alt=""/> </div></a></li>
<li><a href="#" class="facebook-followers"><div class="followers"><p><span>5k</span>Followers</p></div><div class="social_network"><img src="mobile/images/fb.png" alt=""/></div></a></li>
<li><a href="#" class="email"><div class="followers"><p><span>7.5k</span>members</p></div><div class="social_network"><img src="mobile/images/mail1.png" alt=""/></div> </a></li>
<li><a href="#" class="dribble"><div class="followers"><p><span>10k</span>Followers</p></div><div class="social_network"><img src="mobile/images/dribbble.png" alt=""/></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>