Clean up the contact page. Needs new map and images
This commit is contained in:
Alexander Hosking
parent
9d984e7d88
commit
32301e5f61
12
run_site.py
12
run_site.py
@ -50,11 +50,17 @@ def show_project_file(category, project_name, filename):
|
|||||||
def about():
|
def about():
|
||||||
return render_template('aboutus.html', title="Index - JPs")
|
return render_template('aboutus.html', title="Index - JPs")
|
||||||
|
|
||||||
@app.route('/portfoliio')
|
@app.route('/portfolio')
|
||||||
def portfolio():
|
def portfolio():
|
||||||
return render_template('index.html', title="Index - JPs")
|
categories = os.listdir('projects/')
|
||||||
|
projects = []
|
||||||
|
for category in categories:
|
||||||
|
for project in os.listdir('projects/'+category):
|
||||||
|
# projects.append(project)
|
||||||
|
projects.append([category, project, os.listdir('projects/'+category+'/'+project)[0]])
|
||||||
|
return render_template('index.html', title="JPs Contracting - Portfolio", categories=categories, projects=projects)
|
||||||
|
|
||||||
@app.route('/contact')
|
@app.route('/contact')
|
||||||
def contact():
|
def contact():
|
||||||
return render_template('contactus.html', title="Index - JPs")
|
return render_template('contactus.html', title="Contact Us - JPs Contracting")
|
||||||
|
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Home</title>
|
<title>{{ title }}</title>
|
||||||
|
|
||||||
<!-- Css Files -->
|
<!-- Css Files -->
|
||||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||||
|
|||||||
@ -16,20 +16,20 @@
|
|||||||
<li><i class="icon-house"></i>
|
<li><i class="icon-house"></i>
|
||||||
<span>Visit us</span>
|
<span>Visit us</span>
|
||||||
<p>
|
<p>
|
||||||
Twitter Walls events<br/>
|
197 Spadina Avenue<br/>
|
||||||
ABCD an receive<br/>
|
Suite 500<br/>
|
||||||
see all the social media<br/>
|
Toronto, Ontario<br/>
|
||||||
Newyork
|
Canada
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<i class="icon-phone8"></i>
|
<i class="icon-phone8"></i>
|
||||||
<span>Phones</span>
|
<span>Phones</span>
|
||||||
<p>(0044) 123 456 7891</p>
|
<p>416-258-2422</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<i class="icon-envelope5"></i>
|
<i class="icon-envelope5"></i>
|
||||||
<span>Email Address</span><p><a href="mailto:info@woodworks.com">info@woodworks.com</a></p>
|
<span>Email Address</span><p><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<i class="icon-clock-o"></i>
|
<i class="icon-clock-o"></i>
|
||||||
@ -44,7 +44,7 @@
|
|||||||
<div class="widget-section-title"><h5>Promotions</h5></div>
|
<div class="widget-section-title"><h5>Promotions</h5></div>
|
||||||
<div class="textwidget">
|
<div class="textwidget">
|
||||||
<p>
|
<p>
|
||||||
<img alt="" src="assets/extra-images/img-1.png">
|
<img alt="" src="{{ url_for('static', filename='extra-images/img-1.png') }}">
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -60,18 +60,18 @@
|
|||||||
<div class="px-section-title"><h4>Who we are?</h4></div>
|
<div class="px-section-title"><h4>Who we are?</h4></div>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<img src="assets/extra-images/thumblist-img1.jpg">
|
<img src="{{ url_for('static', filename='extra-images/thumblist-img1.jpg') }}">
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<img src="assets/extra-images/thumblist-img2.jpg">
|
<img src="{{ url_for('static', filename='extra-images/thumblist-img2.jpg') }}">
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<img src="assets/extra-images/thumblist-img3.jpg">
|
<img src="{{ url_for('static', filename='extra-images/thumblist-img3.jpg') }}">
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="lightbox col-md-12">
|
<div class="lightbox col-md-12">
|
||||||
<p class="px-textborder">Jeez titillating a much one condescendingly absurd but statically instead coaxing festively solemn notwithstanding notwithstanding public limpet where forecast brilliant hence fed goodness touched grasshopper effortlessly so versus and one rat well yet inventoried dived a frequently krill in desolately well extensive bluebird unbearable and however unskillfully pending impala begrudgingly safely this one oh upset salmon ostrich.</p>
|
<p class="px-textborder">At JPs contracting, we want to make your project a success. From the small one-off jobs, to large project plans, we will give you the confidence to improve and grow like you've always wanted to!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="px-plain-form contact-form col-md-12">
|
<div class="px-plain-form contact-form col-md-12">
|
||||||
<div class="px-section-title"><h4>get in touch with us</h4></div>
|
<div class="px-section-title"><h4>get in touch with us</h4></div>
|
||||||
@ -80,12 +80,12 @@
|
|||||||
<label class="px-name">
|
<label class="px-name">
|
||||||
<span>Name</span>
|
<span>Name</span>
|
||||||
<input type="text" name="contact_name" onfocus="if(this.value == 'Name') { this.value = ''; }" onblur="if(this.value == '')
|
<input type="text" name="contact_name" onfocus="if(this.value == 'Name') { this.value = ''; }" onblur="if(this.value == '')
|
||||||
{ this.value = 'Enter your Name'; }" value="Enter your Name" class="cs-plan" required>
|
{ this.value = ''; }" value="" class=" cs-plan" required>
|
||||||
</label>
|
</label>
|
||||||
<label>
|
<label>
|
||||||
<span>Email Address</span>
|
<span>Email Address</span>
|
||||||
<input type="email" name="contact_email" onfocus="if(this.value == '') { this.value = ''; }" onblur="if(this.value == '')
|
<input type="email" name="contact_email" onfocus="if(this.value == '') { this.value = ''; }" onblur="if(this.value == '')
|
||||||
{ this.value = ''; }" value="" class="cs-plan" required>
|
{ this.value = ''; }" value="" class=" cs-plan" required>
|
||||||
</label>
|
</label>
|
||||||
<label>
|
<label>
|
||||||
<span>
|
<span>
|
||||||
@ -93,7 +93,7 @@
|
|||||||
<small>(Optional)</small>
|
<small>(Optional)</small>
|
||||||
</span>
|
</span>
|
||||||
<input type="text" name="Website" onfocus="if(this.value == '') { this.value = ''; }" onblur="if(this.value == '') {
|
<input type="text" name="Website" onfocus="if(this.value == '') { this.value = ''; }" onblur="if(this.value == '') {
|
||||||
this.value = ''; }" value="" class=" cs-plan" required>
|
this.value = ''; }" value="" class=" cs-plan">
|
||||||
</label>
|
</label>
|
||||||
<label class="px-textarea">
|
<label class="px-textarea">
|
||||||
<span>Message</span>
|
<span>Message</span>
|
||||||
|
|||||||
@ -3,13 +3,6 @@
|
|||||||
{% include 'blocks/header.html' %}
|
{% include 'blocks/header.html' %}
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
<br>
|
|
||||||
{% for category in categories %}
|
|
||||||
{{ category }}<br>
|
|
||||||
{% endfor %}
|
|
||||||
<br>
|
|
||||||
|
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<div class="main-section">
|
<div class="main-section">
|
||||||
<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;">
|
||||||
@ -28,7 +21,7 @@
|
|||||||
<ul class="portfolio-filter">
|
<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 active margin-5" href="#" data-filter="*">List All</a></li>
|
||||||
{% for category in categories %}
|
{% for category in categories %}
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".{{ category }}">{{ category }}</a></li>
|
<li><a class="btn btn-primary margin-5" href="#" data-filter=".{{ category|replace(' ','') }}">{{ category }}</a></li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@ -36,310 +29,24 @@
|
|||||||
<!-- ./ Filter Head 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 Decks col-md-3">
|
{% for project in projects %}
|
||||||
<div class="item-main">
|
<li class="portfolio-item {{ project[0]|replace(' ','') }} 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('show_project_file', category='Decks', project_name='Bradford 1', filename='DSC04203.JPG') }}" alt=""></a>
|
<figure>
|
||||||
<figcaption>
|
<a href="#"><img src="{{ url_for('show_project_file', category=project[0], project_name=project[1], filename=project[2]) }}" alt=""></a>
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Deck 1<br> Bradford</a></h6>
|
<figcaption>
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Decks</a></span>
|
<h6><a href="{{ url_for('show_project', category=project[0], project_name=project[1]) }}">{{ project[1] }}</a></h6>
|
||||||
</figcaption>
|
<span><a href="{{ url_for('show_project', category=project[0], project_name=project[1]) }}">{{ project[0] }}</a></span>
|
||||||
</figure>
|
</figcaption>
|
||||||
<h6 class="px-luxury">Deck</h6>
|
</figure>
|
||||||
|
<h6 class="px-luxury">{{ project[0]|replace(' ','') }}</h6>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
{% endfor %}
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 2', filename='DSC04305.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Deck 2<br> Bradford</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 3', filename='DSC04412.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Deck 3<br> Bradford</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Floating deck @ club early mercy', filename='IMG_0771.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Floating Deck<br> Early Mercy</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 4', filename='DSC04407.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Deck 4<br> Bradford</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Cedar toronto', filename='IMG_2379.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Cedar toronto') }}">Deck Cedar<br> Toronto</a></h6>
|
|
||||||
<span><a href="#">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Toronto 1', filename='IMG_0097.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Deck<br> Toronto 1</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Decks col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck/IMG_0003.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="decks-Floating%20deck.html">Floating Deck<br> Toronto</a></h6>
|
|
||||||
<span><a href="#">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Deck</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Ceiling col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='ceilings', project_name='Keswick', filename='IMG_0710.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceiling<br> Keswick</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceilings</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Ceiling</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Stairs col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('show_project_file', category='Stairs', project_name='Keswick', filename='IMG_0721.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs<br> Keswick</a></h6>
|
|
||||||
<span><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Stairs</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Exterior col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Flagstone porch/Richmond hill/IMG_2535.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="Flagstone%20porch-Richmond%20hill.html">Flagstone Porch<br> Richmond Hill</a></h6>
|
|
||||||
<span><a href="#">Flagstone Porch</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Porch</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Flooring col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Flooring/Keswick/After/IMG_0717.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="Flooring_Keswick-After.html">Flooring<br> Keswick</a></h6>
|
|
||||||
<span><a href="#">Flooring</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flooring</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Steel DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Steel fabrication and install/IMG_9746.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond Hill-Steel fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Steel</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Steel</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Demolition DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Demo/IMG_9688.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Demo.html">Demolition<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Demolition</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Demolition</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Before DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Befores/IMG_5555.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Befores.html">Before<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Before</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Before</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Footings DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Footings/two.2.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Footings.html">Footings<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Footings</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Footings</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Framing DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Framing/IMG_0383.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Framing.html">Framing<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Framing</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Framing</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Insulation DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Insulation/IMG_2328.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Insulation.html">Insulation<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Insulation</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Insulation</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="portfolio-item Almost DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Almost there/IMG_3252.JPG') }}" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Almost%20there.html">Almost<br> Yongehurst</a></h6>
|
|
||||||
<span><a href="#">Almost</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Almost</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- ./ Content div-->
|
<!-- ./ Content div-->
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user