File size: 7.96Kb
<!--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="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="mobile/images/pic1.jpg"><img src="mobile/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="mobile/images/pic2.jpg"><img src="mobile/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="mobile/images/pic3.jpg"><img src="mobile/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="mobile/images/pic4.jpg"><img src="mobile/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="mobile/images/pic5.jpg"><img src="mobile/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="mobile/images/pic6.jpg"><img src="mobile/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="mobile/images/pic7.jpg"><img src="mobile/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="mobile/images/pic8.jpg"><img src="mobile/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>