{% include 'blocks/head.html' %}
<!-- Header -->
{% include 'blocks/header.html' %}
<!-- Header -->
<!-- Main Content -->
<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>
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".designbuild">Design Build</a></li>
                                                    <!-- <li><a class="btn btn-primary margin-5" href="#" data-filter=".Deck">Decks</a></li> -->
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".additions">Additions</a></li>
                                                    <!-- <li><a class="btn btn-primary margin-5" href="#" data-filter=".Ceiling">Ceiling</a></li> -->
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".basement">Basement Finishing</a></li>
                                                    <!-- <li><a class="btn btn-primary margin-5" href="#" data-filter=".Stairs">Stairs</a></li> -->
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".fullhouse">Full House Renovations</a></li>
                                                    <!-- <li><a class="btn btn-primary margin-5" href="#" data-filter=".Exterior">Exterior</a></li> -->
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".kitchen">Kitchen Renovations</a></li>
                                                    <!-- <li><a class="btn btn-primary margin-5" href="#" data-filter=".Flooring">Flooring</a></li> -->
                                                    <li><a class="btn btn-primary margin-5" href="#" data-filter=".landscaping">Landscaping</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- ./ Filter Head div-->
                                            <div class="px-portfolio px-portfolio-masonary">
                                                <ul class="portfolio-items col-3">
                                                    <li class="portfolio-item Deck 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/Bradford 1/DSC04203.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-bradford1.html">Deck 1<br> Bradford</a></h6>
                                                                            <span><a href="decks-bradford1.html">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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/Bradford 2/DSC04305.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-bradford2.html">Deck 2<br> Bradford</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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/Bradford 3/DSC04412.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-Bradford 3.html">Deck 3<br> Bradford</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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 @ club early mercy/IMG_0771.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-Floating deck @ club early mercy.html">Floating Deck<br> Early Mercy</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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/Bradford 4/DSC04407.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-Bradford 4.html">Deck 4<br> Bradford</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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/Cedar toronto/IMG_2379.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-Cedar%20toronto.html">Deck Cedar<br> Toronto</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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/Toronto 1/IMG_0097.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="decks-Toronto%201.html">Landscaping<br> Toronto 1</a></h6>
                                                                            <span><a href="#">Decks</a></span>
                                                                        </figcaption>
                                                                    </figure>
                                                                    <h6 class="px-luxury">Landscaping</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="portfolio-item Deck 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">Landscaping</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('static', filename='photos/ceilings/Keswick/IMG_0710.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="ceilings-Keswick.html">Ceiling<br> Keswick</a></h6>
                                                                            <span><a href="#">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('static', filename='photos/Stairs/Keswick/IMG_0721.JPG') }}" alt=""></a>
                                                                        <figcaption>
                                                                            <h6><a href="Stairs-Keswick.html">Stairs<br> Keswick</a></h6>
                                                                            <span><a href="#">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>
<!-- Main Content -->
<!-- Footer -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
{% include 'blocks/foot.html' %}