Update aboutus page
This commit is contained in:
Alexander Hosking
parent
4600c6824e
commit
9d1b1fa512
BIN
images/street-building-construction-industry.jpg
Normal file
BIN
images/street-building-construction-industry.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 MiB |
11
run_site.py
11
run_site.py
@ -7,6 +7,17 @@ app = Flask(__name__)
|
||||
def index():
|
||||
return render_template('index.html', title="Index - JPs")
|
||||
|
||||
@app.route('/about')
|
||||
def about():
|
||||
return render_template('aboutus.html', title="Index - JPs")
|
||||
|
||||
@app.route('/portfoliio')
|
||||
def portfolio():
|
||||
return render_template('index.html', title="Index - JPs")
|
||||
|
||||
@app.route('/contact')
|
||||
def contact():
|
||||
return render_template('contactus.html', title="Index - JPs")
|
||||
@app.route('/test')
|
||||
def test():
|
||||
return render_template('test.html')
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -60,5 +60,16 @@
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
/* ---------------------------------------------------------------------------
|
||||
* Counter Integers Function
|
||||
* --------------------------------------------------------------------------- */
|
||||
jQuery(document).ready(function( $ ) {
|
||||
$('.custom-counter').counterUp({
|
||||
delay: 10,
|
||||
time: 1000
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -42,7 +42,7 @@
|
||||
</div>
|
||||
<ul>
|
||||
<li>416-258-2422</li>
|
||||
<li<a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
||||
</ul>
|
||||
<p></p>
|
||||
</aside>
|
||||
|
||||
@ -3,409 +3,354 @@
|
||||
{% include 'blocks/header.html' %}
|
||||
<!-- Header -->
|
||||
<!-- Main Content -->
|
||||
<main id="main-content">
|
||||
<div class="main-section">
|
||||
<!-- <section class="page-section" style="margin:0 0 26px;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-fullwidth">
|
||||
<div class="element-size-100">
|
||||
<div class="col-md-12">
|
||||
<div class="px-gallery-heading">
|
||||
<h1>Professional Contracting <span>Done Right</span></h1>
|
||||
<strong class="px-textborder">JPs Contracting is capable of building anything from decks and fences to full custom houses.</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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=".Deck">Decks</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=".Stairs">Stairs</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=".DesignBuild">Design Build</a></li>
|
||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Flooring">Flooring</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck<br> Toronto 1</a></h6>
|
||||
<span><a href="#">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</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">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('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>
|
||||
<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=".Deck">Decks</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=".Stairs">Stairs</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=".DesignBuild">Design Build</a></li>
|
||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Flooring">Flooring</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <section class="page-section" style="background: url({{ url_for('static', filename='extra-images/bg-partner.png')}}) no-repeat; background-size:cover; padding:63px 0;margin:0 0 40px 0;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="element-size-50">
|
||||
<div class="lightbox col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h3 style="color:#fff;">Why Choose Us?</h3>
|
||||
</div>
|
||||
<p class="px-textborder"style="color:#fff;">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><br>
|
||||
<div class="px-list-style" style="color:#fff;">
|
||||
<ul class="px-icon-style">
|
||||
<li style="color:#fff;">More than beautiful homes… Next generation, future-ready homes</li>
|
||||
<li style="color:#fff;">Northwoods innovator of high-performance home building</li>
|
||||
<li style="color:#fff;">A holistic approach to the design and build phases of each project</li>
|
||||
<li style="color:#fff;">Comfortable, safe, durable and energy-efficient custom-built homes</li>
|
||||
<li style="color:#fff;">Independent Third-Party Home Energy Performance Testing</li>
|
||||
<li style="color:#fff;">Peace of mind in knowing that your home was built right, the first time</li>
|
||||
</ul>
|
||||
</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck<br> Toronto 1</a></h6>
|
||||
<span><a href="#">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</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">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('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>
|
||||
<div class="element-size-50">
|
||||
<div class="px-section-title col-md-12">
|
||||
<h3 style="color:#fff;">Certifications</h3>
|
||||
</div>
|
||||
<div class="col-md-12 px-partner px-modren">
|
||||
<ul>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-1.png') }}"></a></figure></li>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-2.png') }}"></a></figure></li>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-3.png') }}"></a></figure></li>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-4.png') }}"></a></figure></li>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-5.png') }}"></a></figure></li>
|
||||
<li class="col-md-4"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-6.png') }}"></a></figure></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section> -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- Main Content -->
|
||||
<!-- Footer -->
|
||||
{% include 'blocks/footer.html' %}
|
||||
<!-- Footer -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<!-- Main Content -->
|
||||
<!-- Footer -->
|
||||
{% include 'blocks/footer.html' %}
|
||||
<!-- Footer -->
|
||||
{% include 'blocks/foot.html' %}
|
||||
356
templates/portfolio.html
Normal file
356
templates/portfolio.html
Normal file
@ -0,0 +1,356 @@
|
||||
{% 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=".Deck">Decks</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=".Stairs">Stairs</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=".DesignBuild">Design Build</a></li>
|
||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Flooring">Flooring</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck</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">Deck<br> Toronto 1</a></h6>
|
||||
<span><a href="#">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</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">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('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' %}
|
||||
Loading…
Reference in New Issue
Block a user