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():
|
||||
return render_template('aboutus.html', title="Index - JPs")
|
||||
|
||||
@app.route('/portfoliio')
|
||||
@app.route('/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')
|
||||
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 http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Home</title>
|
||||
<title>{{ title }}</title>
|
||||
|
||||
<!-- Css Files -->
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
|
||||
@ -16,20 +16,20 @@
|
||||
<li><i class="icon-house"></i>
|
||||
<span>Visit us</span>
|
||||
<p>
|
||||
Twitter Walls events<br/>
|
||||
ABCD an receive<br/>
|
||||
see all the social media<br/>
|
||||
Newyork
|
||||
197 Spadina Avenue<br/>
|
||||
Suite 500<br/>
|
||||
Toronto, Ontario<br/>
|
||||
Canada
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<i class="icon-phone8"></i>
|
||||
<span>Phones</span>
|
||||
<p>(0044) 123 456 7891</p>
|
||||
<p>416-258-2422</p>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
<i class="icon-clock-o"></i>
|
||||
@ -44,7 +44,7 @@
|
||||
<div class="widget-section-title"><h5>Promotions</h5></div>
|
||||
<div class="textwidget">
|
||||
<p>
|
||||
<img alt="" src="assets/extra-images/img-1.png">
|
||||
<img alt="" src="{{ url_for('static', filename='extra-images/img-1.png') }}">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -60,18 +60,18 @@
|
||||
<div class="px-section-title"><h4>Who we are?</h4></div>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="assets/extra-images/thumblist-img1.jpg">
|
||||
<img src="{{ url_for('static', filename='extra-images/thumblist-img1.jpg') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/extra-images/thumblist-img2.jpg">
|
||||
<img src="{{ url_for('static', filename='extra-images/thumblist-img2.jpg') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/extra-images/thumblist-img3.jpg">
|
||||
<img src="{{ url_for('static', filename='extra-images/thumblist-img3.jpg') }}">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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 class="px-plain-form contact-form col-md-12">
|
||||
<div class="px-section-title"><h4>get in touch with us</h4></div>
|
||||
@ -80,12 +80,12 @@
|
||||
<label class="px-name">
|
||||
<span>Name</span>
|
||||
<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>
|
||||
<span>Email Address</span>
|
||||
<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>
|
||||
<span>
|
||||
@ -93,7 +93,7 @@
|
||||
<small>(Optional)</small>
|
||||
</span>
|
||||
<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 class="px-textarea">
|
||||
<span>Message</span>
|
||||
|
||||
@ -3,13 +3,6 @@
|
||||
{% include 'blocks/header.html' %}
|
||||
<!-- Header -->
|
||||
<!-- Main Content -->
|
||||
<br>
|
||||
{% for category in categories %}
|
||||
{{ category }}<br>
|
||||
{% endfor %}
|
||||
<br>
|
||||
|
||||
|
||||
<main id="main-content">
|
||||
<div class="main-section">
|
||||
<section class="page-section" style="margin-bottom:12px; padding:51px 0 0 0;">
|
||||
@ -28,7 +21,7 @@
|
||||
<ul class="portfolio-filter">
|
||||
<li><a class="btn btn-primary active margin-5" href="#" data-filter="*">List All</a></li>
|
||||
{% for category in categories %}
|
||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".{{ category }}">{{ category }}</a></li>
|
||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".{{ category|replace(' ','') }}">{{ category }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
@ -36,310 +29,24 @@
|
||||
<!-- ./ Filter Head div-->
|
||||
<div class="px-portfolio px-portfolio-masonary">
|
||||
<ul class="portfolio-items col-3">
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
{% for project in projects %}
|
||||
<li class="portfolio-item {{ project[0]|replace(' ','') }} col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 1', filename='DSC04203.JPG') }}" alt=""></a>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category=project[0], project_name=project[1], filename=project[2]) }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Deck 1<br> Bradford</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 1') }}">Decks</a></span>
|
||||
<h6><a href="{{ url_for('show_project', category=project[0], project_name=project[1]) }}">{{ project[1] }}</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category=project[0], project_name=project[1]) }}">{{ project[0] }}</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 2', filename='DSC04305.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Deck 2<br> Bradford</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 2') }}">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 3', filename='DSC04412.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Deck 3<br> Bradford</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 3') }}">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Floating deck @ club early mercy', filename='IMG_0771.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Floating Deck<br> Early Mercy</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Floating deck @ club early mercy') }}">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Bradford 4', filename='DSC04407.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Deck 4<br> Bradford</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Bradford 4') }}">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Cedar toronto', filename='IMG_2379.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Cedar toronto') }}">Deck Cedar<br> Toronto</a></h6>
|
||||
<span><a href="#">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Decks', project_name='Toronto 1', filename='IMG_0097.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Deck<br> Toronto 1</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Decks', project_name='Toronto 1') }}">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Decks col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Decks/Floating deck/IMG_0003.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="decks-Floating%20deck.html">Floating Deck<br> Toronto</a></h6>
|
||||
<span><a href="#">Decks</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Deck</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Ceiling col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='ceilings', project_name='Keswick', filename='IMG_0710.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceiling<br> Keswick</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='ceilings', project_name='Keswick') }}">Ceilings</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Ceiling</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Stairs col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('show_project_file', category='Stairs', project_name='Keswick', filename='IMG_0721.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs<br> Keswick</a></h6>
|
||||
<span><a href="{{ url_for('show_project', category='Stairs', project_name='Keswick') }}">Stairs</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Stairs</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Exterior col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Flagstone porch/Richmond hill/IMG_2535.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="Flagstone%20porch-Richmond%20hill.html">Flagstone Porch<br> Richmond Hill</a></h6>
|
||||
<span><a href="#">Flagstone Porch</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Porch</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Flooring col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Flooring/Keswick/After/IMG_0717.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="Flooring_Keswick-After.html">Flooring<br> Keswick</a></h6>
|
||||
<span><a href="#">Flooring</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Flooring</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Steel DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Steel fabrication and install/IMG_9746.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond Hill-Steel fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Steel</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Steel</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Demolition DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Demo/IMG_9688.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Demo.html">Demolition<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Demolition</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Demolition</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Before DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Befores/IMG_5555.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Befores.html">Before<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Before</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Before</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Footings DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Footings/two.2.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Footings.html">Footings<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Footings</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Footings</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Framing DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Framing/IMG_0383.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Framing.html">Framing<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Framing</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Framing</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Insulation DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Insulation/IMG_2328.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Insulation.html">Insulation<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Insulation</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Insulation</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="portfolio-item Almost DesignBuild col-md-3">
|
||||
<div class="item-main">
|
||||
<div class="portfolio-image">
|
||||
<div class="px-media">
|
||||
<figure>
|
||||
<a href="#"><img src="{{ url_for('static', filename='photos/Design Build/Yongehurst-Richmond Hill/Almost there/IMG_3252.JPG') }}" alt=""></a>
|
||||
<figcaption>
|
||||
<h6><a href="DesignBuild_Yongehurst-Richmond%20Hill-Almost%20there.html">Almost<br> Yongehurst</a></h6>
|
||||
<span><a href="#">Almost</a></span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h6 class="px-luxury">Almost</h6>
|
||||
<h6 class="px-luxury">{{ project[0]|replace(' ','') }}</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ./ Content div-->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user