321 lines
12 KiB
HTML
321 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Home</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="bg1">
|
|
<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 class="active">
|
|
<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>
|
|
<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>
|
|
<section class="top-section">
|
|
<div class="container">
|
|
<h2>Quality painting for your home</h2>
|
|
<div class="row">
|
|
<div class="preffix_2 grid_8">
|
|
<p>Lorem ip sum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturi</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<!--========================================================
|
|
CONTENT
|
|
=========================================================-->
|
|
<main>
|
|
<section class="bg3 well6">
|
|
<img class="bg-img1" src="images/page-1_img01.jpg" alt="">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="preffix_2 grid_8">
|
|
<h3>Professional painting contractor </h3>
|
|
<p class="mt4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturi ent montes, nascetur ridiculus mus. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well1">
|
|
<div class="container">
|
|
<h3>Painting the world into bright colors</h3>
|
|
<div class="row mt2">
|
|
<div class="grid_4">
|
|
<div class="box3 wow fadeInUp">
|
|
<img src="images/page-1_img02.jpg" alt="">
|
|
<h5><a href="#">Mauris accumsan nulla vel</a></h5>
|
|
<p class="text1">Lorem ipsum dolor sit amet, consectetuer </p>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box3 wow fadeInUp" data-wow-delay="0.2s">
|
|
<img src="images/page-1_img03.jpg" alt="">
|
|
<h5><a href="#">Pellentesque sed dolor</a></h5>
|
|
<p class="text1">Lorem ipsum dolor sit amet, consectetuer </p>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box3 wow fadeInUp" data-wow-delay="0.4s">
|
|
<img src="images/page-1_img04.jpg" alt="">
|
|
<h5><a href="#">Fusce euismod con</a></h5>
|
|
<p class="text1">Lorem ipsum dolor sit amet, consectetuer </p>
|
|
<a class="btn" href="#">read more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="parallax parallax_1" data-url="images/parallax01.jpg">
|
|
<div class="container">
|
|
<h3> our Services</h3>
|
|
<div class="row">
|
|
<div class="grid_4">
|
|
<div class="box3">
|
|
<img src="images/page-1_icon01.png" alt="">
|
|
<h6><a href="#">Lorem ipsum dolor sit amet,<br> consectetuer adip</a></h6>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box3">
|
|
<img src="images/page-1_icon02.png" alt="">
|
|
<h6><a href="#">Sed in lacus ut enim adipi<br> scing aliquet</a></h6>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box3">
|
|
<img src="images/page-1_icon03.png" alt="">
|
|
<h6><a href="#">Aliquam congue fermen<br> tum nisl</a></h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well2">
|
|
<div class="container">
|
|
<h3>our news</h3>
|
|
</div>
|
|
<div class="full mt1 wow fadeInUp">
|
|
<div class="full-item">
|
|
<div class="box" data-equal-group="1">
|
|
<div class="box2">
|
|
<img class="circle" src="images/page-1_img05.jpg" alt="">
|
|
<div class="box2_over">
|
|
<div class="centered">
|
|
<div class="center-wrap">
|
|
<time datetime="2015-05-27">27<br>05</time>
|
|
</div>
|
|
<div class="helper"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Donec sagittis euismod </a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer </p>
|
|
</div>
|
|
</div>
|
|
<div class="full-item">
|
|
<div class="box" data-equal-group="1">
|
|
<div class="box2">
|
|
<img class="circle" src="images/page-1_img06.jpg" alt="">
|
|
<div class="box2_over">
|
|
<div class="centered">
|
|
<div class="center-wrap">
|
|
<time datetime="2015-05-27">22<br>05</time>
|
|
</div>
|
|
<div class="helper"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">In pede mi, aliquet sit ame</a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer </p>
|
|
</div>
|
|
</div>
|
|
<div class="full-item">
|
|
<div class="box" data-equal-group="1">
|
|
<div class="box2">
|
|
<img class="circle" src="images/page-1_img07.jpg" alt="">
|
|
<div class="box2_over">
|
|
<div class="centered">
|
|
<div class="center-wrap">
|
|
<time datetime="2015-05-27">17<br>05</time>
|
|
</div>
|
|
<div class="helper"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Mauris accumsan nulla vel </a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer </p>
|
|
</div>
|
|
</div>
|
|
<div class="full-item">
|
|
<div class="box" data-equal-group="1">
|
|
<div class="box2">
|
|
<img class="circle" src="images/page-1_img08.jpg" alt="">
|
|
<div class="box2_over">
|
|
<div class="centered">
|
|
<div class="center-wrap">
|
|
<time datetime="2015-05-27">11<br>05</time>
|
|
</div>
|
|
<div class="helper"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Pellentesque sed dolor</a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer</p>
|
|
</div>
|
|
</div>
|
|
<div class="full-item">
|
|
<div class="box" data-equal-group="1">
|
|
<div class="box2">
|
|
<img class="circle" src="images/page-1_img09.jpg" alt="">
|
|
<div class="box2_over">
|
|
<div class="centered">
|
|
<div class="center-wrap">
|
|
<time datetime="2015-05-27">10<br>05</time>
|
|
</div>
|
|
<div class="helper"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Donec sagittis euismod </a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well3">
|
|
<div class="container wow fadeInUp">
|
|
<h3>about us</h3>
|
|
<div class="row">
|
|
<div class="preffix_1 grid_10">
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 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. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
|
|
</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>
|
|
<!-- {%FOOTER_LINK} -->
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |