<!--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>
<html>
<head>
<title>Tank App Website Template | Home :: w3layouts </title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="header">
<div class="header-top">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt="" /></a>
</div>
<div class="cssmenu">
<ul id="nav">
<li class="current"><a href="#section-1">How it works</a></li>
<li><a href="#section-2">About Us</a></li>
<li><a href="#section-3">Blog</a></li>
<li><a href="#section-4">Contact Us</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-bottom section" id="section-1">
<div class="wrap">
<div class="img-banner">
<div class="img-banner-info">
<h1>Track your next<br/>fuel shops</h1>
<h3>Monitor and Alert on all petrol bunks near to you</h3>
<div class="sign_up">
<p>Signup For <span>Free</span></p>
<form>
<input type="text" value="" placeholder="Your E-mail Address" />
<input type="submit" value="SignUp">
<div class="clear"></div>
</form>
</div>
</div>
<div class="img-banner-pic">
<img src="./images/hand-with-iphone.png" alt="" />
</div>
<div class="clear"> </div>
</div>
</div>
</div> <div class="clients">
<div class="wrap">
<div id="owl-demo" class="owl-carousel">
<div class="item"><img src="./images/evernote.png" alt="" /></div>
<div class="item"><img src="./images/microsoft.png" alt="" /></div>
<div class="item"><img src="./images/google.png" alt="" /></div>
<div class="item"><img src="./images/sony.png" alt="" /></div>
<div class="item"><img src="./images/firefox.png" alt="" /></div>
<div class="item"><img src="./images/evernote.png" alt="" /></div>
<div class="item"><img src="./images/microsoft.png" alt="" /></div>
<div class="item"><img src="./images/google.png" alt="" /></div>
<div class="item"><img src="./images/sony.png" alt="" /></div>
<div class="item"><img src="./images/firefox.png" alt="" /></div>
</div>
</div>
</div>
</div>
<!-- End Header -->
<div class="main">
<div class="features section" id="section-2">
<div class="wrap">
<h2>Why tank app ?</h2>
</div>
<div id="cbp-so-scroller" class="cbp-so-scroller">
<section class="cbp-so-section cbp-so-init cbp-so-animate">
<article class="cbp-so-side cbp-so-side-left">
<div class="features-list">
<ul>
<li>
<div class="heading">
<div class="icon">
<img src="./images/reliable-secure.png" alt="" />
</div>
<div class="heading-desc">
<h3>Reliable and Secure Platform</h3>
</div>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com</p>
</li>
<li>
<div class="heading">
<div class="icon">
<img src="./images/alarm.png" alt="" />
</div>
<div class="heading-desc">
<h3>Everything is perfectly orgainized</h3>
</div>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com</p>
</li>
<li>
<div class="heading">
<div class="icon">
<img src="./images/tweet.png" alt="" />
</div>
<div class="heading-desc">
<h3>Rapid customer support</h3>
</div>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com</p>
</li>
<li>
<div class="heading">
<div class="icon">
<img src="./images/eclipse.png" alt="" />
</div>
<div class="heading-desc">
<h3>Tons of features and easy to use</h3>
</div>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com</p>
</li>
</ul>
</div>
</article>
<figure class="cbp-so-side cbp-so-side-right app-overview-img">
<img src="./images/mac.png" alt="" />
</figure>
</section>
</div>
</div>
<div class="content-middle section" id="section-3">
<div class="testimonials">
<div class="wrap">
<h2>Why tank app different ?</h2>
<div class="slider single-item">
<div>
<h3><span><img src="./images/clouds.png" alt="" /></span>Works on any device anyware</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut</p>
</div>
<div>
<h3><span><img src="./images/clouds.png" alt="" /></span>Brenda Gonzales, Feddapps</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut</p>
</div>
<div>
<h3><span><img src="./images/clouds.png" alt="" /></span>Works on any device anyware</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea com Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut</p>
</div>
<div>
<h3><span><img src="./images/clouds.png" alt="" /></span>Brenda Gonzales, Stockapps</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod