File size: 11.81Kb
<!--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>Modus-Versus webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Services :: 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">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">home</option>
<option value="about.html">about</option>
<option value="service.html">services</option>
<option value="portfolio.html">portfolio</option>
<option value="blog.html">blog</option>
<option value="feature.html">features</option>
<option value="contact.html">contact</option>
</select>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main_grid1">
<h3 class="style pull-left"> services</h3>
<ol class="breadcrumb pull-right">
<li><a href="index.html">Home</a></li>
<li class="active">services</li>
</ol>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main_btm1"><!-- start main_btm1 -->
<div class="container">
<div class="main about span_of_3">
<h3>There are many variations of passages of Lorem </h3>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. 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.</p>
<div class="col-md-3 span1_of_3">
<h4>why choose us?</h4>
<ul class="list-unstyled nav_list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget </a></li>
<li><a href="#">Curabitur pellentesque tempor </a></li>
<li><a href="#">Mauris dictum neque ornare </a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget</a></li>
</ul>
</div>
<div class="col-md-3 span1_of_3">
<h4>what client's say ?</h4>
<div class="clients1">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
<div class="col-md-6 span1_of_3">
<!-- start circle -->
<ul class="list-unstyled circle_list">
<li>
<div class="moz chart">
<img src="mobile/images/circle1.png" alt=""/>
</div>
<h4 class="style">johnson</h4>
</li>
<li>
<div class="google chart">
<img src="mobile/images/circle2.png" alt=""/>
</div>
<h4 class="style">junghanns</h4>
</li>
</ul>
<!-- end circle -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main_btm2"><!-- start main_btm2 -->
<div class="container">
<div class="pricing2"><!-- start pricing2 -->
<h5>select a plan</h5>
<h6>It is a long established fact that a reader will be distracted by the readable content of a page looking</h6>
<ul class="pricing_table list-unstyled">
<li class="price_block">
<h3>Starter</h3>
<div class="price">
<div class="price_figure">
<span class="price_number">FREE</span>
</div>
</div>
<ul class="features list-unstyled">
<li>1GB Storage</li>
<li>2 Clients</li>
<li>5 Active Projects</li>
<li>5 Colors</li>
<li>Free Goodies</li>
<li>24/7 Email support</li>
</ul>
<div class="pricing_btn">
<a class="action_button popup-with-zoom-anim" href="#small-dialog">Buy Now</a>
</div>
</li>
<li class="price_block">
<h3>Basic</h3>
<div class="price">
<div class="price_figure">
<span class="price_number">$9.99</span>
<span class="price_tenure">per month</span>
</div>
</div>
<ul class="features list-unstyled">
<li>2GB Storage</li>
<li>5 Clients</li>
<li>10 Active Projects</li>
<li>10 Colors</li>
<li>Free Goodies</li>
<li>24/7 Email support</li>
</ul>
<div class="pricing_btn">
<a class="action_button popup-with-zoom-anim" href="#small-dialog">Buy Now</a>
</div>
</li>
<li class="price_block">
<h3>Premium</h3>
<div class="price">
<div class="price_figure">
<span class="price_number">$19.99</span>
<span class="price_tenure">per month</span>
</div>
</div>
<ul class="features list-unstyled">
<li>5GB Storage</li>
<li>10 Clients</li>
<li>20 Active Projects</li>
<li>20 Colors</li>
<li>Free Goodies</li>
<li>24/7 Email support</li>
</ul>
<div class="pricing_btn">
<a class="action_button popup-with-zoom-anim" href="#small-dialog">Buy Now</a>
</div>
</li>
<li class="price_block">
<h3>Lifetime</h3>
<div class="price">
<div class="price_figure">
<span class="price_number">$999</span>
</div>
</div>
<ul class="features list-unstyled">
<li>Unlimited Storage</li>
<li>Unlimited Clients</li>
<li>Unlimited Projects</li>
<li>Unlimited Colors</li>
<li>Free Goodies</li>
<li>24/7 Email support</li>
</ul>
<div class="pricing_btn">
<a class="action_button popup-with-zoom-anim" href="#small-dialog">Buy Now</a>
</div>
</li>
<div class="clear"></div>
</ul>
<ul class="skeleton pricing_table list-unstyled" style="margin-top: 100px; overflow: hidden;">
<li class="label" style="margin: 0 none;">ul.pricing_table</li>
<li class="price_block">
<span class="label">li.price_block</span>
<h3><span class="label">h3</span></h3>
<div class="price">
<span class="label">div.price</span>
<div class="price_figure">
<span class="label">div.price_figure</span>
<span class="price_number">
<span class="label">span.price_number</span>
</span>
<span class="price_tenure">
<span class="label">span.price_tenure</span>
</span>
</div>
</div>
<ul class="features list-unstyled">
<li class="label">ul.features</li>
<br /><br /><br />
</ul>
<div class="pricing_btn">
<span class="label">div.pricing_btn</span>
</div>
</li>
<li class="price_block" style="opacity: 0.5;">
<span class="label">li.price_block</span>
<h3><span class="label">h3</span></h3>
<div class="price">
<span class="label">div.price</span>
<div class="price_figure">
<span class="label">div.price_figure</span>
<span class="price_number">
<span class="label">span.price_number</span>
</span>
<span class="price_tenure">
<span class="label">span.price_tenure</span>
</span>
</div>
</div>
<ul class="features list-unstyled">
<li class="label">ul.features</li>
<br /><br /><br />
</ul>
<div class="footer">
<span class="label">div.pricing_btn</span>
</div>
</li>
<li class="price_block" style="opacity: 0.25;">
<span class="label">li.price_block</span>
<h3><span class="label">h3</span></h3>
<div class="price">
<span class="label">div.price</span>
<div class="price_figure">
<span class="label">div.price_figure</span>
<span class="price_number">
<span class="label">span.price_number</span>
</span>
<span class="price_tenure">
<span class="label">span.price_tenure</span>
</span>
</div>
</div>
<ul class="features list-unstyled">
<li class="label">ul.features</li>
<br /><br /><br />
</ul>
<div class="pricing_btn">
<span class="label">div.pricing_btn</span>
</div>
</li>
<div class="clear"></div>
</ul>
<div class="clear"></div>
</div><!-- end pricing2 -->
</div>
</div>
<div class="footer_bg"><!-- start footer -->
<div class="container">
<div class="footer">
<div class="col-md-4 footer1_of_3">
<div class="f_logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<p class="f_para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. 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</p>
<p>Phone: <span>(00) 222 666 444</span></p>
<span class="">Email: <a href="mailto:info@mycompany.com">info(at)mycompany.com</a></span>
</div>
<div class="col-md-2 footer1_of_3">
<h4>company</h4>
<ul class="list-unstyled f_list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget</a></li>
<li><a href="#">Curabitur pellentesque</a></li>
<li><a href="#">Mauris dictum neque</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Nullam nec sapien</a></li>
<li><a href="#">Curabitur mauris tempor </a></li>
</ul>
</div>
<div class="col-md-2 footer1_of_3">
<h4>community</h4>
<ul class="list-unstyled f_list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Nullam nec sapien eget</a></li>
<li><a href="#">Curabitur pellentesque</a></li>
<li><a href="#">Mauris dictum neque</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Nullam nec sapien</a></li>
<li><a href="#">Curabitur mauris tempor </a></li>
</ul>
</div>
<div class="col-md-4 footer_of_3">
<h4>from the <span>blog</span></h4>
<div class="blog_list">
<div class="col-md-3 f_pic">
<a href="blog.html"><img src="mobile/images/blog_pic1.jpg" alt="" class="img-responsive"/></a>
</div>
<div class="col-md-9 f_text">
<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
<span>26, may 2014</span>
</div>
<div class="clearfix"></div>
</div>
<div class="blog_list">
<div class="col-md-3 f_pic">
<a href="blog.html"><img src="mobile/images/blog_pic2.jpg" alt="" class="img-responsive"/></a>
</div>
<div class="col-md-9 f_text">
<a href="blog.html"><p>Lorem Ipsum is simply dummy text of the this printing and typesetting industry.</p></a>
<span>17, June 2014</span>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="footer1_bg"><!-- start footer1 -->
<div class="container">
<div class="footer1">
<div class="copy pull-left">
<p class="link"><span>© All rights reserved | Template by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
<div class="soc_icons pull-right">
<ul class="list-unstyled text-center">
<li><a href="#"><img src="mobile/images/facebook.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/twitter.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/gplus.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/pinterest.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/dribble.png" alt=""/></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>