Progress to v1

This commit is contained in:
Alexander Hosking 2017-01-17 01:41:41 -05:00
parent 42ae91fa9d
commit 2175aba232
3 changed files with 323 additions and 369 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -25,7 +25,6 @@
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<!-- Header --> <!-- Header -->
<header id="main-header"> <header id="main-header">
@ -35,15 +34,13 @@
<nav class="navigation"> <nav class="navigation">
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a> <a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="{{ url_for('index')}}">Home</a></li>
<li><a href="about.html">About Us</a></li> <!-- <li><a href="about.html">About Us</a></li> -->
<li> <li><a href="portfolio.html">Portfolio</a></li>
<a href="portfolio.html">Portfolio</a> <!-- <li><a href="contactus.html">Contact Us</a></li> -->
</li>
<li><a href="contactus.html">Contact Us</a></li>
</ul> </ul>
</nav> </nav>
<a href="contactus2.html" class="btn-quote">Get A Quote</a>! <!-- <a href="contactus2.html" class="btn-quote">Get A Quote</a> -->
</div> </div>
</div> </div>
</div> </div>
@ -60,7 +57,7 @@
Refine<span>Cabinets</span> Refine<span>Cabinets</span>
</h1> </h1>
<a class="px-btn" href="#">Get Quick Qoute</a> <a class="px-btn" href="#">Get Quick Qoute</a>
</div> ! </div>
</div> </div>
</li> </li>
<li> <li>
@ -74,6 +71,7 @@
</div> </div>
</header> </header>
<!-- Header --> <!-- Header -->
{% block body %}{% endblock %} {% block body %}{% endblock %}
@ -82,10 +80,10 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="px-footer-block"> <div class="px-footer-block">
<div class="left-side"> <!-- <div class="left-side">
<div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div> ! <div class="logo"><a href="#"><img src="{{ url_for('static', filename='assets/images/footer-logo.png') }}" alt=""></a></div>
</div> </div> -->
<div class="right-side"> <!-- <div class="right-side">
<div class="twitter_widget"> <div class="twitter_widget">
<ul class="slides"> <ul class="slides">
<li> <li>
@ -111,7 +109,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div>! </div> -->
</div> </div>
<div class="px-widget-block row"> <div class="px-widget-block row">
<div class="col-md-3"> <div class="col-md-3">
@ -121,10 +119,10 @@
</div> </div>
<ul> <ul>
<li>416-258-2422</li> <li>416-258-2422</li>
<li><a href="#">info@jpscontracting.ca</a></li> <li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
</ul> </ul>
<p>Wood Enterprise Centre level 0, A1 the works 00 Parer Place via Teams Avenue Kelvin Grove, ABC, 1234</p> <!-- <p>Wood Enterprise Centre level 0, A1 the works 00 Parer Place via Teams Avenue Kelvin Grove, ABC, 1234</p> -->
<a href="#" class="btn-map">View Map</a> <!-- <a href="#" class="btn-map">View Map</a> -->
</aside> </aside>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
@ -133,69 +131,54 @@
<h5>Our Expertise</h5> <h5>Our Expertise</h5>
</div> </div>
<ul> <ul>
<li><a href="#">Furniture</a> </li> <li>Furniture</li>
<li><a href="#">Renovation &amp; Repairs</a> </li> <li>Renovation &amp; Repairs </li>
<li><a href="#">Renovation &amp; Repairs</a> </li> <li>Renovation &amp; Repairs </li>
<li><a href="#">Partition Walls</a></li> <li>Partition Walls</li>
<li><a href="#">Refurbishment</a></li> <li>Refurbishment</li>
<li><a href="#">Refurbishment</a></li> <li>Refurbishment</li>
<li><a href="#">Windows</a></li> <li>Windows</li>
<li><a href="#">Storage</a></li> <li>Storage</li>
<li><a href="#">Storage</a></li> <li>Storage</li>
<li><a href="#">Garden Furniture</a></li> <li>Garden Furniture</li>
<li><a href="#">Doors</a></li> <li>Doors</li>
<li><a href="#">Doors</a></li> <li>Doors</li>
<li><a href="#">Overview of Services</a></li> <li>Overview of Services</li>
<li><a href="#">Flooring</a></li> <li>Flooring</li>
<li><a href="#">Flooring</a></li> <li>Flooring</li>
<li><a href="#">Kitchen Remodling</a></li> <li>Kitchen Remodling</li>
<li><a href="#">Skirting &amp; Architraves</a></li> <li>Skirting &amp; Architraves</li>
<li><a href="#">Skirting &amp; Architraves</a></li> <li>Skirting &amp; Architraves</li>
<li><a href="#">Bathroom Remodeling</a></li> <li>Bathroom Remodeling</li>
<li><a href="#">Kitchens</a></li> <li>Kitchens</li>
<li><a href="#">Kitchens</a></li> <li>Kitchens</li>
<li><a href="#">Additions</a></li> <li>Additions</li>
<li><a href="#">Bathroom Furniture</a></li> <li>Bathroom Furniture</li>
<li><a href="#">Bathroom Furniture</a></li> <li>Bathroom Furniture</li>
<li><a href="#">Media Rooms</a></li> <li>Media Rooms</li>
<li><a href="#">Finishing Touches</a></li> <li>Finishing Touches</li>
</ul> </ul>
</aside> </aside>
</div> </div>
<!-- <div class="col-md-3">
<aside class="widget widget-form">
<div class="widget-section-title">
<h5>Need Estimate?</h5>
</div>
<form action="#">
<fieldset>
<input type="text" placeholder="Name" required="required">
<input type="email" placeholder="Email" required="required">
<textarea placeholder="Message" required="required"></textarea>
<input type="submit" value="Send Message">
</fieldset>
</form>
</aside>
</div> -->
</div> </div>
<!-- </div> -->
</div> </div>
<section id="copyright"> <!-- <section id="copyright">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="social-media"> <div class="social-media">
<ul> <ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i><span>Facebook</span></a></li> <li><a href="#"><i data-original="facebook" class="icon-facebook7"></i><span>Facebook</span></a></li>
<!-- <li><a href="#"><i data-original="twitter" class="icon-twitter6"></i><span>Twitter</span></a></li> <li><a href="#"><i data-original="twitter" class="icon-twitter6"></i><span>Twitter</span></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i><span>Google Plus</span></a></li> <li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i><span>Google Plus</span></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i><span>Dribble</span></a></li> <li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i><span>Dribble</span></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li> --> <li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li>
</ul> </ul>
</div> </div>
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p> <p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
</div> </div>
</div> </div>
</section> </section> -->
</div>
</footer> </footer>
</div> </div>

