File size: 8.59Kb
<!--
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>Orion webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: w3layouts</title>
<link href="mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<!-- header -->
<div class="header">
<!-- container -->
<div class="container">
<div class="head-logo">
<a href="#"><img src="mobile/images/logo.png" alt="" /></a>
</div>
<div class="top-nav">
<span onclick="location.href='#menu'" class="menu">MENU</span>
</div>
<div class="clearfix"> </div>
<div class="banner-info">
<img src="mobile/images/rok.png" alt="" />
<h1>LET'S EXPLORE THE SKY!</h1>
<p>This is Photoshop's version.</p>
<div class="button">
<ul>
<li><a href="#">LEARN MOERE</a></li>
<li><a href="#" class="blue">CONTACT US</a></li>
<div class="clear"> </div>
</ul>
</div>
</div>
</div>
<!-- //container -->
</div>
<!-- //header -->
<!-- content-grids -->
<div id="services" class="content-grids">
<!-- container -->
<div class="container">
<div class="col-md-4 content-grid">
<img src="mobile/images/2.png" alt="" />
<h3>Web Design</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
</div>
<div class="col-md-4 content-grid">
<img src="mobile/images/1.png" alt="" />
<h3>Logo Design</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
</div>
<div class="col-md-4 content-grid">
<img src="mobile/images/3.png" alt="" />
<h3>Print Design</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
</div>
<div class="clear"> </div>
</div>
<!-- //container -->
</div>
<!-- //content-grids -->
<!-- timeline-grids -->
<div id="how" class="timeline-grids">
<!-- container -->
<div class="container">
<h3>How we work</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida. </p>
<div class="timeline-grid">
<div class="timeline-bar">
</div>
<div class="line-grid-info right-blue">
<h4>Client contact us</h4>
<p>This is Photoshop's .</p>
</div>
<div class="line-grid-info left-red">
<h4>We will discuss what do you want</h4>
<p>This is Photoshop's.</p>
</div>
</div>
</div>
<!-- //container -->
</div>
<!-- //timeline-grids -->
<!-- work -->
<div id="work" class="work">
<!-- container -->
<div class="container wrap">
<h3>Our work</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
<div class="work-grids">
<div class="work-grid">
<img src="mobile/images/1.jpg" alt="" />
</div>
<div class="work-grid">
<img src="mobile/images/3.jpg" alt="" />
</div>
<div class="clear"> </div>
</div>
</div>
<div class="button-red"><a href="#">See all how we work</a></div>
<!-- //container -->
</div>
<!-- //work -->
<!-- test -->
<div id="test" class="test">
<!-- container -->
<div class="container">
<h3>Testimonials</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
<div class="test-grids">
<div class="test-grid-left">
<img src="mobile/images/m1.jpg" alt="" />
</div>
<div class="test-grid-right">
<h4>Neil Armstrong</h4>
<p>" Orion is great, you should try it."</p>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //test -->
<!-- team -->
<div id="team" class="team">
<!-- container -->
<div class="container">
<h3>Meet the team</h3>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh. </p>
<div class="team-grids">
<div class="col-md-3 team-grid">
<img src="mobile/images/t1.jpg" alt="" />
<h4>Afnizar Nur Ghifari</h4>
<p>Chief Executive Officer</p>
<ul>
<li class="facebook"><a href="#"><img src="mobile/images/fb.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/twitter.png" alt="" /></a></li>
<li class="dribble"><a href="#"><img src="mobile/images/dribble.png" alt="" /></a></li>
</ul>
</div>
<div class="col-md-3 team-grid">
<img src="mobile/images/t2.jpg" alt="" />
<h4>Afnizar Nur Ghifari</h4>
<p>Chief Executive Officer</p>
<ul>
<li class="facebook"><a href="#"><img src="mobile/images/fb.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/twitter.png" alt="" /></a></li>
<li class="dribble"><a href="#"><img src="mobile/images/dribble.png" alt="" /></a></li>
</ul>
</div>
<div class="col-md-3 team-grid">
<img src="mobile/images/t3.jpg" alt="" />
<h4>Afnizar Nur Ghifari</h4>
<p>Chief Executive Officer</p>
<ul>
<li class="facebook"><a href="#"><img src="mobile/images/fb.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/twitter.png" alt="" /></a></li>
<li class="dribble"><a href="#"><img src="mobile/images/dribble.png" alt="" /></a></li>
</ul>
</div>
<div class="col-md-3 team-grid">
<img src="mobile/images/t4.jpg" alt="" />
<h4>Afnizar Nur Ghifari</h4>
<p>Chief Executive Officer</p>
<ul>
<li class="facebook"><a href="#"><img src="mobile/images/fb.png" alt="" /></a></li>
<li class="twitter"><a href="#"><img src="mobile/images/twitter.png" alt="" /></a></li>
<li class="dribble"><a href="#"><img src="mobile/images/dribble.png" alt="" /></a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //team -->
<!-- map-bottom -->
<div class="map-bottom">
<!-- container -->
<div class="container">
<!-- start content_slider -->
<div class="nasa">
<img src="mobile/images/nasa.png" alt="" />
</div>
<div class="jaxa">
<img src="mobile/images/jaxa.png" alt="" />
</div>
<div class="boeing">
<img src="mobile/images/boe.png" alt="" />
</div>
<div class="cnn">
<img src="mobile/images/cnn.png" alt="" />
</div>
<div class="clear"> </div>
</div>
<!-- //container -->
</div>
<!-- //map-bottom -->
<div class="top-nav">
<ul id="menu" class="nav1">
<li><a href="#services">SERVICES</a></li>
<li><a href="#how">HOW</a></li>
<li><a href="#work">OUR WORK</a></li>
<li><a href="#test">TESTIMONINALS</a></li>
<li><a href="#team">TEAM</a></li>
<li><a href="#contact">CONTACT US</a></li>
<li><a class="signup">SIGN IN</a></li>
</ul>
</div>
<!-- footer -->
<div id="contact" class="footer">
<!-- container -->
<div class="container">
<div class="f-left">
<div class="f-left-left">
<ul>
<li class="value">VALUE</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Customer</a></li>
</ul>
</div>
<div class="f-left-left">
<ul>
<li class="value">AFFILIATE</a></li>
<li><a href="#">NASA</a></li>
<li><a href="#">JAXA Japan</a></li>
<li><a href="#">Boeing</a></li>
<li><a href="#">ABC Networks</a></li>
</ul>
</div>
<div class="f-left-left">
<ul>
<li class="value">SOCIAL</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Dribble</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
</div>
<div class="f-right">
<h4>GET SERVED</h4>
<form>
<input type="text" placeholder="example@email.com" required="">
<input type="submit" value="GO">
</form>
<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
</div>
<div class="clear"> </div>
</div>
<!-- //container -->
</div>
<!-- //footer -->
</body>
</html>