File size: 6.53Kb
<!--
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 PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Aluspisan for high end mobiles,like samsung nokia mobile website templates for free | Home :: w3layouts</title>
<link href="mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt="" /></a>
</div>
<div class="menu">
<span onclick="location.href='#menu'" class="menu">Menu</span>
</div>
<div class="clear"> </div>
<h1>services</h1>
</div>
</div>
<!-- header -->
<!-- services-section -->
<div class="services-top-grids">
<div class="container">
<div class="services-wel wel-head text-center">
<h3><span>our</span> Services </h3>
<p>There are many variations of passages of Lorem Ipsum.</p>
</div>
<!---- services-grids ---->
<div class="service-grids">
<div class="col-md-4 service-grid">
<img src="mobile/images/device3.jpg" alt="" />
<h3>Service Name</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-4 service-grid">
<img src="mobile/images/device3.jpg" alt="" />
<h3>Service Name</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-4 service-grid">
<img src="mobile/images/device3.jpg" alt="" />
<h3>Service Name</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clear"> </div>
<a class="viewmore-s" href="#">Viewall</a>
</div>
</div>
</div>
<!-- services-section -->
<div class="case-studies">
<div class="container">
<h2>case studies</h2>
<p class="stud">Lorem ipsum dolor sit amet.</p>
<div class="studies">
<div class="data">
<h4>Lorem ipsum llc</h4>
<a class="read-more" href="#">read more</a>
</div>
<div class="man">
<img src="mobile/images/device.png" alt="" />
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- ourteam -->
<div class="ourteam">
<div class="container">
<h3>our team</h3>
<p>Lorem ipsum dolor sit amet.</p>
<div class="team">
<div class="team1">
<img src="mobile/images/man.jpg" alt="" />
<p class="b-animate b-from-right b-delay03 "></p>
<h4>Bruce wayne</h4>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
<!-- ourteam -->
<!-- contactus -->
<div class="contactus">
<div class="container">
<h3>contact us</h3>
<div class="col-md-5">
<h4>contact form</h4>
<form>
<input type="text" class="text" value="NAME" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'NAME';}">
<input type="text" class="text" value="EMAIL" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL';}">
<textarea value="MESSAGE:" onfocus="if(this.value == 'MESSAGE') this.value='';" onblur="if(this.value == '') this.value='MESSAGE';">MESSAGE</textarea>
</form>
</div>
<div class="col-md-4 info">
<h4>more info</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d106034.86973547915!2d151.21288358178987!3d-33.84869089455211!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b129838f39a743f%3A0x3017d681632a850!2sSydney+NSW%2C+Australia!5e0!3m2!1sen!2sin!4v1413550737925" width="100%" height="150px" frameborder="0" style="border:0"></iframe>
</div>
<div class="col-md-3 pisan">
<div class="icon1">
<img src="mobile/images/6.png" alt="" />
</div>
<div class="data1">
<h5>+(123)456-789-1234</h5>
<p>+(123)456-789-1234</p>
</div>
<div class="clear"></div>
<div class="icon1">
<img src="mobile/images/4.png" alt="" />
</div>
<div class="data1">
<h5>Alus Pisan</h5>
<p>23 Street BoulevardCity, WA 12345, USA</p>
</div>
<div class="clear"></div>
<div class="icon1">
<img src="mobile/images/5.png" alt="" />
</div>
<div class="data1">
<h5><a href="contact@gmail.com">contact@gmail.com</a></h5>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- contactus -->
<!--top-links-->
<div class="head-nav" id="menu" >
<ul>
<li><a href="index.html">home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"></div>
<!--top-links-->
<!-- keep in touch -->
<div class="keep">
<div class="container">
<h3>keep in touch.</h3>
<p>Lorem ipsum dolor sit amet.</p>
<div class="col-md-7 text-field-email">
<form>
<input type="text" class="text" value="E-mail address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E-mail address ';}">
</form>
</div>
<div class="col-md-5 button1">
<form>
<input type="submit" value="subscribe">
</form>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- keep in touch -->
<!-- footer -->
<div class="footer">
<div class="container">
<div class="col-md-4">
<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="col-md-4 social">
<ul>
<li><a href="#"><img src="mobile/images/f.png" alt="" /></li></a>
<li><a href="#"><img src="mobile/images/t.png" alt="" /></li></a>
<li><a href="#"><img src="mobile/images/g.png" alt="" /></li></a>
<li><a href="#"><img src="mobile/images/i.png" alt="" /></a>
<li><a href="#"><img src="mobile/images/p.png" alt="" /></li></a>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- footer -->
</body>
</html>