Update aboutus page

This commit is contained in:
Alexander Hosking 2017-01-25 18:07:07 -05:00
parent 4600c6824e
commit 9d1b1fa512
7 changed files with 1349 additions and 1319 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 MiB

View File

@ -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')

View File

@ -1,158 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About us</title>
<!-- Css Files -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-theme.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="assets/css/color.css" rel="stylesheet">
<link href="assets/css/flexslider.css" rel="stylesheet">
<link href="assets/css/iconmoon.css" rel="stylesheet">
<link href="assets/css/language-selector-remove-able-css.css" rel="stylesheet">
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<link href="assets/css/widget.css" rel="stylesheet">
<!-- <link href="assets/css/rtl.css" rel="stylesheet"> -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Wrapper -->
<div class="wrapper">
<!-- Header -->
<header id="main-header">
<div class="px-top-bar">
<div class="container">
<div class="left-side">
<nav class="top-nav">
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<div class="right-side">
<div class="social-media">
<ul>
<li><a href="#"><i class="icon-facebook7"></i></a></li>
<li><a href="#"><i class="icon-twitter6"></i></a></li>
<li><a href="#"><i class="icon-googleplus7"></i></a></li>
<li><a href="#"><i class="icon-dribbble6"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
<div class="lang_sel_list_horizontal" id="lang_sel_list">
<ul>
<li>
<a class="lang_sel_sel icl-en" href="#">
<img title="English" alt="english" src="assets/images/ico-eng.png" class="iclflag">&nbsp;English
</a>
<ul>
<li class="icl-fr">
<a href="#">
<img title="French" alt="french" src="assets/images/ico-fra.png" class="iclflag">&nbsp;French
</a>
</li>
<li class="icl-spa">
<a href="#">
<img title="Spanish" alt="spanish" src="assets/images/ico-spa.png" class="iclflag">&nbsp;Spanish
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="px-main-nav">
<div class="container">
<div class="px-logo-area">
<div class="left-side">
<div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div>
</div>
<div class="right-side">
<div class="px-head-info">
<ul>
<li><span>Openeing Hours</span>Mon - Sat 8.00 - 18.00</li>
<li><span>Call Us</span>(0044) 123 456 789</li>
<li><span>Email Us</span><a href="#">info@example.com</a></li>
</ul>
</div>
</div>
</div>
<div class="px-nav-area">
<nav class="navigation">
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li>
<a href="#">Pages</a>
<ul class="sub-dropdown">
<li><a href="services.html">Services</a></li>
<li><a href="contactus2.html">Contact Us 2</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">404</a></li>
<li><a href="underconstruction.html">Under construction</a></li>
<li><a href="result.html">Result</a></li>
</ul>
</li>
<li><a href="price-packages.html">Pricing</a></li>
<li>
<a href="#">Portfolio</a>
<ul class="sub-dropdown">
<li><a href="portfolio-list.html">Portfolio List</a></li>
<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>
<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>
<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>
<li><a href="portfolio-modren.html">Portfolio modren</a></li>
<li>
<a href="#">Portfolio Detail</a>
<ul>
<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>
<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>
<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul class="sub-dropdown">
<li><a href="bloglarge.html">Blog Large</a></li>
<li><a href="blogbox.html">Blog Box</a></li>
<li><a href="blogdetail.html">Blog Detail 1</a></li>
<li><a href="blogdetail1.html">Blog Detail 2</a></li>
<li><a href="blogdetail2.html">Blog Detail 3</a></li>
</ul>
</li>
<li><a href="#">Team</a>
<ul class="sub-dropdown">
<li><a href="team-grid.html">Team Grid</a></li>
<li><a href="team-list.html">Team List</a>
<li><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</nav>
<a href="contactus2.html" class="btn-quote">Get Quick Quote</a>
</div>
</div>
</div>
<div style="background:url(assets/extra-images/bg-title1.jpg) no-repeat; background-size:cover; height:328px; padding: 51px 0 0;" class="breadcrumb-sec align-center bg-img">
{% include 'blocks/head.html' %}
<!-- Header -->
{% include 'blocks/header.html' %}
<!-- Header -->
<!-- Main Content -->
<div style="background:url({{ url_for('static', filename='extra-images/bg-title1.jpg')}}) no-repeat; background-size:cover; height:328px; padding: 51px 0 0;" class="breadcrumb-sec align-center bg-img">
<div class="container">
<div class="px-frame">
<div class="px-text">
@ -164,11 +15,7 @@
</div>
</div>
</div>
</header>
<!-- Header -->
<!-- Main Content -->
<main id="main-content">
<main id="main-content">
<div class="main-section">
<section class="page-section">
<div class="container">
@ -189,7 +36,7 @@
<div class="px-author-sec">
<h6>James harshaw</h6>
<span>Chife Operating Office</span>
<img src="assets/images/sgnaiture.png" alt="#">
<img src="{{ url_for('static', filename='images/sgnaiture.png') }}" alt="#">
</div>
</div>
</div>
@ -205,12 +52,12 @@
<div class="element-size-100">
<div class="px-partner">
<ul class="row">
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-1.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-2.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-3.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-4.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-5.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-6.png" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-1.png') }}" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-2.png') }}" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-3.png') }}" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-4.png') }}" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-5.png') }}" alt="#"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-6.png') }}" alt="#"></a></figure></li>
</ul>
</div>
</div>
@ -231,7 +78,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop2.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop2.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -241,7 +88,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop3.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop3.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -251,7 +98,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop4.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop4.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -261,7 +108,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop5.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop5.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -271,7 +118,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop6.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop6.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -281,7 +128,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop7.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop7.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -291,7 +138,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop8.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop8.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -301,7 +148,7 @@
<article class="col-md-3">
<div class="px-media">
<figure>
<a href="#"><img alt="" src="assets/extra-images/isotop9.jpg"></a>
<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop9.jpg') }}"></a>
<figcaption>
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
</figcaption>
@ -592,7 +439,7 @@
<div class="px-question-mark">
<p>“ Hardy dragonfly crud less winked the since and dear ardent and stoic jeepers inside opened snug and painful flapped that steadfast lighthearted strictly near underlay more brought regarding wherever the somber a bridled falsely therefore much up forgetful ”</p>
<div class="px-author">
<figure><img alt="#" src="assets/extra-images/author-img1.png"></figure>
<figure><img alt="#" src="{{ url_for('static', filename='extra-images/author-img1.png') }}"></figure>
<h5>Chiris Browne</h5>
<span>Creative Cow</span>
</div>
@ -606,7 +453,7 @@
<div class="px-question-mark">
<p>“ Hardy dragonfly crud less winked the since and dear ardent and stoic jeepers inside opened snug and painful flapped that steadfast lighthearted strictly near underlay more brought.</p>
<div class="px-author">
<figure><img alt="#" src="assets/extra-images/author-img2.png"></figure>
<figure><img alt="#" src="{{ url_for('static', filename='extra-images/author-img2.png') }}"></figure>
<h5>James Anderson</h5>
<span>Creative Cow</span>
</div>
@ -637,7 +484,7 @@
<article class="col-md-4">
<div class="px-wrapteam">
<figure>
<a href="#"><img alt="#" src="assets/extra-images/tema1.jpg"></a>
<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema1.jpg') }}"></a>
</figure>
<div class="px-text">
<h4><a href="team-detail.html">James Sedher</a></h4>
@ -672,7 +519,7 @@
<article class="col-md-4">
<div class="px-wrapteam">
<figure>
<a href="#"><img alt="#" src="assets/extra-images/tema2.jpg"></a>
<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema2.jpg') }}"></a>
</figure>
<div class="px-text">
<h4><a href="team-detail.html">Bruce Wills</a></h4>
@ -707,7 +554,7 @@
<article class="col-md-4">
<div class="px-wrapteam">
<figure>
<a href="#"><img alt="#" src="assets/extra-images/tema3.jpg"></a>
<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema3.jpg') }}"></a>
</figure>
<div class="px-text">
<h4><a href="team-detail.html">Adam Ross</a></h4>
@ -755,12 +602,12 @@
<div class="col-md-12">
<div class="px-partner">
<ul class="row">
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-7.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-8.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-9.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-10.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-11.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-12.png"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-7.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-8.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-9.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-10.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-11.png') }}"></a></figure></li>
<li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-12.png') }}"></a></figure></li>
</ul>
</div>
</div>
@ -771,149 +618,9 @@
</section>
</div>
</main>
<!-- Main Content -->
<footer id="footer-sec">
<div class="container">
<div class="px-footer-block">
<div class="left-side">
<div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div>
</div>
<div class="right-side">
<div class="twitter_widget">
<ul class="slides">
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="px-widget-block row">
<div class="col-md-3">
<aside class="widget px-widget-contact">
<div class="widget-section-title">
<h5>Contact Us</h5>
</div>
<ul>
<li>123 456 789 10</li>
<li><a href="#">info@woodland.com</a></li>
</ul>
<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>
</aside>
</div>
<div class="col-md-6">
<aside class="widget widget_pages">
<div class="widget-section-title">
<h5>Our Expertise</h5>
</div>
<ul>
<li><a href="#">Furniture</a> </li>
<li><a href="#">Renovation &amp; Repairs</a> </li>
<li><a href="#">Renovation &amp; Repairs</a> </li>
<li><a href="#">Partition Walls</a></li>
<li><a href="#">Refurbishment</a></li>
<li><a href="#">Refurbishment</a></li>
<li><a href="#">Windows</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Garden Furniture</a></li>
<li><a href="#">Doors</a></li>
<li><a href="#">Doors</a></li>
<li><a href="#">Overview of Services</a></li>
<li><a href="#">Flooring</a></li>
<li><a href="#">Flooring</a></li>
<li><a href="#">Kitchen Remodling</a></li>
<li><a href="#">Skirting &amp; Architraves</a></li>
<li><a href="#">Skirting &amp; Architraves</a></li>
<li><a href="#">Bathroom Remodeling</a></li>
<li><a href="#">Kitchens</a></li>
<li><a href="#">Kitchens</a></li>
<li><a href="#">Additions</a></li>
<li><a href="#">Bathroom Furniture</a></li>
<li><a href="#">Bathroom Furniture</a></li>
<li><a href="#">Media Rooms</a></li>
<li><a href="#">Finishing Touches</a></li>
</ul>
</aside>
</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>
<!-- CopyRight -->
<section id="copyright">
<div class="container">
<div class="social-media">
<ul>
<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="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="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li>
</ul>
</div>
<p>©2014 <a href="#">WP Woodcraft</a> All rights reserved. Design by <a href="#">Pix FIll</a></p>
</div>
</section>
<!-- CopyRight -->
</footer>
<!-- Footer -->
</div>
<!-- Wrapper -->
<!-- jQuery (necessary for JavaScript plugins) -->
<script src="assets/scripts/jquery.js"></script>
<script src="assets/scripts/bootstrap.min.js"></script>
<script src="assets/scripts/modernizr.js"></script>
<script src="assets/scripts/isotope.min.js"></script>
<script src="assets/scripts/jquery.flexslider-min.js"></script>
<script src="assets/scripts/counter.js"></script>
<script src="assets/scripts/sticky_header.js"></script>
<script src="assets/scripts/jquery.nicescroll.min.js"></script>
<script src="assets/scripts/functions.js"></script>
<script>
/* ---------------------------------------------------------------------------
* Counter Integers Function
* --------------------------------------------------------------------------- */
jQuery(document).ready(function( $ ) {
$('.custom-counter').counterUp({
delay: 10,
time: 1000
});
});
</script>
</body>
</html>
<!-- Main Content -->
<!-- Main Content -->
<!-- Footer -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
{% include 'blocks/foot.html' %}

View File

@ -60,5 +60,16 @@
});
});
</script>
<script>
/* ---------------------------------------------------------------------------
* Counter Integers Function
* --------------------------------------------------------------------------- */
jQuery(document).ready(function( $ ) {
$('.custom-counter').counterUp({
delay: 10,
time: 1000
});
});
</script>
</body>
</html>

View File

@ -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>

View File

@ -3,24 +3,8 @@
{% include 'blocks/header.html' %}
<!-- Header -->
<!-- Main Content -->
<main id="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">
@ -363,49 +347,10 @@
</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>
</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>
</div>
</section> -->
</div>
</main>
<!-- Main Content -->
<!-- Footer -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
</main>
<!-- Main Content -->
<!-- Footer -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
{% include 'blocks/foot.html' %}

356
templates/portfolio.html Normal file
View 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' %}