419 lines
35 KiB
HTML
419 lines
35 KiB
HTML
{% include 'blocks/head.html' %}
|
|
<!-- Header -->
|
|
{% include 'blocks/header.html' %}
|
|
<!-- Header -->
|
|
<!-- Main Content -->
|
|
<br>
|
|
{% for category in categories %}
|
|
{{ category }}<br>
|
|
{% endfor %}
|
|
<br>
|
|
|
|
|
|
<main id="main-content">
|
|
<div class="main-section">
|
|
<section class="page-section" style="margin-bottom:12px; padding:51px 0 0 0;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="section-fullwidth">
|
|
<h2>Portfolio</h2>
|
|
<div class="element-size-100">
|
|
<section id="portfolio-section">
|
|
<div class="wrap-pad first">
|
|
<div class="row">
|
|
<!-- ./ Heading div-->
|
|
<div class=" px-filter-holder col-md-12" >
|
|
<div class="px-main-filter">
|
|
<span>SORT BY:</span>
|
|
<ul class="portfolio-filter">
|
|
<li><a class="btn btn-primary active margin-5" href="#" data-filter="*">List All</a></li>
|
|
{% for category in categories %}
|
|
<li><a class="btn btn-primary margin-5" href="#" data-filter=".{{ category }}">{{ category }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- ./ Filter Head div-->
|
|
<div class="px-portfolio px-portfolio-masonary">
|
|
<ul class="portfolio-items col-3">
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 1', filename='DSC04203.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Deck 1<br> Bradford</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 2', filename='DSC04305.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Deck 2<br> Bradford</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 3', filename='DSC04412.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Deck 3<br> Bradford</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Floating deck @ club early mercy', filename='IMG_0771.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Floating Deck<br> Early Mercy</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 4', filename='DSC04407.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Deck 4<br> Bradford</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Cedar toronto', filename='IMG_2379.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Cedar toronto') }}">Deck Cedar<br> Toronto</a></h6>
|
|
<span><a href="#">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Toronto 1', filename='IMG_0097.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Deck<br> Toronto 1</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Decks col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck/IMG_0003.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="decks-Floating%20deck.html">Floating Deck<br> Toronto</a></h6>
|
|
<span><a href="#">Decks</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Deck</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Ceiling col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='ceilings', project_name='Keswick', filename='IMG_0710.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceiling<br> Keswick</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceilings</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Ceiling</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Stairs col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('show_project_file', category='Stairs', project_name='Keswick', filename='IMG_0721.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs<br> Keswick</a></h6>
|
|
<span><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Stairs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Exterior col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Flagstone porch/Richmond hill/IMG_2535.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="Flagstone%20porch-Richmond%20hill.html">Flagstone Porch<br> Richmond Hill</a></h6>
|
|
<span><a href="#">Flagstone Porch</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Porch</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Flooring col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Flooring/Keswick/After/IMG_0717.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="Flooring_Keswick-After.html">Flooring<br> Keswick</a></h6>
|
|
<span><a href="#">Flooring</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Flooring</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Steel DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Steel fabrication and install/IMG_9746.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond Hill-Steel fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6>
|
|
<span><a href="#">Steel</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Steel</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Demolition DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Demo/IMG_9688.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Demo.html">Demolition<br> Yongehurst</a></h6>
|
|
<span><a href="#">Demolition</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Demolition</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Before DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Befores/IMG_5555.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Befores.html">Before<br> Yongehurst</a></h6>
|
|
<span><a href="#">Before</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Before</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Footings DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Footings/two.2.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Footings.html">Footings<br> Yongehurst</a></h6>
|
|
<span><a href="#">Footings</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Footings</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Framing DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Framing/IMG_0383.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Framing.html">Framing<br> Yongehurst</a></h6>
|
|
<span><a href="#">Framing</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Framing</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Insulation DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Insulation/IMG_2328.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Insulation.html">Insulation<br> Yongehurst</a></h6>
|
|
<span><a href="#">Insulation</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Insulation</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="portfolio-item Almost DesignBuild col-md-3">
|
|
<div class="item-main">
|
|
<div class="portfolio-image">
|
|
<div class="px-media">
|
|
<figure>
|
|
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Almost there/IMG_3252.JPG') }}" alt=""></a>
|
|
<figcaption>
|
|
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Almost%20there.html">Almost<br> Yongehurst</a></h6>
|
|
<span><a href="#">Almost</a></span>
|
|
</figcaption>
|
|
</figure>
|
|
<h6 class="px-luxury">Almost</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- ./ Content div-->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
<script src="{{ url_for('static', filename='scripts/jquery.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/bootstrap.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/modernizr.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/jquery.flexslider-min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/jquery.prettyPhoto.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/isotope.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/custom.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/owl.carousel.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/sticky_header.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/jquery.nicescroll.min.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='scripts/functions.js') }}"></script>
|
|
<script >
|
|
$('.px-carousel').owlCarousel({
|
|
nav: true,
|
|
margin: 20,
|
|
navText: [
|
|
"<i class=' icon-angle-left'></i>",
|
|
"<i class='icon-angle-right'></i>"
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1 // In this configuration 1 is enabled from 0px up to 479px screen size
|
|
},
|
|
|
|
480: {
|
|
items: 2, // from 480 to 677
|
|
nav: false // from 480 to max
|
|
},
|
|
|
|
678: {
|
|
items: 3, // from this breakpoint 678 to 959
|
|
center: false // only within 678 and next - 959
|
|
},
|
|
|
|
960: {
|
|
items: 4, // from this breakpoint 960 to 1199
|
|
center: false,
|
|
loop: false
|
|
|
|
},
|
|
|
|
1200: {
|
|
items: 4,
|
|
}
|
|
}
|
|
|
|
});
|
|
jQuery(window).load(function(){
|
|
jQuery('.px-testimonial-slider, .px-bannerslider').flexslider({
|
|
animation: "fade",
|
|
prevText:"<em class='icon-arrow-left9'></em>",
|
|
nextText:"<em class='icon-arrow-right9'></em>",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<!-- Main Content -->
|
|
<!-- Footer -->
|
|
{% include 'blocks/footer.html' %}
|
|
<!-- Footer -->
|
|
{% include 'blocks/foot.html' %} |