<!--
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 | Portfolio : 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----->
<!-- start light_box -->
<link rel="stylesheet" type="text/css" href="smartphone/css/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="smartphone/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="smartphone/js/jquery.fancybox-1.2.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("div.fancyDemo a").fancybox();
});
</script>
</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="container"><!-- start main -->
<div class="main row">
<h2 class="style">list of projects</h2>
<div class="grids_of_4 row">
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic1.jpg"><img src="smartphone/images/pic1.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Lorem Ipsum is simply</a></h3>
<p class="para">There are many variations of passages of Lorem Ipsum available,</p>
<h4><a href="single-page.html">ipsum dolor</a> </h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic2.jpg"><img src="smartphone/images/pic2.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">long established fact</a></h3>
<p class="para">Our website design and development provides quality web solutions,</p>
<h4><a href="single-page.html">Lorem ipsum</a></h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic3.jpg"><img src="smartphone/images/pic3.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Contrary to popular</a></h3>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do EIUSMOD tempor,</p>
<h4><a href="single-page.html">consectetur lipsum</a></h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic4.jpg"><img src="smartphone/images/pic4.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Lorem Ipsum available</a></h3>
<p class="para">There are many variations of passages of Lorem Ipsum available,</p>
<h4><a href="single-page.html">lipsum adipisicing</a></h4>
</div>
<div class="clear"></div>
</div>
<div class="grids_of_4 row">
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic5.jpg"><img src="smartphone/images/pic5.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">long established fact</a></h3>
<p class="para">There are many variations of passages of Lorem Ipsum available,</p>
<h4><a href="single-page.html">ipsum dolor</a> </h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic6.jpg"><img src="smartphone/images/pic6.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Lorem Ipsum is simply</a></h3>
<p class="para">Our website design and development provides quality web solutions,</p>
<h4><a href="single-page.html">Lorem ipsum</a></h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic7.jpg"><img src="smartphone/images/pic7.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Lorem Ipsum available</a></h3>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do EIUSMOD tempor,</p>
<h4><a href="single-page.html">consectetur lipsum</a></h4>
</div>
<div class="col-md-3 images_1_of_4">
<div class="fancyDemo">
<a rel="group" title="" href="smartphone/images/pic8.jpg"><img src="smartphone/images/pic8.jpg" alt=""class="img-responsive"/></a>
</div>
<h3><a href="single-page.html">Contrary to popular</a></h3>
<p class="para">There are many variations of passages of Lorem Ipsum available,</p>
<h4><a href="single-page.html">lipsum adipisicing</a></h4>
</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>