324 lines
13 KiB
HTML
324 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Prices</title>
|
|
<meta charset="utf-8">
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="css/grid.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/jquery-migrate-1.2.1.js"></script>
|
|
|
|
<!--[if lt IE 9]>
|
|
<html class="lt-ie9">
|
|
<div style=' clear: both; text-align:center; position: relative;'>
|
|
<a href="http://windows.microsoft.com/en-US/internet-explorer/..">
|
|
<img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820"
|
|
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
|
|
</a>
|
|
</div>
|
|
<script src="js/html5shiv.js"></script>
|
|
<![endif]-->
|
|
|
|
<script src='js/device.min.js'></script>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<!--========================================================
|
|
HEADER
|
|
=========================================================-->
|
|
<header class="bg2">
|
|
<div id="stuck_container" class="stuck_container">
|
|
<div class="container">
|
|
<div class="brand">
|
|
<h1 class="brand_name">
|
|
<a href="./">Painting contractor</a>
|
|
</h1>
|
|
</div>
|
|
<nav class="nav">
|
|
<ul class="sf-menu" data-type="navbar">
|
|
<li>
|
|
<a href="./">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-1.html">Services</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Aliquam congue</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Consequat ante</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Lorem ipsum dolo</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Sit amet</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Consectetuer</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Fermentum nisl</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Mauris accumsan</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Nulla vel diam</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="active">
|
|
<a href="index-2.html">Prices</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-3.html">Gallery</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-4.html">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!--========================================================
|
|
CONTENT
|
|
=========================================================-->
|
|
<main>
|
|
<section class="well4">
|
|
<div class="container">
|
|
<h3>Our Pricing Policy</h3>
|
|
<div class="row">
|
|
<div class="preffix_1 grid_10">
|
|
<p>Dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum feliseu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="bg3 well5">
|
|
<div class="container">
|
|
<h3>Tips for Hiring a Painter</h3>
|
|
<ul class="row index-list">
|
|
<li class="grid_4 wow fadeInLeft">
|
|
<h5>Mauris accumsan nulla</h5>
|
|
<p class="text1">Lorem ipsum dolor sit<br> amet, consectetuer </p>
|
|
<a class="btn2" href="#">read more</a>
|
|
</li>
|
|
<li class="grid_4 wow fadeInLeft" data-wow-delay="0.2s">
|
|
<h5>Dolor ornare commod</h5>
|
|
<p class="text1">Vonsectetuer adipiscing<br> elit. Aenean comm.</p>
|
|
<a class="btn2" href="#">read more</a>
|
|
</li>
|
|
<li class="grid_4 wow fadeInLeft" data-wow-delay="0.4s">
|
|
<h5>Libero arcu iaculis massa</h5>
|
|
<p class="text1">Aenean commodo ligula<br> eget dolor enean masa. </p>
|
|
<a class="btn2" href="#">read more</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section class="well4">
|
|
<div class="container">
|
|
<h3>Select your Painting project</h3>
|
|
<div class="row wow fadeInUp">
|
|
<div class="grid_6">
|
|
<div class="box2">
|
|
<div class="box2_aside">
|
|
<img class="circle" src="images/page-4_img01.jpg" alt="">
|
|
</div>
|
|
<div class="box2_cnt__no-flow">
|
|
<h4>Paint a home interior or room</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturi.</p>
|
|
<h5><a href="#">View costs in your area</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_6">
|
|
<div class="box2">
|
|
<div class="box2_aside">
|
|
<img class="circle" src="images/page-4_img02.jpg" alt="">
|
|
</div>
|
|
<div class="box2_cnt__no-flow">
|
|
<h4>Paint a home exterior</h4>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi culus mus. Donec quam felis.</p>
|
|
<h5><a href="#">View costs in your area</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt1 wow fadeInUp">
|
|
<div class="grid_6">
|
|
<div class="box2">
|
|
<div class="box2_aside">
|
|
<img class="circle" src="images/page-4_img03.jpg" alt="">
|
|
</div>
|
|
<div class="box2_cnt__no-flow">
|
|
<h4>Paint a small project</h4>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>
|
|
<h5><a href="#">View costs in your area</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid_6">
|
|
<div class="box2">
|
|
<div class="box2_aside">
|
|
<img class="circle" src="images/page-4_img04.jpg" alt="">
|
|
</div>
|
|
<div class="box2_cnt__no-flow">
|
|
<h4>Sandblast an exterior surface</h4>
|
|
<p>Magnis dis parturient montes, nascetur ridi culus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
|
|
<h5><a href="#">View costs in your area</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="parallax parallax_2" data-url="images/parallax05.jpg">
|
|
<div class="container">
|
|
<h3>Pricing Paint: How Much Does Paint Cost?</h3>
|
|
<div class="row">
|
|
<div class="preffix_1 grid_10">
|
|
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
|
|
<ul class="marked-list1">
|
|
<li>Morbi pretium pretium adipiscing. Phasellus nisl arcu, faucibus ornare commodo</li>
|
|
<li>Mauris rutrum quam id dolor tempus pretium. Pellentesque habitant morbi</li>
|
|
<li>Tristique senectus et netus et malesuada fames ac turpis egestas lorem ipsum</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well3">
|
|
<div class="container">
|
|
<h3>Typical House Painting Costs</h3>
|
|
<div class="row">
|
|
<div class="grid_6 wow fadeInLeft">
|
|
<ul class="list">
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Qllamcorper nisi</span>
|
|
<span class="title_right">$106</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Laboris nisi ut aliquip ex ea commodo consequat duis aute irure</p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Donec accumsan male</span>
|
|
<span class="title_right">$180</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Praesent vestibulum molestie lacus enean nonummy hendrerit</p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Donec elementum</span>
|
|
<span class="title_right">$210</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit praesent </p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Aliquam sem lacus dapi</span>
|
|
<span class="title_right">$480</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Aenean nonummy hendrerit mauris hasellus porta usce suscipit</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="grid_6 wow fadeInRight">
|
|
<ul class="list">
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Phasellus cursus orci</span>
|
|
<span class="title_right">$122</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Fuis aute irure dolor in repreh</p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Morbi hendrerit dign</span>
|
|
<span class="title_right">$180</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Molestie lacus enean nonummy hendrerit</p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Aliquam sem lacus</span>
|
|
<span class="title_right">$210</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Consectetuer adipiscing elit praesent vestibulum molestie </p>
|
|
</li>
|
|
<li>
|
|
<h5 class="title">
|
|
<span class="title_text">Curabitur dignissim adip</span>
|
|
<span class="title_right">$480</span>
|
|
<span class="dots">............................................................................................</span>
|
|
</h5>
|
|
<p>Nonummy hendrerit mauris hasellus porta usce </p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!--========================================================
|
|
FOOTER
|
|
=========================================================-->
|
|
<footer class="parallax" data-url="images/parallax02.jpg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="grid_4">
|
|
<address class="addr">
|
|
<span class="fa fa-map-marker"></span>
|
|
<p>9863 - 9867 Mill Road, <br>Cambridge, MG09 99HT. </p>
|
|
</address>
|
|
</div>
|
|
<div class="grid_4">
|
|
<address class="addr">
|
|
<span class="fa fa-envelope-o"></span>
|
|
<p><a href="mailto:#">mail@demolink.org</a></p>
|
|
</address>
|
|
</div>
|
|
<div class="grid_4">
|
|
<address class="addr">
|
|
<span class="fa fa-mobile"></span>
|
|
<p><a href="callto:#">+1 800 603 6035</a></p>
|
|
</address>
|
|
</div>
|
|
</div>
|
|
<ul class="inline-list">
|
|
<li><a href="#">twitter</a></li>
|
|
<li><a href="#">facebook</a></li>
|
|
<li><a href="#">instagram</a></li>
|
|
<li><a href="#">linkedin</a></li>
|
|
<li><a href="#">skype</a></li>
|
|
</ul>
|
|
<p class="copy">
|
|
Painting contractor © <span id="copyright-year"></span>
|
|
<span>All Rights Reserved </span>
|
|
|
|
|
<a href="index-5.html">Privacy Policy</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |