File size: 6.14Kb
<!--
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 | Single-Page : 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="clearfix"></div>
</div>
</div>
</div>
<div class="blog"><!-- start main -->
<div class="container">
<div class="main row">
<h2 class="style">Lorem use a passags</h2>
<div class="details row">
<div class="col-md-6">
<img src="smartphone/images/det_pic.jpg" alt="" class="img-responsive"/>
</div>
<div class="col-md-6">
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form alteration in some form, by injected humour. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
</div>
<div class="clear"></div>
</div>
<p class="para">But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system. </p>
<div class="read_more">
<a href="single-page.html">read more</a>
</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>
</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>