Latest frozen site
2
.gitignore
vendored
@ -1,2 +1,4 @@
|
|||||||
*.pyc
|
*.pyc
|
||||||
env/
|
env/
|
||||||
|
.env/
|
||||||
|
build/
|
||||||
|
854
build/about.html
@ -1,854 +0,0 @@
|
|||||||
<!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 - JPs Contracting</title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="static/style.css" rel="stylesheet">
|
|
||||||
<link href="static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="static/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>
|
|
||||||
</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="static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="portfolio">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="contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<div style="background:url(static/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">
|
|
||||||
<div class="px-text-holder">
|
|
||||||
<h1>About Us</h1>
|
|
||||||
<span>You may think we're a one man shop, bust just you wait and see. We'll get your project from planning to completion faster than you'd expect.</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-50">
|
|
||||||
<div class=" lightbox col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Our Story</h3>
|
|
||||||
</div>
|
|
||||||
<p class="px-textborder" style="margin:0 0 30px;">Because being handsome just isn't enough anymore</p>
|
|
||||||
<p style="margin:0;">Blah, blah, blah</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-50">
|
|
||||||
<div class=" lightbox col-md-12">
|
|
||||||
<p style="margin:0 0 30px; padding:42px 0 0;">More blah blah blah.</p>
|
|
||||||
<div class="px-author-sec">
|
|
||||||
<h6>John Paul Sacco</h6>
|
|
||||||
<span>Chief Construction Office</span>
|
|
||||||
<img src="static/images/sgnaiture.png" alt="#">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-spreater-holder col-md-12">
|
|
||||||
<div class="px-spreater">
|
|
||||||
<div class="px-dividerstyle">
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="element-size-100">
|
|
||||||
<div class="px-partner">
|
|
||||||
<ul class="row">
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-1.png" alt="#"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-2.png" alt="#"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-3.png" alt="#"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-4.png" alt="#"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-5.png" alt="#"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img src="static/extra-images/clients-6.png" alt="#"></a></figure></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-spreater-holder col-md-12">
|
|
||||||
<div class="px-spreater">
|
|
||||||
<div class="px-dividerstyle">
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-section-title col-md-12">
|
|
||||||
<h3 style="text-transform: capitalize; color:#000;">Our Workplace</h3>
|
|
||||||
</div>
|
|
||||||
<div class="px-portfolio px-portfolio-masonary">
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop2.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop3.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop4.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop5.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop6.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop7.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop8.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-3">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="" src="static/extra-images/isotop9.jpg"></a>
|
|
||||||
<figcaption>
|
|
||||||
<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="page-section" style="background:url(static/extra-images/bg-counter.png) no-repeat; background-size:cover; padding:60px 0 30px;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
|
|
||||||
<div style="text-align: center;" class="px-fancy-heading">
|
|
||||||
<h2 style="color:#fff;">Company Statistics</h2>
|
|
||||||
<p style="color:#fff;">One jeepers stood owing and narrow while among that orca thanks.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="element-size-25">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<article class="px-counter count-boxy">
|
|
||||||
<figure>
|
|
||||||
<i class="icon-heart5"></i>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<a href="#" class="px-numcount custom-counter">2,897</a>
|
|
||||||
<p>Chairs Created</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-25">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<article class="px-counter count-boxy">
|
|
||||||
<figure>
|
|
||||||
<i class="icon-shop"></i>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<a href="#" class="px-numcount custom-counter">567</a>
|
|
||||||
<p>Office Renovations</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-25">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<article class="px-counter count-boxy">
|
|
||||||
<figure>
|
|
||||||
<i class="icon-trash"></i>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<a href="#" class="px-numcount custom-counter">10,456</a>
|
|
||||||
<p>Cup of Coffee</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-25">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<article class="px-counter count-boxy">
|
|
||||||
<figure>
|
|
||||||
<i class="icon-bulb"></i>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<a href="#" class="px-numcount custom-counter">3,999</a>
|
|
||||||
<p>Feet Cutting</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="page-section" style="padding:55px 0 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-fancy-heading col-md-12" style="text-align:center;">
|
|
||||||
<h2 style="text-transform:uppercase;">Our Working Process</h2>
|
|
||||||
<p>One jeepers stood owing and narrow while among that orca thanks.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-services px-timeline">
|
|
||||||
<article class="col-md-4">
|
|
||||||
<figure>
|
|
||||||
<figcaption>
|
|
||||||
<span>STEP</span>
|
|
||||||
<strong>01</strong>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4>Scope the Work</h4>
|
|
||||||
<p>Understanding the scope of the project is the biggest element at play. We do it right, everytime.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-4">
|
|
||||||
<figure>
|
|
||||||
<figcaption>
|
|
||||||
<span>STEP</span>
|
|
||||||
<strong>02</strong>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4>Approval from Client</h4>
|
|
||||||
<p>The client's happiness matters most, and with that comes their approval. No approval means no work.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-4">
|
|
||||||
<figure>
|
|
||||||
<figcaption>
|
|
||||||
<span>STEP</span>
|
|
||||||
<strong>03</strong>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4>Breakdown Work</h4>
|
|
||||||
<p>Estimated costs and timelines ensure us that all parties are on the same plan of execution for the entirety of the project.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-67">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Our Skills</h3>
|
|
||||||
</div>
|
|
||||||
<div class="px-skills px-plain">
|
|
||||||
<div class="skills-sec" data-percent="100%">
|
|
||||||
<span>Handsome</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:100%;">
|
|
||||||
<small>100%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="skills-sec" data-percent="55%">
|
|
||||||
<span>Demolition Tools</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:55%;">
|
|
||||||
<small>55%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="skills-sec" data-percent="98%">
|
|
||||||
<span>Cutting Wood</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:100%;">
|
|
||||||
<small>100%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="skills-sec" data-percent="42%">
|
|
||||||
<span>Perfect Grip</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:42%;">
|
|
||||||
<small>42%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="skills-sec" data-percent="80%">
|
|
||||||
<span>Complete Renovation</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:80%;">
|
|
||||||
<small>80%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="skills-sec" data-percent="66%">
|
|
||||||
<span>Talking</span>
|
|
||||||
<div class="skillbar">
|
|
||||||
<div class="skillbar-bar" style="width:66%;">
|
|
||||||
<small>66%</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-33">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Top Questions</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-group px-box" id="accordion-7237671">
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-6886517" class="collapsed" aria-expanded="false">
|
|
||||||
Our best Renovation & Repairs?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-6886517" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn and before inventoried scurrilously or hey far darn wedded worm fit terrier depen ding regardless darn on less. indiscriminate ouch along darn reliable cuckoo goodness buT.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-5369205" class="collapsed" aria-expanded="false">
|
|
||||||
How Much for Refurbishment?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-5369205" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-989306" class="collapsed" aria-expanded="false">
|
|
||||||
Do we make Storage?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-989306" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-989308" class="" aria-expanded="true">
|
|
||||||
Do we make Arc Doors?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-989308" class="panel-collapse collapse in" aria-expanded="true">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-9893081" class="collapsed" aria-expanded="false">
|
|
||||||
Can we Renovate?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-9893081" class="panel-collapse collapse " aria-expanded="false">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">
|
|
||||||
<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-9893080" class="collapsed" aria-expanded="false">
|
|
||||||
Who we Are?
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-9893080" class="panel-collapse collapse " aria-expanded="false">
|
|
||||||
<div class="panel-body"><p>A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo goodness but and jay far into mute and into much amidst far owing the a because since to the oh near much crud with darn.</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- <section class="page-section" style="background:url(assets/extra-images/bg-testimonial.png) no-repeat; background-size:cover; padding:50px 0 20px;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
|
|
||||||
<div style="text-align: center;" class="px-fancy-heading">
|
|
||||||
<h2 style="color:#fff;">Happy Clients</h2>
|
|
||||||
<p style="color:#fff;">One jeepers stood owing and narrow while among that orca thanks.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="element-size-50">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-testimonial px-italic-style">
|
|
||||||
<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="static/extra-images/author-img1.png"></figure>
|
|
||||||
<h5>Chiris Browne</h5>
|
|
||||||
<span>Creative Cow</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-50">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-testimonial px-italic-style">
|
|
||||||
<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="static/extra-images/author-img2.png"></figure>
|
|
||||||
<h5>James Anderson</h5>
|
|
||||||
<span>Creative Cow</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section> -->
|
|
||||||
<section class="page-section" style="padding:85px 0 0; margin-bottom:50px;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<!-- <div class="element-size-100">
|
|
||||||
<div class="">
|
|
||||||
<div style="text-align: center;" class="px-fancy-heading">
|
|
||||||
<h2>Power Behind Our Work</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-team px-teamgrid">
|
|
||||||
<div class="row">
|
|
||||||
<article class="col-md-4">
|
|
||||||
<div class="px-wrapteam">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="#" src="static/extra-images/tema1.jpg"></a>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4><a href="team-detail.html">James Sedher</a></h4>
|
|
||||||
<span>CEO</span>
|
|
||||||
<div class="px-teaminfo">
|
|
||||||
<div class="px-social-media">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#"><i class="icon-facebook8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-4">
|
|
||||||
<div class="px-wrapteam">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="#" src="static/extra-images/tema2.jpg"></a>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4><a href="team-detail.html">Bruce Wills</a></h4>
|
|
||||||
<span>Carpenter</span>
|
|
||||||
<div class="px-teaminfo">
|
|
||||||
<div class="px-social-media">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#"><i class="icon-facebook8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="col-md-4">
|
|
||||||
<div class="px-wrapteam">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img alt="#" src="static/extra-images/tema3.jpg"></a>
|
|
||||||
</figure>
|
|
||||||
<div class="px-text">
|
|
||||||
<h4><a href="team-detail.html">Adam Ross</a></h4>
|
|
||||||
<span>Expert Carpenter</span>
|
|
||||||
<div class="px-teaminfo">
|
|
||||||
<div class="px-social-media">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#"><i class="icon-facebook8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-fancy-heading" style="text-align: center;">
|
|
||||||
<div class="px-content-inner">
|
|
||||||
<h2>Our Clients</h2>
|
|
||||||
<p>Our clients are the best clients.</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="static/extra-images/clients-7.png"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img alt="#" src="static/extra-images/clients-8.png"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img alt="#" src="static/extra-images/clients-9.png"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img alt="#" src="static/extra-images/clients-10.png"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img alt="#" src="static/extra-images/clients-11.png"></a></figure></li>
|
|
||||||
<li class="col-md-2"><figure><a href="#"><img alt="#" src="static/extra-images/clients-12.png"></a></figure></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
/* ---------------------------------------------------------------------------
|
|
||||||
* Counter Integers Function
|
|
||||||
* --------------------------------------------------------------------------- */
|
|
||||||
jQuery(document).ready(function( $ ) {
|
|
||||||
$('.custom-counter').counterUp({
|
|
||||||
delay: 10,
|
|
||||||
time: 1000
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
335
build/contact
@ -1,335 +0,0 @@
|
|||||||
<!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>Contact Us - JPs Contracting</title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="static/style.css" rel="stylesheet">
|
|
||||||
<link href="static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="static/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>
|
|
||||||
</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="static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="portfolio">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="contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="element-size-33">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-contact-info">
|
|
||||||
<div class="px-section-title"><h4>Contact Us</h4></div>
|
|
||||||
<ul>
|
|
||||||
<li><i class="icon-house"></i>
|
|
||||||
<span>Visit us</span>
|
|
||||||
<p>
|
|
||||||
197 Spadina Avenue<br/>
|
|
||||||
Suite 500<br/>
|
|
||||||
Toronto, Ontario<br/>
|
|
||||||
Canada
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="icon-phone8"></i>
|
|
||||||
<span>Phones</span>
|
|
||||||
<p>416-258-2422</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="icon-envelope5"></i>
|
|
||||||
<span>Email Address</span><p><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="icon-clock-o"></i>
|
|
||||||
<span>Contact Timings</span>
|
|
||||||
<p>Friday to Saturday 08:00Am to 09:00Pm</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="widget element-size-100 widget_text">
|
|
||||||
<div class="widget-section-title"><h5>Promotions</h5></div>
|
|
||||||
<div class="textwidget">
|
|
||||||
<p>
|
|
||||||
<img alt="" src="static/extra-images/img-1.png">
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-67">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-map-section px-has-map">
|
|
||||||
<iframe width="100%" height="322" frameborder="0" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d26081603.294420466!2d-95.677068!3d37.06250000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1404801729076" style="border:0"></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="px-thumb-list col-md-12">
|
|
||||||
<div class="px-section-title"><h4>Who we are?</h4></div>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<img src="static/extra-images/thumblist-img1.jpg">
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="static/extra-images/thumblist-img2.jpg">
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src="static/extra-images/thumblist-img3.jpg">
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="lightbox col-md-12">
|
|
||||||
<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>
|
|
||||||
<div class="cs_form_styling" id="contact_formaln">
|
|
||||||
<form action="#" method="post" name="frmaln" id="frmaln">
|
|
||||||
<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 = ''; }" 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>
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
<span>
|
|
||||||
Phone Number
|
|
||||||
<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">
|
|
||||||
</label>
|
|
||||||
<label class="px-textarea">
|
|
||||||
<span>Message</span>
|
|
||||||
<textarea class=" cs-plan" placeholder="Message" name="contact_msg" required></textarea>
|
|
||||||
</label>
|
|
||||||
<label class="form-submit">
|
|
||||||
<input type="submit" value="Submit Message" class="default-btn pxbg-color" id="submit_btnaln">
|
|
||||||
</label>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<div class="clear"></div>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
761
build/index.html
@ -1,761 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="static/style.css" rel="stylesheet">
|
|
||||||
<link href="static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="static/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>
|
|
||||||
</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="static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="portfolio">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="contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- 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=".Stairs">Stairs</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>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Decks">Decks</a></li>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Flagstoneporch">Flagstone porch</a></li>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Ceilings">Ceilings</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 Stairs col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Stairs/Keswick/IMG_0707.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Stairs/Keswick.html">Keswick</a></h6>
|
|
||||||
<span><a href="projects/Stairs/Keswick.html">Stairs</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Stairs</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores/IMG_5540.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores.html">Yongehurst-Richmond Hill Befores</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept/IMG_1502.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept.html">Yongehurst-Richmond Hill Inspiration and concept</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there/IMG_3246.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there.html">Yongehurst-Richmond Hill Almost there</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings/four.7.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings.html">Yongehurst-Richmond Hill Footings</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install/IMG_9885.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install.html">Yongehurst-Richmond Hill Steel fabrication and install</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing/IMG_1863.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing.html">Yongehurst-Richmond Hill Framing</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation/IMG_2227.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation.html">Yongehurst-Richmond Hill Insulation</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo/IMG_9670.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo.html">Yongehurst-Richmond Hill Demo</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</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="projects/Flooring/Keswick%20Before/IMG_0555.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flooring/Keswick%20Before.html">Keswick Before</a></h6>
|
|
||||||
<span><a href="projects/Flooring/Keswick%20Before.html">Flooring</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flooring</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="projects/Flooring/Keswick%20After/IMG_0572.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flooring/Keswick%20After.html">Keswick After</a></h6>
|
|
||||||
<span><a href="projects/Flooring/Keswick%20After.html">Flooring</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flooring</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="projects/Decks/Bradford%202/DSC04303.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%202.html">Bradford 2</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%202.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Framing/IMG_3072.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Framing.html">Hockley Valley Framing</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Framing.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Complete/IMG_0162.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Complete.html">Hockley Valley Complete</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Complete.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%203/DSC04412.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%203.html">Bradford 3</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%203.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%204/DSC04408.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%204.html">Bradford 4</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%204.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Toronto%201/IMG_0096.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Toronto%201.html">Toronto 1</a></h6>
|
|
||||||
<span><a href="projects/Decks/Toronto%201.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Cedar%20toronto/IMG_2341.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Cedar%20toronto.html">Cedar toronto</a></h6>
|
|
||||||
<span><a href="projects/Decks/Cedar%20toronto.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy/IMG_0775.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy.html">Floating deck @ club early mercy</a></h6>
|
|
||||||
<span><a href="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%201/DSC04288.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%201.html">Bradford 1</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%201.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Almost%20there/IMG_0075.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Almost%20there.html">Hockley Valley Almost there</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Almost%20there.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Floating%20deck/IMG_0005.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Floating%20deck.html">Floating deck</a></h6>
|
|
||||||
<span><a href="projects/Decks/Floating%20deck.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20existing%20deck%20demo/IMG_3009.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20existing%20deck%20demo.html">Hockley Valley existing deck demo</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20existing%20deck%20demo.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item Flagstoneporch col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Flagstone%20porch/Richmond%20hill/IMG_2535.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flagstone%20porch/Richmond%20hill.html">Richmond hill</a></h6>
|
|
||||||
<span><a href="projects/Flagstone%20porch/Richmond%20hill.html">Flagstone porch</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flagstoneporch</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item Ceilings col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Ceilings/Keswick/IMG_0728.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Ceilings/Keswick.html">Keswick</a></h6>
|
|
||||||
<span><a href="projects/Ceilings/Keswick.html">Ceilings</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Ceilings</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- ./ Content div-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="static/scripts/jquery.js"></script>
|
|
||||||
<script src="static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="static/scripts/modernizr.js"></script>
|
|
||||||
<script src="static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="static/scripts/jquery.prettyPhoto.js"></script>
|
|
||||||
<script src="static/scripts/isotope.min.js"></script>
|
|
||||||
<script src="static/scripts/custom.js"></script>
|
|
||||||
<script src="static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
<script src="static/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
|
|
||||||
},
|
|
||||||
|
|
||||||
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>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
761
build/portfolio
@ -1,761 +0,0 @@
|
|||||||
<!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>JPs Contracting - Portfolio</title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="static/style.css" rel="stylesheet">
|
|
||||||
<link href="static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="static/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>
|
|
||||||
</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="static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="portfolio">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="contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- 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=".Stairs">Stairs</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>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Decks">Decks</a></li>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Flagstoneporch">Flagstone porch</a></li>
|
|
||||||
|
|
||||||
<li><a class="btn btn-primary margin-5" href="#" data-filter=".Ceilings">Ceilings</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 Stairs col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Stairs/Keswick/IMG_0707.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Stairs/Keswick.html">Keswick</a></h6>
|
|
||||||
<span><a href="projects/Stairs/Keswick.html">Stairs</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Stairs</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores/IMG_5540.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores.html">Yongehurst-Richmond Hill Befores</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Befores.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept/IMG_1502.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept.html">Yongehurst-Richmond Hill Inspiration and concept</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Inspiration%20and%20concept.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there/IMG_3246.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there.html">Yongehurst-Richmond Hill Almost there</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Almost%20there.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings/four.7.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings.html">Yongehurst-Richmond Hill Footings</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Footings.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install/IMG_9885.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install.html">Yongehurst-Richmond Hill Steel fabrication and install</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Steel%20fabrication%20and%20install.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing/IMG_1863.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing.html">Yongehurst-Richmond Hill Framing</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Framing.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation/IMG_2227.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation.html">Yongehurst-Richmond Hill Insulation</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Insulation.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item DesignBuild col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo/IMG_9670.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo.html">Yongehurst-Richmond Hill Demo</a></h6>
|
|
||||||
<span><a href="projects/Design%20Build/Yongehurst-Richmond%20Hill%20Demo.html">Design Build</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">DesignBuild</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="projects/Flooring/Keswick%20Before/IMG_0555.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flooring/Keswick%20Before.html">Keswick Before</a></h6>
|
|
||||||
<span><a href="projects/Flooring/Keswick%20Before.html">Flooring</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flooring</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="projects/Flooring/Keswick%20After/IMG_0572.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flooring/Keswick%20After.html">Keswick After</a></h6>
|
|
||||||
<span><a href="projects/Flooring/Keswick%20After.html">Flooring</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flooring</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="projects/Decks/Bradford%202/DSC04303.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%202.html">Bradford 2</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%202.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Framing/IMG_3072.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Framing.html">Hockley Valley Framing</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Framing.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Complete/IMG_0162.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Complete.html">Hockley Valley Complete</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Complete.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%203/DSC04412.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%203.html">Bradford 3</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%203.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%204/DSC04408.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%204.html">Bradford 4</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%204.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Toronto%201/IMG_0096.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Toronto%201.html">Toronto 1</a></h6>
|
|
||||||
<span><a href="projects/Decks/Toronto%201.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Cedar%20toronto/IMG_2341.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Cedar%20toronto.html">Cedar toronto</a></h6>
|
|
||||||
<span><a href="projects/Decks/Cedar%20toronto.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy/IMG_0775.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy.html">Floating deck @ club early mercy</a></h6>
|
|
||||||
<span><a href="projects/Decks/Floating%20deck%20%40%20club%20early%20mercy.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Bradford%201/DSC04288.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Bradford%201.html">Bradford 1</a></h6>
|
|
||||||
<span><a href="projects/Decks/Bradford%201.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20Almost%20there/IMG_0075.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20Almost%20there.html">Hockley Valley Almost there</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20Almost%20there.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Floating%20deck/IMG_0005.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Floating%20deck.html">Floating deck</a></h6>
|
|
||||||
<span><a href="projects/Decks/Floating%20deck.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</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="projects/Decks/Hockley%20Valley%20existing%20deck%20demo/IMG_3009.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Decks/Hockley%20Valley%20existing%20deck%20demo.html">Hockley Valley existing deck demo</a></h6>
|
|
||||||
<span><a href="projects/Decks/Hockley%20Valley%20existing%20deck%20demo.html">Decks</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Decks</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item Flagstoneporch col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Flagstone%20porch/Richmond%20hill/IMG_2535.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Flagstone%20porch/Richmond%20hill.html">Richmond hill</a></h6>
|
|
||||||
<span><a href="projects/Flagstone%20porch/Richmond%20hill.html">Flagstone porch</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Flagstoneporch</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="portfolio-item Ceilings col-md-3">
|
|
||||||
<div class="item-main">
|
|
||||||
<div class="portfolio-image">
|
|
||||||
<div class="px-media">
|
|
||||||
<figure>
|
|
||||||
<a href="#"><img src="projects/Ceilings/Keswick/IMG_0728.JPG" alt=""></a>
|
|
||||||
<figcaption>
|
|
||||||
<h6><a href="projects/Ceilings/Keswick.html">Keswick</a></h6>
|
|
||||||
<span><a href="projects/Ceilings/Keswick.html">Ceilings</a></span>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<h6 class="px-luxury">Ceilings</h6>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- ./ Content div-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="static/scripts/jquery.js"></script>
|
|
||||||
<script src="static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="static/scripts/modernizr.js"></script>
|
|
||||||
<script src="static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="static/scripts/jquery.prettyPhoto.js"></script>
|
|
||||||
<script src="static/scripts/isotope.min.js"></script>
|
|
||||||
<script src="static/scripts/custom.js"></script>
|
|
||||||
<script src="static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
<script src="static/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
|
|
||||||
},
|
|
||||||
|
|
||||||
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>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,345 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../static/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>
|
|
||||||
</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="../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../portfolio">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="../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Ceilings</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Keswick
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<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="../static/photos/Decks/Bradford%201/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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,446 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0728.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0711.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0708.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0681.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0710.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0661.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0682.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0584.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0729.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0730.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Ceilings/Keswick/IMG_0709.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Keswick</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0728.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0711.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0708.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0681.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0710.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0661.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0682.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0584.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0729.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0730.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0709.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0728.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0711.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0708.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0681.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0710.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0661.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0682.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0584.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0729.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0730.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Keswick/IMG_0709.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 99 KiB |
Before Width: | Height: | Size: 111 KiB |
Before Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 100 KiB |
Before Width: | Height: | Size: 94 KiB |
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 76 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 59 KiB |
@ -1,389 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../static/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>
|
|
||||||
</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="../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../portfolio">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="../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Decks</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<ul>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Bradford 2
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Hockley Valley Framing
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Hockley Valley Complete
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Bradford 3
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Bradford 4
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Toronto 1
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Cedar toronto
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Floating deck @ club early mercy
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Bradford 1
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Hockley Valley Almost there
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Floating deck
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Hockley Valley existing deck demo
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<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="../static/photos/Decks/Bradford%201/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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,446 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04288.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04284.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04201.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04200.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04205.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04287.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04285.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04204.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04202.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04286.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 1/DSC04203.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Bradford 1</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04288.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04284.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04201.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04200.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04205.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04287.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04285.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04204.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04202.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04286.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04203.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04288.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04284.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04201.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04200.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04205.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04287.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04285.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04204.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04202.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04286.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%201/DSC04203.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 249 KiB |
Before Width: | Height: | Size: 256 KiB |
Before Width: | Height: | Size: 255 KiB |
Before Width: | Height: | Size: 190 KiB |
Before Width: | Height: | Size: 216 KiB |
Before Width: | Height: | Size: 183 KiB |
Before Width: | Height: | Size: 206 KiB |
Before Width: | Height: | Size: 222 KiB |
Before Width: | Height: | Size: 229 KiB |
Before Width: | Height: | Size: 208 KiB |
Before Width: | Height: | Size: 196 KiB |
@ -1,506 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04303.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04307.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04197 - Copy.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04301.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04199.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04293.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04197.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04290.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04305.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04300.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04292.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04291.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04304.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04198.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04302.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04289.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 2/DSC04306.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Bradford 2</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04303.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04307.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04197%20-%20Copy.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04301.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04199.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04293.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04197.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04290.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04305.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04300.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04292.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04291.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04304.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04198.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04302.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04289.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04306.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04303.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04307.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04197%20-%20Copy.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04301.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04199.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04293.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04197.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04290.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04305.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04300.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04292.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04291.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04304.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04198.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04302.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04289.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%202/DSC04306.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 276 KiB |
Before Width: | Height: | Size: 276 KiB |
Before Width: | Height: | Size: 254 KiB |
Before Width: | Height: | Size: 202 KiB |
Before Width: | Height: | Size: 224 KiB |
Before Width: | Height: | Size: 198 KiB |
Before Width: | Height: | Size: 251 KiB |
Before Width: | Height: | Size: 245 KiB |
Before Width: | Height: | Size: 246 KiB |
Before Width: | Height: | Size: 205 KiB |
Before Width: | Height: | Size: 213 KiB |
Before Width: | Height: | Size: 165 KiB |
Before Width: | Height: | Size: 173 KiB |
Before Width: | Height: | Size: 139 KiB |
Before Width: | Height: | Size: 170 KiB |
Before Width: | Height: | Size: 166 KiB |
Before Width: | Height: | Size: 111 KiB |
@ -1,416 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04412.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04417.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04415.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04416.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04413.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04410.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04411.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 3/DSC04414.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Bradford 3</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04412.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04417.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04415.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04416.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04413.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04410.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04411.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04414.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04412.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04417.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04415.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04416.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04413.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04410.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04411.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%203/DSC04414.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 207 KiB |
Before Width: | Height: | Size: 203 KiB |
Before Width: | Height: | Size: 173 KiB |
Before Width: | Height: | Size: 183 KiB |
Before Width: | Height: | Size: 210 KiB |
Before Width: | Height: | Size: 190 KiB |
Before Width: | Height: | Size: 205 KiB |
Before Width: | Height: | Size: 194 KiB |
@ -1,446 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/DSC04408.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/Bradford West Gwillimbury-20120519-00008.jpg"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/Bradford West Gwillimbury-20120519-00009.jpg"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/IMG_5087.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/DSC04407.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/Bradford West Gwillimbury-20120429-00036.jpg"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/IMG_5088.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/IMG_0523.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/DSC04409.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/Bradford West Gwillimbury-20120526-00029.jpg"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Bradford 4/Bradford West Gwillimbury-20120519-00010.jpg"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Bradford 4</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04408.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00008.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00009.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_5087.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04407.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120429-00036.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_5088.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_0523.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04409.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120526-00029.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00010.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04408.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00008.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00009.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_5087.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04407.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120429-00036.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_5088.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/IMG_0523.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/DSC04409.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120526-00029.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Bradford%204/Bradford%20West%20Gwillimbury-20120519-00010.jpg" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 236 KiB |
Before Width: | Height: | Size: 188 KiB |
Before Width: | Height: | Size: 186 KiB |
Before Width: | Height: | Size: 193 KiB |
Before Width: | Height: | Size: 184 KiB |
Before Width: | Height: | Size: 210 KiB |
Before Width: | Height: | Size: 201 KiB |
Before Width: | Height: | Size: 180 KiB |
Before Width: | Height: | Size: 163 KiB |
Before Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 168 KiB |
@ -1,446 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2341.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2379.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2343.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2350.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2378.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2346.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2344.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2377.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2342.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2380.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Cedar toronto/IMG_2345.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Cedar toronto</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2341.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2379.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2343.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2350.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2378.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2346.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2344.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2377.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2342.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2380.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2345.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2341.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2379.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2343.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2350.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2378.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2346.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2344.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2377.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2342.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2380.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Cedar%20toronto/IMG_2345.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 168 KiB |
Before Width: | Height: | Size: 140 KiB |
Before Width: | Height: | Size: 184 KiB |
Before Width: | Height: | Size: 188 KiB |
Before Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 210 KiB |
Before Width: | Height: | Size: 177 KiB |
Before Width: | Height: | Size: 168 KiB |
Before Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 168 KiB |
@ -1,616 +0,0 @@
|
|||||||
<!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></title>
|
|
||||||
|
|
||||||
<!-- Css Files -->
|
|
||||||
<link href="../../static/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/bootstrap-theme.css" rel="stylesheet">
|
|
||||||
<link href="../../static/style.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/responsive.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/color.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/flexslider.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/iconmoon.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/language-selector-remove-able-css.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/owl.carousel.css" rel="stylesheet">
|
|
||||||
<link href="../../static/css/widget.css" rel="stylesheet">
|
|
||||||
<!-- <link href="../../static/css/rtl.css" rel="stylesheet"> -->
|
|
||||||
<link href="../../static/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>
|
|
||||||
</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="../../static/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>
|
|
||||||
<li><span>Email Us</span><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="../../portfolio">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="../../contact">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<!-- Header -->
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!--
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0775.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0739.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0735.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0746.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0745.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0776.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0732.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0747.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0753.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0734.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0752.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0773.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0750.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0751.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0744.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0731.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0737.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0741.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0772.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0749.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0740.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0743.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0771.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0733.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0774.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0742.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0736.JPG"> <br />
|
|
||||||
|
|
||||||
<br><img src="../projects/Decks/Floating deck @ club early mercy/IMG_0738.JPG"> <br />
|
|
||||||
-->
|
|
||||||
<main id="main-content">
|
|
||||||
<div class="main-section">
|
|
||||||
<section class="page-section" style="padding:30px 0 0;">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="section-fullwidth">
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-project-block">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="px-section-title">
|
|
||||||
<h3>Floating deck @ club early mercy</h3>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-gallery">
|
|
||||||
<div id="slider">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0775.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0739.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0735.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0746.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0745.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0776.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0732.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0747.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0753.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0734.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0752.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0773.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0750.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0751.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0744.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0731.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0737.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0741.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0772.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0749.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0740.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0743.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0771.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0733.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0774.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0742.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0736.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0738.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="carousel">
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0775.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0739.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0735.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0746.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0745.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0776.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0732.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0747.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0753.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0734.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0752.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0773.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0750.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0751.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0744.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0731.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0737.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0741.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0772.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0749.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0740.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0743.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0771.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0733.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0774.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0742.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0736.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<img src="Floating%20deck%20%40%20club%20early%20mercy/IMG_0738.JPG" alt="">
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-size-100">
|
|
||||||
<div class="px-separator">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="../../static/scripts/jquery.js"></script>
|
|
||||||
<script src="../../static/scripts/bootstrap.min.js"></script>
|
|
||||||
<script src="../../static/scripts/modernizr.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.flexslider-min.js"></script>
|
|
||||||
<script src="../../static/scripts/owl.carousel.min.js"></script>
|
|
||||||
<script src="../../static/scripts/sticky_header.js"></script>
|
|
||||||
<script src="../../static/scripts/jquery.nicescroll.min.js"></script>
|
|
||||||
|
|
||||||
<script src="../../static/scripts/functions.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).load(function() {
|
|
||||||
$('#carousel').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
prevText:"<em class='icon-arrow-left9'></em>",
|
|
||||||
nextText:"<em class='icon-arrow-right9'></em>",
|
|
||||||
controlNav: true,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
itemWidth: 142,
|
|
||||||
itemMargin: 20,
|
|
||||||
asNavFor: '#slider'
|
|
||||||
});
|
|
||||||
$('#slider').flexslider({
|
|
||||||
animation: "slide",
|
|
||||||
controlNav: false,
|
|
||||||
animationLoop: false,
|
|
||||||
slideshow: false,
|
|
||||||
sync: "#carousel"
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('.px-portfolio-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 5,
|
|
||||||
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
|
|
||||||
},
|
|
||||||
|
|
||||||
678: {
|
|
||||||
items: 3, // from this breakpoint 678 to 959
|
|
||||||
center: false // only within 678 and next - 959
|
|
||||||
},
|
|
||||||
|
|
||||||
960: {
|
|
||||||
items: 3, // from this breakpoint 960 to 1199
|
|
||||||
center: false,
|
|
||||||
loop: false
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
1200: {
|
|
||||||
items: 3,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- Main Content -->
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- 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="../../static/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>416-258-2422</li>
|
|
||||||
<li><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</a></li>
|
|
||||||
</ul>
|
|
||||||
<p></p>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-9">
|
|
||||||
<aside class="widget widget_pages">
|
|
||||||
<div class="widget-section-title">
|
|
||||||
<h5>Our Expertise</h5>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>Renovation & Repairs</li>
|
|
||||||
<li>Fences</li>
|
|
||||||
<li>Decks</li>
|
|
||||||
<li>Windows</li>
|
|
||||||
<li>Doors</li>
|
|
||||||
<li>Flooring</li>
|
|
||||||
<li>Kitchens</li>
|
|
||||||
<li>Additions</li>
|
|
||||||
<li>Media Rooms</li>
|
|
||||||
<li>Finishing Touches</li>
|
|
||||||
<li>Design and Build</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>©2016 <a href="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', 'UA-27693393-3', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<!-- Footer -->
|
|
||||||
<!-- Footer -->
|
|
||||||
</div>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 234 KiB |
Before Width: | Height: | Size: 215 KiB |
Before Width: | Height: | Size: 226 KiB |
Before Width: | Height: | Size: 220 KiB |
Before Width: | Height: | Size: 229 KiB |
Before Width: | Height: | Size: 226 KiB |
Before Width: | Height: | Size: 163 KiB |
Before Width: | Height: | Size: 167 KiB |
Before Width: | Height: | Size: 196 KiB |
Before Width: | Height: | Size: 189 KiB |
Before Width: | Height: | Size: 170 KiB |
Before Width: | Height: | Size: 166 KiB |
Before Width: | Height: | Size: 151 KiB |
Before Width: | Height: | Size: 165 KiB |
Before Width: | Height: | Size: 161 KiB |
Before Width: | Height: | Size: 160 KiB |
Before Width: | Height: | Size: 152 KiB |