341 lines
18 KiB
HTML
341 lines
18 KiB
HTML
<!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></h3>
|
|
<span></span>
|
|
</div>
|
|
<div class="element-size-100">
|
|
<ul>
|
|
|
|
</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> |