Closer to full index page correctness
This commit is contained in:
Alexander Hosking
parent
2175aba232
commit
ffeafb8ba7
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 7.9 KiB |
@ -852,7 +852,7 @@ address { font-style: italic; }
|
||||
}
|
||||
.sub-dropdown ul li,
|
||||
.sub-dropdown>li{
|
||||
background: #f1f1f1 url(assets/images/arrow-nav.png) no-repeat 8px 12px;
|
||||
background: #f1f1f1 url(images/arrow-nav.png) no-repeat 8px 12px;
|
||||
list-style: none;
|
||||
border-top:1px solid #f8f8f8;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
@ -1377,7 +1377,7 @@ transition: all 0.3s ease-out;
|
||||
}
|
||||
.px-project-block .spec-list li{
|
||||
list-style: none;
|
||||
background: url('assets/images/ico-specs.png') no-repeat 0 3px;
|
||||
background: url('images/ico-specs.png') no-repeat 0 3px;
|
||||
padding: 0 0 0 18px;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
@ -1481,7 +1481,7 @@ transition: all 0.3s ease-out;
|
||||
top: 10px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
background:url(assets/images/list-arrow.png) no-repeat;
|
||||
background:url(images/list-arrow.png) no-repeat;
|
||||
}
|
||||
/* px Section Title Style */
|
||||
.px-section-title{
|
||||
@ -1566,7 +1566,7 @@ transition: all 0.3s ease-out;
|
||||
top: 0;
|
||||
width: 84px;
|
||||
height: 70px;
|
||||
background:url(assets/images/quote-bg.png) no-repeat;
|
||||
background:url(images/quote-bg.png) no-repeat;
|
||||
}
|
||||
.px-question-mark p{
|
||||
font-size: 16px;
|
||||
@ -1672,12 +1672,12 @@ transition: all 0.3s ease-out;
|
||||
height: 17px;
|
||||
}
|
||||
.px-fancy-heading .px-content-inner:before{
|
||||
background:url(assets/images/fancyhead-leftborder.png) no-repeat 100% 0;
|
||||
background:url(images/fancyhead-leftborder.png) no-repeat 100% 0;
|
||||
left: 15px;
|
||||
}
|
||||
.px-fancy-heading .px-content-inner:after{
|
||||
right: 15px;
|
||||
background:url(assets/images/fancyhead-rightborder.png) no-repeat;
|
||||
background:url(images/fancyhead-rightborder.png) no-repeat;
|
||||
}
|
||||
.px-fancy-heading h2{
|
||||
text-transform: uppercase;
|
||||
@ -1845,7 +1845,7 @@ transition: all 0.3s ease-out;
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
top: 0;
|
||||
background:url(assets/images/border-bg.png) repeat-x;
|
||||
background:url(images/border-bg.png) repeat-x;
|
||||
}
|
||||
.px-blog-large-box{
|
||||
position: relative;
|
||||
@ -1858,7 +1858,7 @@ transition: all 0.3s ease-out;
|
||||
top: 0;
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
background:url(assets/images/right-border-bg.png) repeat-y;
|
||||
background:url(images/right-border-bg.png) repeat-y;
|
||||
}
|
||||
.px-blog-large-box .px-date{margin: 30px 0 0 0;}
|
||||
.px-blog-large-box article .px-blog-inner{
|
||||
@ -2499,7 +2499,7 @@ blockquote:before {
|
||||
top: 5px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
background:url(assets/images/list-arrow.png) no-repeat;
|
||||
background:url(/images/list-arrow.png) no-repeat;
|
||||
}
|
||||
.site-maps-links ul li:before{top: 8px;}
|
||||
.cs-search-area {
|
||||
@ -2829,7 +2829,7 @@ blockquote:before {
|
||||
top: -40px;
|
||||
width: 82px;
|
||||
height: 82px;
|
||||
background:url(assets/images/bg-uner-wrap1.png) no-repeat;
|
||||
background:url(images/bg-uner-wrap1.png) no-repeat;
|
||||
}
|
||||
.wrapp-inner:after{
|
||||
content: "";
|
||||
@ -2838,7 +2838,7 @@ blockquote:before {
|
||||
top: -40px;
|
||||
width: 82px;
|
||||
height: 82px;
|
||||
background:url(assets/images/bg-uner-wrap2.png) no-repeat;
|
||||
background:url(images/bg-uner-wrap2.png) no-repeat;
|
||||
}
|
||||
.cons-text-wrapp h2 {
|
||||
text-transform: uppercase;
|
||||
@ -3068,7 +3068,7 @@ blockquote:before {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
content: "";
|
||||
background: url(assets/extra-images/gallry-shape.png) no-repeat;
|
||||
background: url(extra-images/gallry-shape.png) no-repeat;
|
||||
}
|
||||
.px-portfolio .px-media span a{
|
||||
bottom: 15px;
|
||||
@ -3730,7 +3730,7 @@ blockquote:before {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
content: "";
|
||||
background: url(assets/extra-images/gallry-shape.png) no-repeat;
|
||||
background: url(extra-images/gallry-shape.png) no-repeat;
|
||||
}
|
||||
.px-portfolio-masonary .px-media span {
|
||||
bottom: 0px;
|
||||
@ -3839,7 +3839,7 @@ blockquote:before {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
width: 9px;
|
||||
background: url(assets/images/shape1.png) no-repeat;
|
||||
background: url(images/shape1.png) no-repeat;
|
||||
}
|
||||
.px-main-filter ul li:after {
|
||||
color: #efefef;
|
||||
@ -3886,7 +3886,7 @@ blockquote:before {
|
||||
color: #686868;
|
||||
}
|
||||
.px-list-style ul li:before {
|
||||
background: url(assets/images/shape1.png) no-repeat;
|
||||
background: url(images/shape1.png) no-repeat;
|
||||
content: "";
|
||||
height: 9px;
|
||||
left: 0;
|
||||
@ -4360,7 +4360,7 @@ transition: all 0.3s ease-in;
|
||||
top: 16px;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: url(assets/extra-images/arrow1.png) no-repeat;
|
||||
background: url(extra-images/arrow1.png) no-repeat;
|
||||
}
|
||||
.px-box .panel-heading a:before {
|
||||
content: "";
|
||||
@ -4369,7 +4369,7 @@ transition: all 0.3s ease-in;
|
||||
top: 16px;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: url(assets/extra-images/arrow2.png) no-repeat;
|
||||
background: url(extra-images/arrow2.png) no-repeat;
|
||||
}
|
||||
.px-box .panel-collapse {
|
||||
padding: 0 15px 0 20px;
|
||||
@ -4565,7 +4565,7 @@ transition: all 0.3s ease-in;
|
||||
width: 10px;
|
||||
content: "";
|
||||
height: 100%;
|
||||
background: url(assets/images/right-border-bg.png) repeat-y;
|
||||
background: url(images/right-border-bg.png) repeat-y;
|
||||
}
|
||||
.px-pricing-table table th {
|
||||
color: #fff;
|
||||
@ -4863,7 +4863,7 @@ table.table-condensed {
|
||||
width: 12px;
|
||||
height: 9px;
|
||||
margin: -5px 0 0;
|
||||
background: url('assets/images/arrow-map-btn.png') no-repeat;
|
||||
background: url('images/arrow-map-btn.png') no-repeat;
|
||||
}
|
||||
#footer-sec .px-widget-contact .btn-map{
|
||||
font-size: 11px;
|
||||
@ -4917,7 +4917,7 @@ table.table-condensed {
|
||||
height: 18px;
|
||||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
background: url('assets/images/arrow-map-btn.png') no-repeat 0 50%;
|
||||
background: url('images/arrow-map-btn.png') no-repeat 0 50%;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
@ -4937,7 +4937,7 @@ table.table-condensed {
|
||||
margin: 0 0 8px 0;
|
||||
float: left;
|
||||
min-width: 152px;
|
||||
background: url(assets/images/arrow-footer-nav.png) no-repeat 0 3px;
|
||||
background: url(images/arrow-footer-nav.png) no-repeat 0 3px;
|
||||
padding: 0 0 0 14px;
|
||||
}
|
||||
#footer-sec .widget_pages ul a{
|
||||
|
||||
@ -1,9 +1,176 @@
|
||||
{% extends "base.html" %}
|
||||
{% block header %}{% endblock %}
|
||||
{% block body %}
|
||||
<!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>Home</title>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main id="main-content">
|
||||
<!-- Css Files -->
|
||||
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/bootstrap-theme.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/color.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/flexslider.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/iconmoon.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/language-selector-remove-able-css.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/owl.carousel.css') }}" rel="stylesheet">
|
||||
<link href="{{ url_for('static', filename='css/widget.css') }}" rel="stylesheet">
|
||||
<!-- <link href="{{ url_for('static', filename='css/rtl.css') }}" rel="stylesheet"> -->
|
||||
<link href="{{ url_for('static', filename='css/responsive.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>
|
||||
<img title="English" alt="english" src="{{ url_for('static', filename='images/ico-eng.png') }}" class="iclflag">
|
||||
English
|
||||
</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="{{ url_for('static', filename='images/logo.png') }}" alt=""></a></div> !-->
|
||||
</div>
|
||||
<div class="right-side">
|
||||
<div class="px-head-info">
|
||||
<ul>
|
||||
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
|
||||
<li><span>Call Us</span>416-258-2422</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.html">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 class="px-banner">
|
||||
<div class="flexslider px-bannerslider">
|
||||
<ul class="slides">
|
||||
<li>
|
||||
<img src="{{ url_for('static', filename='extra-images/banner.jpg') }}"/>
|
||||
<div class="caption">
|
||||
<div class="container">
|
||||
<img src="{{ url_for('static', filename='extra-images/amazing.png') }}">
|
||||
<h1>Design<span>Furniture</span><br>
|
||||
Make<span>Doors</span><br>
|
||||
Refine<span>Cabinets</span>
|
||||
</h1>
|
||||
<a class="px-btn" href="#">Get Quick Qoute</a>
|
||||
</div> !-->
|
||||
<!--</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ url_for('static', filename='extra-images/banner1.jpg') }}"/>
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ url_for('static', filename='extra-images/banner2.jpg') }}"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>!-->
|
||||
</header>
|
||||
<!-- Header -->
|
||||
<!-- Main Content -->
|
||||
<main id="main-content">
|
||||
<div class="main-section">
|
||||
<section class="page-section" style="margin:0 0 26px;">
|
||||
<div class="container">
|
||||
@ -17,6 +184,197 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="element-size-50">
|
||||
<div class="lightbox col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h4>If it's wood, we can make it.</h4>
|
||||
</div>
|
||||
<p class="px-textborder">Cow smugly penguin dangerously when wherever far pouting hello bitterly and abashed dear honorable climbed abandonedly goodness through the much before the onto along thus crud penguin exact agonizingly avoidably more however jellyfish.</p>
|
||||
<div style="color:#fff;" class="px-list-style">
|
||||
<ul class="px-icon-style">
|
||||
<li>More than beautiful homes… Next generation, future-ready homes</li>
|
||||
<li>Northwoods innovator of high-performance home building</li>
|
||||
<li>A holistic approach to the design and build phases of each project</li>
|
||||
<li>Comfortable, safe, durable and energy-efficient custom-built homes</li>
|
||||
<li>Independent Third-Party Home Energy Performance Testing</li>
|
||||
<li>Peace of mind in knowing that your home was built right, the first time</li>
|
||||
</ul>
|
||||
<a href="#" class="px-btn">Get Quick Qoute</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> !-->
|
||||
<!-- <div class="element-size-50">
|
||||
<div class="col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h4>Our Work by Category</h4>
|
||||
</div>
|
||||
<div id="gallery-1" class="gallery galleryid-2343 gallery-columns-2">
|
||||
<dl class="gallery-item">
|
||||
<dt class="gallery-icon landscape">
|
||||
<figure>
|
||||
<a href="#" data-rel="prettyPhoto" rel="prettyPhoto">
|
||||
<img alt="#" class="attachment-cs_media_3" src="{{ url_for('static', filename='extra-images/projects-11.jpg') }}">
|
||||
</a>
|
||||
<figcaption>
|
||||
<a href="#">Kitchen/Cabinets</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl class="gallery-item">
|
||||
<dt class="gallery-icon landscape">
|
||||
<figure>
|
||||
<a href="#" data-rel="prettyPhoto" rel="prettyPhoto">
|
||||
<img alt="#" class="attachment-cs_media_3" src="{{ url_for('static', filename='extra-images/projects-12.jpg') }}">
|
||||
</a>
|
||||
<figcaption>
|
||||
<a href="#">Furniture</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl class="gallery-item">
|
||||
<dt class="gallery-icon landscape">
|
||||
<figure>
|
||||
<a href="#" data-rel="prettyPhoto" rel="prettyPhoto">
|
||||
<img alt="#" class="attachment-cs_media_3" src="{{ url_for('static', filename='extra-images/projects-13.jpg') }}">
|
||||
</a>
|
||||
<figcaption>
|
||||
<a href="#">Storage</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl class="gallery-item">
|
||||
<dt class="gallery-icon landscape">
|
||||
<figure>
|
||||
<a href="#" data-rel="prettyPhoto" rel="prettyPhoto">
|
||||
<img alt="#" class="attachment-cs_media_3" src="{{ url_for('static', filename='extra-images/projects-14.jpg') }}">
|
||||
</a>
|
||||
<figcaption>
|
||||
<a href="#">Skirting</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>!-->
|
||||
</section>
|
||||
<!-- <section class="page-section" style="background:url(assets/extra-images/bg-services.png) no-repeat; background-size:cover; padding:64px 0 10px;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="section-fullwidth">
|
||||
<div class="element-size-100">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="px-services px-modren">
|
||||
<div style="text-align: center;" class="px-fancy-heading">
|
||||
<div class="px-content-inner">
|
||||
<h2>Our Services</h2>
|
||||
<p style="color:#333;">Some of our specialties.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-carousel">
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-1.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Machine Cutting</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-2.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Creative Tools</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-3.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Cutting Wood</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-4.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Perfect Grip</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-5.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Renovations</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-6.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Revamping</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-7.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Cutting Edge</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<figure>
|
||||
<img src="{{ url_for('static', filename='extra-images/services-8.png') }}" alt="">
|
||||
<figcaption>
|
||||
<h6>Creative Work</h6>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="px-text">
|
||||
<p>Not guarantee no movement as wood is a natural product, but it does make the movement manageable.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</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">
|
||||
@ -24,12 +382,15 @@
|
||||
<div class="element-size-100">
|
||||
<div class="px-section-title col-md-12">
|
||||
<h2>Portfolio</h2>
|
||||
<!-- <p class="px-textborder">One jeepers stood owing and narrow while among that orca thanks.</p>
|
||||
<a href="#" class="px-portfolio-btn">View Full Portfolio</a>!-->
|
||||
</div>
|
||||
</div>
|
||||
<div 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>
|
||||
@ -44,6 +405,7 @@
|
||||
</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">
|
||||
@ -245,7 +607,7 @@
|
||||
<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%20Hill-Steel%20fabrication%20and%20install.html">Steel<br> Yongehurst</a></h6>
|
||||
<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>
|
||||
@ -350,18 +712,381 @@
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ./ Content div-->
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
<!-- <section class="page-section" style="padding:30px 0;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="element-size-50">
|
||||
<div class="col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h3>Happy CLients</h3>
|
||||
</div>
|
||||
</main>
|
||||
<div class="px-testimonial px-italic-style px-testimonial-slider">
|
||||
<div class="flexslider">
|
||||
<ul class="slides">
|
||||
<li>
|
||||
<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 src="{{ url_for('static', filename='extra-images/author-img1.png') }}" alt="#"></figure>
|
||||
<h5>Chiris Browne</h5>
|
||||
<span>Creative Cow</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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 src="{{ url_for('static', filename='extra-images/author-img1.png') }}" alt="#"></figure>
|
||||
<h5>Chiris Browne</h5>
|
||||
<span>Creative Cow</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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 src="{{ url_for('static', filename='extra-images/author-img1.png') }}" alt="#"></figure>
|
||||
<h5>Chiris Browne</h5>
|
||||
<span>Creative Cow</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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 src="{{ url_for('static', filename='extra-images/author-img1.png') }}" alt="#"></figure>
|
||||
<h5>Chiris Browne</h5>
|
||||
<span>Creative Cow</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="element-size-50">
|
||||
<div class="col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h3>Latest Posts</h3>
|
||||
</div>
|
||||
<div class="px-blog px-blog-medium-small">
|
||||
<article>
|
||||
<div class="px-media">
|
||||
<figure> <a href="#"><img src="{{ url_for('static', filename='extra-images/blog-small1.jpg') }}" alt="blog"></a></figure>
|
||||
</div>
|
||||
<div class="px-bloginfo-sec">
|
||||
<h6><a href="#">If it's wood, we can make it.</a></h6>
|
||||
<ul class="px-post-options">
|
||||
<li><time datetime="2011-01-12">December 23, 2015</time></li>
|
||||
<li>by <a href="#">James Miller</a></li>
|
||||
</ul>
|
||||
<p class="px-textborder">Oh globefish and this stern much and crud invoked kookaburra less far felicitous sheep some engaging sternly boa </p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<div class="px-media">
|
||||
<figure> <a href="#"><img src="{{ url_for('static', filename='extra-images/blog-small2.jpg') }}" alt="blog"></a></figure>
|
||||
</div>
|
||||
<div class="px-bloginfo-sec">
|
||||
<h6><a href="#">Woodland in your city</a></h6>
|
||||
<ul class="px-post-options">
|
||||
<li><time datetime="2011-01-12">April 23, 2015</time></li>
|
||||
<li>by <a href="#">James Miller</a></li>
|
||||
</ul>
|
||||
<p class="px-textborder">Oh globefish and this stern much and crud invoked kookaburra less far felicitous sheep some engaging sternly boa </p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<div class="px-media">
|
||||
<figure> <a href="#"><img src="{{ url_for('static', filename='extra-images/blog-small3.jpg') }}" alt="blog"></a></figure>
|
||||
</div>
|
||||
<div class="px-bloginfo-sec">
|
||||
<h6><a href="#">Amazing Wooden Work for your Ea...</a></h6>
|
||||
<ul class="px-post-options">
|
||||
<li><time datetime="2011-01-12">December 23, 2015</time></li>
|
||||
<li>by <a href="#">James Miller</a></li>
|
||||
</ul>
|
||||
<p class="px-textborder">Oh globefish and this stern much and crud invoked kookaburra less far felicitous sheep some engaging sternly boa </p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>!-->
|
||||
<!-- <section class="page-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="element-size-100">
|
||||
<div class="px-fancy-heading" style="text-align: center;">
|
||||
<div class="px-content-inner">
|
||||
<h2>Our Clients</h2>
|
||||
<p>One jeepers stood owing and narrow while among that orca thanks.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="element-size-100">
|
||||
<div class="col-md-12">
|
||||
<div class="px-partner">
|
||||
<ul class="row">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>!-->
|
||||
</div>
|
||||
</main>
|
||||
<!-- Main Content -->
|
||||
<!-- Footer -->
|
||||
<footer id="footer-sec">
|
||||
<div class="container">
|
||||
<!-- <div class="row"> -->
|
||||
<div class="px-footer-block">
|
||||
<div class="left-side">
|
||||
<!-- <div class="logo"><a href="#"><img src="{{ url_for('static', filename='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>416-258-2422</li>
|
||||
<li><a href="#">info@jpscontracting.ca</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 & Repairs</a> </li>
|
||||
<li><a href="#">Renovation & 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 & Architraves</a></li>
|
||||
<li><a href="#">Skirting & 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> -->
|
||||
</div>
|
||||
<!-- CopyRight -->
|
||||
<section id="copyright">
|
||||
<div class="container">
|
||||
<!-- <div class="row"> -->
|
||||
<!-- <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>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- CopyRight -->
|
||||
</footer>
|
||||
<!-- Footer -->
|
||||
</div>
|
||||
<!-- Wrapper -->
|
||||
|
||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
||||
<script src="{{ url_for('static', filename='scripts/jquery.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/modernizr.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/jquery.flexslider-min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/jquery.prettyPhoto.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/isotope.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/custom.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/owl.carousel.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/sticky_header.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/jquery.nicescroll.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='scripts/functions.js') }}"></script>
|
||||
<script >
|
||||
$('.px-carousel').owlCarousel({
|
||||
nav: true,
|
||||
margin: 20,
|
||||
navText: [
|
||||
"<i class=' icon-angle-left'></i>",
|
||||
"<i class='icon-angle-right'></i>"
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1 // In this configuration 1 is enabled from 0px up to 479px screen size
|
||||
},
|
||||
|
||||
480: {
|
||||
items: 2, // from 480 to 677
|
||||
nav: false // from 480 to max
|
||||
},
|
||||
|
||||
{% endblock %}
|
||||
678: {
|
||||
items: 3, // from this breakpoint 678 to 959
|
||||
center: false // only within 678 and next - 959
|
||||
},
|
||||
|
||||
960: {
|
||||
items: 4, // from this breakpoint 960 to 1199
|
||||
center: false,
|
||||
loop: false
|
||||
|
||||
},
|
||||
|
||||
1200: {
|
||||
items: 4,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
jQuery(window).load(function(){
|
||||
jQuery('.px-testimonial-slider, .px-bannerslider').flexslider({
|
||||
animation: "fade",
|
||||
prevText:"<em class='icon-arrow-left9'></em>",
|
||||
nextText:"<em class='icon-arrow-right9'></em>",
|
||||
start: function(slider){
|
||||
jQuery('body').removeClass('loading');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user