jpscontracting/templates/base.html
2017-01-12 13:08:01 -05:00

263 lines
14 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>Home</title>
<!-- Css Files -->
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
<link href="assets/css/bootstrap-theme.css" rel="stylesheet">
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
<link href="assets/css/responsive.css" rel="stylesheet">
<link href="assets/css/color.css" rel="stylesheet">
<link href="assets/css/flexslider.css" rel="stylesheet">
<link href="assets/css/iconmoon.css" rel="stylesheet">
<link href="assets/css/language-selector-remove-able-css.css" rel="stylesheet">
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<link href="assets/css/widget.css" rel="stylesheet">
<!-- <link href="assets/css/rtl.css" rel="stylesheet"> -->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Wrapper -->
<div class="wrapper">
<!-- Header -->
<header id="main-header">
<div class="px-top-bar">
<div class="container">
<div class="left-side">
<nav class="top-nav">
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<div class="right-side">
<div class="social-media">
<ul>
<li><a href="#"><i class="icon-facebook7"></i></a></li>
<li><a href="#"><i class="icon-twitter6"></i></a></li>
<li><a href="#"><i class="icon-googleplus7"></i></a></li>
<li><a href="#"><i class="icon-dribbble6"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
<div class="lang_sel_list_horizontal" id="lang_sel_list">
<ul>
<li>
<a class="lang_sel_sel icl-en" href="#">
<img title="English" alt="english" src="assets/images/ico-eng.png" class="iclflag">&nbsp;English
</a>
<ul>
<li class="icl-fr">
<a href="#">
<img title="French" alt="french" src="assets/images/ico-fra.png" class="iclflag">&nbsp;French
</a>
</li>
<li class="icl-spa">
<a href="#">
<img title="Spanish" alt="spanish" src="assets/images/ico-spa.png" class="iclflag">&nbsp;Spanish
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="px-main-nav">
<div class="container">
<div class="px-logo-area">
<div class="left-side">
<!-- <div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div> !-->
</div>
<div class="right-side">
<div class="px-head-info">
<ul>
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
<li><span>Call Us</span>416-258-2422</li>
</ul>
</div>
</div>
</div>
<div class="px-nav-area">
<nav class="navigation">
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<!-- <li>
<a href="#">Pages</a>
<ul class="sub-dropdown">
<li><a href="services.html">Services</a></li>
<li><a href="contactus2.html">Contact Us 2</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">404</a></li>
<li><a href="underconstruction.html">Under construction</a></li>
<li><a href="result.html">Result</a></li>
</ul>
</li>
<li><a href="price-packages.html">Pricing</a></li> !-->
<li>
<a href="portfolio.html">Portfolio</a>
<!--<ul class="sub-dropdown">-->
<!--<li><a href="portfolio-list.html">Portfolio List</a></li>-->
<!--<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>-->
<!--<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>-->
<!--<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>-->
<!--<li><a href="portfolio-modren.html">Portfolio modren</a></li>-->
<!--<li>-->
<!--<a href="#">Portfolio Detail</a>-->
<!--<ul>-->
<!--<li><a href="portfolio-detail.html">Portfolio Detail</a></li>-->
<!--<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>-->
<!--<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>-->
<!--<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>-->
<!--</ul>-->
<!--</li>-->
<!--</ul>-->
</li>
<!-- <li><a href="#">Blog</a>
<ul class="sub-dropdown">
<li><a href="bloglarge.html">Blog Large</a></li>
<li><a href="blogbox.html">Blog Box</a></li>
<li><a href="blogdetail.html">Blog Detail 1</a></li>
<li><a href="blogdetail1.html">Blog Detail 2</a></li>
<li><a href="blogdetail2.html">Blog Detail 3</a></li>
</ul>
</li>
<li><a href="#">Team</a>
<ul class="sub-dropdown">
<li><a href="team-grid.html">Team Grid</a></li>
<li><a href="team-list.html">Team List</a>
<li><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>!-->
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</nav>
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
</div>
</div>
</div>
<!-- <div class="px-banner">
<div class="flexslider px-bannerslider">
<ul class="slides">
<li>
<img src="assets/extra-images/banner.jpg"/>
<div class="caption">
<div class="container">
<img src="assets/extra-images/amazing.png">
<h1>Design<span>Furniture</span><br>
Make<span>Doors</span><br>
Refine<span>Cabinets</span>
</h1>
<a class="px-btn" href="#">Get Quick Qoute</a>
</div> !-->
<!--</div>
</li>
<li>
<img src="assets/extra-images/banner1.jpg"/>
</li>
<li>
<img src="assets/extra-images/banner2.jpg"/>
</li>
</ul>
</div>
</div>!-->
</header>
<!-- Header -->
<body>
{% block content %}{% endblock %}
{% block body %}{% endblock %}
</body>
<!-- CopyRight -->
<section id="copyright">
<div class="container">
<!-- <div class="row"> -->
<!-- <div class="social-media">
<ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i><span>Facebook</span></a></li>
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i><span>Twitter</span></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i><span>Google Plus</span></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i><span>Dribble</span></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li>
</ul>
</div>!-->
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
<!-- </div> -->
</div>
</section>
<!-- CopyRight -->
</footer>
<!-- Footer -->
</div>
<!-- Wrapper -->
<!-- jQuery (necessary for JavaScript plugins) -->
<script src="assets/scripts/jquery.js"></script>
<script src="assets/scripts/bootstrap.min.js"></script>
<script src="assets/scripts/modernizr.js"></script>
<script src="assets/scripts/jquery.flexslider-min.js"></script>
<script src="assets/scripts/jquery.prettyPhoto.js"></script>
<script src="assets/scripts/isotope.min.js"></script>
<script src="assets/scripts/custom.js"></script>
<script src="assets/scripts/owl.carousel.min.js"></script>
<script src="assets/scripts/sticky_header.js"></script>
<script src="assets/scripts/jquery.nicescroll.min.js"></script>
<script src="assets/scripts/functions.js"></script>
<script >
$('.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
</body>
</html>>