257 lines
10 KiB
HTML
257 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Gallery</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/jquery.fancybox.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>
|
|
<a href="index-2.html">Prices</a>
|
|
</li>
|
|
<li class="active">
|
|
<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>projects gallery</h3>
|
|
<div class="row wow fadeInUp">
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="1">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img01_original.jpg">
|
|
<img class="circle" src="images/page-3_img01.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Duis volutpat pulvinar</a></h4>
|
|
<p class="text1">Lorem ipsum dolor sit amet, conse ctetuer adipiscing elita enean.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="1">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img02_original.jpg">
|
|
<img class="circle" src="images/page-3_img02.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Urna ac mollis ulla dapi</a></h4>
|
|
<p class="text1">Consectetuer adipiscing elita enean commodo ligula eget dolor.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="1">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img03_original.jpg">
|
|
<img class="circle" src="images/page-3_img03.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Nulla dapibus lacus vel</a></h4>
|
|
<p class="text1">Cum sociis natoque penatibus et magnis dis parturi.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt3 wow fadeInUp">
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="2">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img04_original.jpg">
|
|
<img class="circle" src="images/page-3_img04.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Pulvinarurna ac mollis</a></h4>
|
|
<p class="text1">Atetuer adipiscing elita enean commodo ligula eget dolor.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="2">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img05_original.jpg">
|
|
<img class="circle" src="images/page-3_img05.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Mollis ulla dapibus</a></h4>
|
|
<p class="text1">Aenean massa. Cum sociis natoque et magnis dis part.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="2">
|
|
<a data-fancybox-group="1" class="thumb circle" href="images/page-3_img06_original.jpg">
|
|
<img class="circle" src="images/page-3_img06.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Lacus vel malesuada ulla</a></h4>
|
|
<p class="text1">Ent montes, nascetur ridiculus mus. Donec quam felis, ultricies.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="parallax parallax_2" data-url="images/parallax04.jpg">
|
|
<div class="container">
|
|
<h2>Choose the color of your life</h2>
|
|
<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.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="well3">
|
|
<div class="container">
|
|
<h3>Last added</h3>
|
|
<div class="row wow fadeInUp">
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="3">
|
|
<a data-fancybox-group="2" class="thumb circle" href="images/page-3_img07_original.jpg">
|
|
<img class="circle" src="images/page-3_img07.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Praesent lacinia congu</a></h4>
|
|
<p class="text1">Aenean lacinia, nulla nec faucibus egestas, libero arcu iaculis.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="3">
|
|
<a data-fancybox-group="2" class="thumb circle" href="images/page-3_img08_original.jpg">
|
|
<img class="circle" src="images/page-3_img08.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Congue velit vitae moll</a></h4>
|
|
<p class="text1">Libero arcu iaculis massa, et ullam corper nisi enim ac erat.</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_4">
|
|
<div class="box" data-equal-group="3">
|
|
<a data-fancybox-group="2" class="thumb circle" href="images/page-3_img09_original.jpg">
|
|
<img class="circle" src="images/page-3_img09.jpg" alt="">
|
|
<span class="thumb_overlay circle"></span>
|
|
</a>
|
|
<h4><a href="#">Velit vitae mollis hase</a></h4>
|
|
<p class="text1">Arcu iaculis massa, et ullamcorper nisi enim ac erat. Phasellus qui.</p>
|
|
</div>
|
|
</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> |