View File

@ -6,7 +6,7 @@
<main id="main-content"> <main id="main-content">
<div class="main-section"> <div class="main-section">
<section class="page-section" style="margin:0 0 26px;"> <section class="page-section" style="margin:0 0 26px;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="section-fullwidth"> <div class="section-fullwidth">
<div class="element-size-100"> <div class="element-size-100">
@ -17,25 +17,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--<div class="element-size-50">
<div class="lightbox col-md-12">
<div class="px-section-title">
<h4>If it's wood, we can make it.</h4>
</div>
<p class="px-textborder">Cow smugly penguin dangerously when wherever far pouting hello bitterly and abashed dear honorable climbed abandonedly goodness through the much before the onto along thus crud penguin exact agonizingly avoidably more however jellyfish.</p>
<div style="color:#fff;" class="px-list-style">
<ul class="px-icon-style">
<li>More than beautiful homes… Next generation, future-ready homes</li>
<li>Northwoods innovator of high-performance home building</li>
<li>A holistic approach to the design and build phases of each project</li>
<li>Comfortable, safe, durable and energy-efficient custom-built homes</li>
<li>Independent Third-Party Home Energy Performance Testing</li>
<li>Peace of mind in knowing that your home was built right, the first time</li>
</ul>
<a href="#" class="px-btn">Get Quick Qoute</a>
</div>
</div>
</div> !-->
<section class="page-section" style="margin-bottom:12px; padding:51px 0 0 0;"> <section class="page-section" style="margin-bottom:12px; padding:51px 0 0 0;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -43,15 +24,12 @@
<div class="element-size-100"> <div class="element-size-100">
<div class="px-section-title col-md-12"> <div class="px-section-title col-md-12">
<h2>Portfolio</h2> <h2>Portfolio</h2>
<!-- <p class="px-textborder">One jeepers stood owing and narrow while among that orca thanks.</p>
<a href="#" class="px-portfolio-btn">View Full Portfolio</a>!-->
</div> </div>
</div> </div>
<div class="element-size-100"> <div class="element-size-100">
<section id="portfolio-section"> <section id="portfolio-section">
<div class="wrap-pad first"> <div class="wrap-pad first">
<div class="row"> <div class="row">
<!-- ./ Heading div-->
<div class=" px-filter-holder col-md-12" > <div class=" px-filter-holder col-md-12" >
<div class="px-main-filter"> <div class="px-main-filter">
<span>SORT BY:</span> <span>SORT BY:</span>
@ -66,331 +44,324 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- ./ Filter Head div--> <div class="px-portfolio px-portfolio-masonary">
<div class="px-portfolio px-portfolio-masonary"> <ul class="portfolio-items col-3">
<ul class="portfolio-items col-3"> <li class="portfolio-item Deck col-md-3">
<li class="portfolio-item Deck col-md-3"> <div class="item-main">
<div class="item-main"> <div class="portfolio-image">
<div class="portfolio-image"> <div class="px-media">
<div class="px-media"> <figure>
<figure> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 1/DSC04203.JPG') }}" alt=""></a>
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 1/DSC04203.JPG') }}" alt=""></a> <figcaption>
<figcaption> <h6><a href="decks-bradford1.html">Deck 1<br> Bradford</a></h6>
<h6><a href="decks-bradford1.html">Deck 1<br> Bradford</a></h6> <span><a href="decks-bradford1.html">Decks</a></span>
<span><a href="decks-bradford1.html">Decks</a></span> </figcaption>
</figcaption> </figure>
</figure> <h6 class="px-luxury">Deck</h6>
<h6 class="px-luxury">Deck</h6>
</div>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 2/DSC04305.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 2/DSC04305.JPG') }}" alt=""></a>
<h6><a href="decks-bradford2.html">Deck 2<br> Bradford</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-bradford2.html">Deck 2<br> Bradford</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 3/DSC04412.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 3/DSC04412.JPG') }}" alt=""></a>
<h6><a href="decks-Bradford 3.html">Deck 3<br> Bradford</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Bradford 3.html">Deck 3<br> Bradford</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck @ club early mercy/IMG_0771.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck @ club early mercy/IMG_0771.JPG') }}" alt=""></a>
<h6><a href="decks-Floating deck @ club early mercy.html">Floating Deck<br> Early Mercy</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Floating deck @ club early mercy.html">Floating Deck<br> Early Mercy</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 4/DSC04407.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Bradford 4/DSC04407.JPG') }}" alt=""></a>
<h6><a href="decks-Bradford 4.html">Deck 4<br> Bradford</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Bradford 4.html">Deck 4<br> Bradford</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Cedar toronto/IMG_2379.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Cedar toronto/IMG_2379.JPG') }}" alt=""></a>
<h6><a href="decks-Cedar%20toronto.html">Deck Cedar<br> Toronto</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Cedar%20toronto.html">Deck Cedar<br> Toronto</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Toronto 1/IMG_0097.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Toronto 1/IMG_0097.JPG') }}" alt=""></a>
<h6><a href="decks-Toronto%201.html">Deck<br> Toronto 1</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Toronto%201.html">Deck<br> Toronto 1</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Deck col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Deck col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck/IMG_0003.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck/IMG_0003.JPG') }}" alt=""></a>
<h6><a href="decks-Floating%20deck.html">Floating Deck<br> Toronto</a></h6> <figcaption>
<span><a href="#">Decks</a></span> <h6><a href="decks-Floating%20deck.html">Floating Deck<br> Toronto</a></h6>
</figcaption> <span><a href="#">Decks</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Deck</h6> </figure>
</div> <h6 class="px-luxury">Deck</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Ceiling col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Ceiling col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/ceilings/Keswick/IMG_0710.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/ceilings/Keswick/IMG_0710.JPG') }}" alt=""></a>
<h6><a href="ceilings-Keswick.html">Ceiling<br> Keswick</a></h6> <figcaption>
<span><a href="#">Ceilings</a></span> <h6><a href="ceilings-Keswick.html">Ceiling<br> Keswick</a></h6>
</figcaption> <span><a href="#">Ceilings</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Ceiling</h6> </figure>
</div> <h6 class="px-luxury">Ceiling</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Stairs col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Stairs col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Stairs/Keswick/IMG_0721.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Stairs/Keswick/IMG_0721.JPG') }}" alt=""></a>
<h6><a href="Stairs-Keswick.html">Stairs<br> Keswick</a></h6> <figcaption>
<span><a href="#">Stairs</a></span> <h6><a href="Stairs-Keswick.html">Stairs<br> Keswick</a></h6>
</figcaption> <span><a href="#">Stairs</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Stairs</h6> </figure>
</div> <h6 class="px-luxury">Stairs</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Exterior col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Exterior col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Flagstone porch/Richmond hill/IMG_2535.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Flagstone porch/Richmond hill/IMG_2535.JPG') }}" alt=""></a>
<h6><a href="Flagstone%20porch-Richmond%20hill.html">Flagstone Porch<br> Richmond Hill</a></h6> <figcaption>
<span><a href="#">Flagstone Porch</a></span> <h6><a href="Flagstone%20porch-Richmond%20hill.html">Flagstone Porch<br> Richmond Hill</a></h6>
</figcaption> <span><a href="#">Flagstone Porch</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Porch</h6> </figure>
</div> <h6 class="px-luxury">Porch</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Flooring col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Flooring col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Flooring/Keswick/After/IMG_0717.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Flooring/Keswick/After/IMG_0717.JPG') }}" alt=""></a>
<h6><a href="Flooring_Keswick-After.html">Flooring<br> Keswick</a></h6> <figcaption>
<span><a href="#">Flooring</a></span> <h6><a href="Flooring_Keswick-After.html">Flooring<br> Keswick</a></h6>
</figcaption> <span><a href="#">Flooring</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Flooring</h6> </figure>
</div> <h6 class="px-luxury">Flooring</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Steel DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Steel DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Steel fabrication and install/IMG_9746.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Steel fabrication and install/IMG_9746.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Steel%20fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Steel</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Steel%20fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Steel</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Steel</h6> </figure>
</div> <h6 class="px-luxury">Steel</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Demolition DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Demolition DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Demo/IMG_9688.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Demo/IMG_9688.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Demo.html">Demolition<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Demolition</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Demo.html">Demolition<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Demolition</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Demolition</h6> </figure>
</div> <h6 class="px-luxury">Demolition</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Before DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Before DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Befores/IMG_5555.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Befores/IMG_5555.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Befores.html">Before<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Before</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Befores.html">Before<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Before</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Before</h6> </figure>
</div> <h6 class="px-luxury">Before</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Footings DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Footings DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Footings/two.2.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Footings/two.2.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Footings.html">Footings<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Footings</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Footings.html">Footings<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Footings</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Footings</h6> </figure>
</div> <h6 class="px-luxury">Footings</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Framing DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Framing DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Framing/IMG_0383.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Framing/IMG_0383.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Framing.html">Framing<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Framing</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Framing.html">Framing<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Framing</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Framing</h6> </figure>
</div> <h6 class="px-luxury">Framing</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Insulation DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Insulation DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Insulation/IMG_2328.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Insulation/IMG_2328.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Insulation.html">Insulation<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Insulation</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Insulation.html">Insulation<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Insulation</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Insulation</h6> </figure>
</div> <h6 class="px-luxury">Insulation</h6>
</div> </div>
</div> </div>
</li> </div>
<li class="portfolio-item Almost DesignBuild col-md-3"> </li>
<div class="item-main"> <li class="portfolio-item Almost DesignBuild col-md-3">
<div class="portfolio-image"> <div class="item-main">
<div class="px-media"> <div class="portfolio-image">
<figure> <div class="px-media">
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Almost there/IMG_3252.JPG') }}" alt=""></a> <figure>
<figcaption> <a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Almost there/IMG_3252.JPG') }}" alt=""></a>
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Almost%20there.html">Almost<br> Yongehurst</a></h6> <figcaption>
<span><a href="#">Almost</a></span> <h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Almost%20there.html">Almost<br> Yongehurst</a></h6>
</figcaption> <span><a href="#">Almost</a></span>
</figure> </figcaption>
<h6 class="px-luxury">Almost</h6> </figure>
</div> <h6 class="px-luxury">Almost</h6>
</div> </div>
</div> </div>
</li> </div>
</ul> </li>
</div> </ul>
<!-- ./ Content div--> </div>
</div> </div>
</div> </div>
</section>
</div>
</div>
</div>
</div>
</section> </section>
{% block section %}{% endblock %} </div>
</div> </div>
</main> </div>
<!-- Main Content --> </section>
</div>
</main>
{% endblock %} {% endblock %}
{% block footer %}{% endblock %}