276 lines
11 KiB
HTML
276 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Services</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/fl-bigmug-line.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 class="active">
|
|
<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>
|
|
<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 main Services</h3>
|
|
<div class="row">
|
|
<div class="grid_4 wow fadeInUp">
|
|
<img class="circle" src="images/page-2_img01.jpg" alt="">
|
|
<h4><a href="#">Interior painting</a></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>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
<div class="grid_4 wow fadeInUp" data-wow-delay="0.2s">
|
|
<img class="circle" src="images/page-2_img02.jpg" alt="">
|
|
<h4><a href="#">Exterior painting</a></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>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
<div class="grid_4 wow fadeInUp" data-wow-delay="0.4s">
|
|
<img class="circle" src="images/page-2_img03.jpg" alt="">
|
|
<h4><a href="#">Wallpapering</a></h4>
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle ntesque eu, pretium quis, sem.</p>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="parallax parallax_2" data-url="images/parallax03.jpg">
|
|
<div class="container">
|
|
<h3>Commercial Painting</h3>
|
|
<div class="row">
|
|
<div class="preffix_1 grid_10">
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis 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 felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row tl">
|
|
<div class="grid_3">
|
|
<ul class="marked-list">
|
|
<li>Warehouse Painting</li>
|
|
<li>Office Building Painting</li>
|
|
<li>Office Suite Painting</li>
|
|
<li>Office Parks</li>
|
|
</ul>
|
|
</div>
|
|
<div class="grid_3">
|
|
<ul class="marked-list">
|
|
<li>Hospitals & Clinics</li>
|
|
<li>HOA Painting</li>
|
|
<li>Condos</li>
|
|
<li>Retirement Homes</li>
|
|
</ul>
|
|
</div>
|
|
<div class="grid_3">
|
|
<ul class="marked-list">
|
|
<li>Hotel/Motel Painting</li>
|
|
<li>Retail Spaces</li>
|
|
<li>Malls</li>
|
|
<li>Shopping Centers</li>
|
|
</ul>
|
|
</div>
|
|
<div class="grid_3">
|
|
<ul class="marked-list">
|
|
<li>Showrooms</li>
|
|
<li>Banks</li>
|
|
<li>Restaurant Painting</li>
|
|
<li>Commercial Kitchens</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well4">
|
|
<div class="container">
|
|
<h3>why people choose us</h3>
|
|
<div class="row">
|
|
<div class="grid_3 wow fadeInLeft" data-wow-delay="0.2s">
|
|
<span class="fl-bigmug-line fl-bigmug-line-chat55"></span>
|
|
<h5>Mauris accumsan</h5>
|
|
<p>Dolor sit amet, consectetuer adipiscing elit. Aenean commo do ligula eget dolor. Aenean massa cum sociis.</p>
|
|
</div>
|
|
<div class="grid_3 wow fadeInLeft">
|
|
<span class="fl-bigmug-line fl-bigmug-line-nine16"></span>
|
|
<h5>Nulla vel diam</h5>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa cum sociis. natoque penatibus et magnis dis parturient montes.</p>
|
|
</div>
|
|
<div class="grid_3 wow fadeInRight">
|
|
<span class="fl-bigmug-line fl-bigmug-line-circular220"></span>
|
|
<h5>Morbi pretium pre</h5>
|
|
<p>Aenean massa cum sociis. natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus onec.</p>
|
|
</div>
|
|
<div class="grid_3 wow fadeInRight" data-wow-delay="0.2s">
|
|
<span class="fl-bigmug-line fl-bigmug-line-paintbrush9"></span>
|
|
<h5>Phasellus nisl arcu</h5>
|
|
<p>Natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentes.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="bg3 well5">
|
|
<img class="bg-img2" src="images/page-2_img04.jpg" alt="">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="preffix_2 grid_8">
|
|
<h3>Our special offer</h3>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Donec quam felis, ultricies nec, pellen tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well3">
|
|
<div class="container wow fadeInUp">
|
|
<h3>testimonials</h3>
|
|
<div class="row">
|
|
<div class="grid_4">
|
|
<blockquote class="quote">
|
|
<img class="circle" src="images/page-2_img05.jpg" alt="">
|
|
<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>Mark Johnson</h5>
|
|
</blockquote>
|
|
</div>
|
|
<div class="grid_4">
|
|
<blockquote class="quote">
|
|
<img class="circle" src="images/page-2_img06.jpg" alt="">
|
|
<p>Aenean massa cum sociis natoque penati bus et magnis dis parturient montes, nasce tur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis.</p>
|
|
<h5>Emma Grosh</h5>
|
|
</blockquote>
|
|
</div>
|
|
<div class="grid_4">
|
|
<blockquote class="quote">
|
|
<img class="circle" src="images/page-2_img07.jpg" alt="">
|
|
<p>Donec quam felis, ultricies nec, pellentes que eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget.</p>
|
|
<h5>Anton Stegner</h5>
|
|
</blockquote>
|
|
</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> |