File size: 8.45Kb
<!--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>Robotx 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" />
<!--theme-style-->
<link href="mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<a href="#"><img src="mobile/images/logo.png" alt=" " /></a>
</div>
<div class="top-nav">
<a class="toggleMenu" href="#menu"><img src="mobile/images/menu.png" alt="" /> </a>
</div>
<div class="clear"> </div>
</div>
</div>
<!--//header-->
<!--banner-->
<!--banner-->
<div class="banner">
<div class="banner-matter">
<h2>ROBOT<span>X</span></h2>
<p>WEB DEVELOPMENT</p>
</div>
</div>
<!--//banner-->
<!--content-->
<div class="content">
<div class="container">
<div class="services" id="services">
<h3>our <span>services</span></h3>
<div class="services-grid">
<div class="service-grid-left">
<img src="mobile/images/tv.png" alt="" />
<h4>Responsive Design</h4>
<p>Lorem ipsum dolor sit.</p>
<a class="more" href="#">more</a>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!--team-->
<div class="team" id="team">
<div class="container">
<h3>our <span>team</span></h3>
<div class="team-grid">
<div class="col-md-3 team-grid-left">
<img class="img-responsive men" src="mobile/images/1.jpg" alt="" />
<h4>Designer</h4>
<p>Lorem ipsum dolor sit amet</p>
<div class="arrow-para">
<ul class="social">
<li class="facebook"><a href="#"><img src="mobile/images/facebook.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/tww.png" alt="" /></a></li>
<li class="inline"><a href="#"><img src="mobile/images/in.png" alt="" /></a></li>
<li class="gmail"><a href="#"><img src="mobile/images/gm.png" alt="" /></a></li>
</ul>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!--gallery-->
<div class="gallery" id="gallery">
<div class="container">
<div class="gallery-grid">
<h3>our <span>gallery</span></h3>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div id="portfoliolist">
<div class="portfolio-wrapper ">
<a href="#"> <img class="img-responsive " src="mobile/images/pic.jpg" alt="" /></a>
</div>
<div class="portfolio-wrapper ">
<a href="#"> <img class="img-responsive " src="mobile/images/pic1.jpg" alt="" /></a>
</div>
<div class="portfolio-wrapper ">
<a href="#"> <img class="img-responsive " src="mobile/images/pic2.jpg" alt="" /></a>
</div>
<div class="portfolio-wrapper ">
<a href="#"> <img class="img-responsive " src="mobile/images/pic3.jpg" alt="" /></a>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
<!---->
<div class="price" id="price">
<div class="container">
<h3>our <span>price</span></h3>
<div class="price-grid">
<div class="col-md-4 pack">
<div class="price-top">
<h5>Pro Package</h5>
<span class="blub"> <img src="mobile/images/blu.png" alt="" /></span>
<p>$<label>99</label>/month</p>
</div>
<div class="price-bottom">
<p>Lorem ipsum dolor sit</p>
<p>Amet,consectetur</p>
<p class="para">Vcididunt ut labore</p>
<a class="now" href="#">SUBSCRIBE NOW</a>
</div>
</div>
</div>
</div>
</div>
<!--news-->
<div class="news" id="news">
<div class="container">
<h3>our <span>news</span></h3>
<div class="our-new">
<div class="news-left">
<h4>Latest News</h4>
<div class="news-grid">
<div class="col-md-2 news-grid-left">
<label>21</label>
<small>DEC</small>
</div>
<div class="col-md-10 news-grid-right ">
<a href="#"><h6>Enim ad minim </h6></a>
<p>Lorem ipsum dolor sit</p>
<ul class="eye">
<li><a href="#"><img class="eye-eye" src="mobile/images/ic.png" alt="" /></a></li>
<li><a href="#"><b>129</b></a></li>
</ul>
<ul class="eye">
<li class="round"><a href="#"><img src="mobile/images/re.png" alt="" /></a></li>
<li><a href="#"><b>81</b></a></li>
</ul>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="news-right">
<div class="news-grid">
<div class="col-md-2 news-grid-left news-right-grid">
<label>10</label>
<small>DEC</small>
</div>
<div class="col-md-10 news-grid-right news-grid-grid">
<a href="#"><h6>Uenim ad minim </h6></a>
<p>Lorem ipsum dolor sit</p>
<ul class="eye ">
<li class="black"><a href="#"><img src="mobile/images/icc.png" alt="" /></a></li>
<li><a href="#"><b>129</b></a></li>
</ul>
<ul class="eye black">
<li class="black-round"><a href="#"><img src="mobile/images/re-b.png" alt="" /></a></li>
<li><a href="#"><b>81</b></a></li>
</ul>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<!--contact-->
<div class="contact" id="contact">
<div class="container">
<h3>our <span>contact</span></h3>
</div>
<div class="clear"> </div>
<div class="container">
<div class="contact-gr-grid">
<form>
<div class="grid-contact">
<div class="col-md-4 contact-grid">
<p class="your-para">Your name:</p>
<input type="text" value="">
</div>
<div class="col-md-4 contact-grid">
<p class="your-para">Your mail:</p>
<input type="text" value="">
</div>
<div class="col-md-4 contact-grid">
<p class="your-para">Your phone number:</p>
<input type="text" value="">
</div>
</div>
<p class="message-para">Your message:</p>
<textarea cols="77" rows="6" value=" "> </textarea>
<div class="send">
<input type="submit" value="Send your message" >
</div>
</form>
</div>
</div>
</div>
<!--//content-->
<!-- top-menu-links -->
<div class="top-nav-links">
<a name="menu"> </a>
<ul class="nav" id="menu">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#price" class="scroll">Price</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#contact" class="scroll">Contact </a></li>
</ul>
</div>
<!-- top-menu-links -->
<!--footer-->
<div class="footer">
<div class="container">
<img class="footer-left" src="mobile/images/f-l.png" alt=" " />
<div class="footer-class">
<p class="footer-grid">© 2014 Template by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
<ul class="social-ic-icons">
<li class="facebook"><a href="#"><img src="mobile/images/facebook.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/tw.png" alt="" /></a></li>
<li class="inline"><a href="#"><img src="mobile/images/in.png" alt="" /></a></li>
<li class="gmail"><a href="#"><img src="mobile/images/gm.png" alt="" /></a></li>
<li class="browser"><a href="#"><img src="mobile/images/be.png" alt="" /></a></li>
</ul>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
</body>
</html>