Compartmentalizing blocks for template and consistenry
This commit is contained in:
Alexander Hosking
parent
3eca197e06
commit
4600c6824e
919
templates/aboutus.html
Normal file
919
templates/aboutus.html
Normal file
@ -0,0 +1,919 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>About us</title>
|
||||||
|
|
||||||
|
<!-- Css Files -->
|
||||||
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/bootstrap-theme.css" rel="stylesheet">
|
||||||
|
<link href="style.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/color.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/flexslider.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/iconmoon.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/language-selector-remove-able-css.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/owl.carousel.css" rel="stylesheet">
|
||||||
|
<link href="assets/css/widget.css" rel="stylesheet">
|
||||||
|
<!-- <link href="assets/css/rtl.css" rel="stylesheet"> -->
|
||||||
|
|
||||||
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Header -->
|
||||||
|
<header id="main-header">
|
||||||
|
<div class="px-top-bar">
|
||||||
|
<div class="container">
|
||||||
|
<div class="left-side">
|
||||||
|
<nav class="top-nav">
|
||||||
|
<ul>
|
||||||
|
<li><a href="about.html">About us</a></li>
|
||||||
|
<li><a href="portfolio.html">Portfolio</a></li>
|
||||||
|
<li><a href="services.html">Services</a></li>
|
||||||
|
<li><a href="contact.html">Contact us</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="right-side">
|
||||||
|
<div class="social-media">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"><i class="icon-facebook7"></i></a></li>
|
||||||
|
<li><a href="#"><i class="icon-twitter6"></i></a></li>
|
||||||
|
<li><a href="#"><i class="icon-googleplus7"></i></a></li>
|
||||||
|
<li><a href="#"><i class="icon-dribbble6"></i></a></li>
|
||||||
|
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="lang_sel_list_horizontal" id="lang_sel_list">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a class="lang_sel_sel icl-en" href="#">
|
||||||
|
<img title="English" alt="english" src="assets/images/ico-eng.png" class="iclflag"> English
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li class="icl-fr">
|
||||||
|
<a href="#">
|
||||||
|
<img title="French" alt="french" src="assets/images/ico-fra.png" class="iclflag"> French
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="icl-spa">
|
||||||
|
<a href="#">
|
||||||
|
<img title="Spanish" alt="spanish" src="assets/images/ico-spa.png" class="iclflag"> Spanish
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="px-main-nav">
|
||||||
|
<div class="container">
|
||||||
|
<div class="px-logo-area">
|
||||||
|
<div class="left-side">
|
||||||
|
<div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div>
|
||||||
|
</div>
|
||||||
|
<div class="right-side">
|
||||||
|
<div class="px-head-info">
|
||||||
|
<ul>
|
||||||
|
<li><span>Openeing Hours</span>Mon - Sat 8.00 - 18.00</li>
|
||||||
|
<li><span>Call Us</span>(0044) 123 456 789</li>
|
||||||
|
<li><span>Email Us</span><a href="#">info@example.com</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="px-nav-area">
|
||||||
|
<nav class="navigation">
|
||||||
|
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="about.html">About Us</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Pages</a>
|
||||||
|
<ul class="sub-dropdown">
|
||||||
|
<li><a href="services.html">Services</a></li>
|
||||||
|
<li><a href="contactus2.html">Contact Us 2</a></li>
|
||||||
|
<li><a href="faq.html">Faq</a></li>
|
||||||
|
<li><a href="404.html">404</a></li>
|
||||||
|
<li><a href="underconstruction.html">Under construction</a></li>
|
||||||
|
<li><a href="result.html">Result</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="price-packages.html">Pricing</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Portfolio</a>
|
||||||
|
<ul class="sub-dropdown">
|
||||||
|
<li><a href="portfolio-list.html">Portfolio List</a></li>
|
||||||
|
<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>
|
||||||
|
<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>
|
||||||
|
<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>
|
||||||
|
<li><a href="portfolio-modren.html">Portfolio modren</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Portfolio Detail</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
|
||||||
|
<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>
|
||||||
|
<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>
|
||||||
|
<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Blog</a>
|
||||||
|
<ul class="sub-dropdown">
|
||||||
|
<li><a href="bloglarge.html">Blog Large</a></li>
|
||||||
|
<li><a href="blogbox.html">Blog Box</a></li>
|
||||||
|
<li><a href="blogdetail.html">Blog Detail 1</a></li>
|
||||||
|
<li><a href="blogdetail1.html">Blog Detail 2</a></li>
|
||||||
|
<li><a href="blogdetail2.html">Blog Detail 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Team</a>
|
||||||
|
<ul class="sub-dropdown">
|
||||||
|
<li><a href="team-grid.html">Team Grid</a></li>
|
||||||
|
<li><a href="team-list.html">Team List</a>
|
||||||
|
<li><a href="team-detail.html">Team Detail</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="contactus.html">Contact Us</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<a href="contactus2.html" class="btn-quote">Get Quick Quote</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="background:url(assets/extra-images/bg-title1.jpg) no-repeat; background-size:cover; height:328px; padding: 51px 0 0;" class="breadcrumb-sec align-center bg-img">
|
||||||
|
<div class="container">
|
||||||
|
<div class="px-frame">
|
||||||
|
<div class="px-text">
|
||||||
|
<div class="px-text-holder">
|
||||||
|
<h1>About Us</h1>
|
||||||
|
<span>One jeepers stood owing and narrow while among that orca thanks.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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="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;">That sleekly gosh strangely jeez and wide scowled a that over brought much lantern inset hey humorous considerable far far that sleekly bridled that crud faultily mistook gosh oh besides shed kangaroo this crookedly and llama thanks more one sexily instead much much nicely onto fruitfully turtle some impudently decisive unlike far up spontaneously wherever icy some roughly oh guinea as one festive wildebeest far proud this hamster more invidious one far until much this concomitantly and and dachshund alas.</p>
|
||||||
|
<p style="margin:0;">Stolid the wow goat about hello insufferably harmful indescribably one nightingale gawked notably mandrill responsibly until since diligent darn while cozily earthworm grudgingly greedy frugally less this yikes therefore like ahead extensively scantly alas suave oh darn jeepers well mandrill over.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element-size-50">
|
||||||
|
<div class=" lightbox col-md-12">
|
||||||
|
<p style="margin:0 0 30px; padding:42px 0 0;">Seal soft annoyingly overpaid hello some alas yellow jeepers jeepers less and versus tarantula fortuitously the as crud notwithstanding messy that after buffalo warthog well oversaw tuneful opposite much meant that conservatively confessedly the and more lemur and sank hey wherever globefish a less beyond and dishonest crud a overrode far much hey much squid partook hare hooted less grasshopper square robust erratically from rubbed kiwi and then wound oh alas nosily jeez wow hence.</p>
|
||||||
|
<div class="px-author-sec">
|
||||||
|
<h6>James harshaw</h6>
|
||||||
|
<span>Chife Operating Office</span>
|
||||||
|
<img src="assets/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="assets/extra-images/clients-1.png" alt="#"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-2.png" alt="#"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-3.png" alt="#"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-4.png" alt="#"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-5.png" alt="#"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img src="assets/extra-images/clients-6.png" alt="#"></a></figure></li>
|
||||||
|
</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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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(assets/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>Sketch the Design </h4>
|
||||||
|
<p>Uselessly beyond crud via fox save underneath much flippant euphemistic well on wow wolverine agitated cat porcupine hence and abominable far.</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>Hideous sexual compactly far darn until peskily more tellingly this frog upon hey sheepish fulsome much amenable seal much or and following noiselessly</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>Less cowardly spent crud and dealt fruitful hello more cuddled buffalo salmon misspelled wore hence more but far flung jeez factious more near a flirted around.</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="78%">
|
||||||
|
<span>Machine Cutting</span>
|
||||||
|
<div class="skillbar">
|
||||||
|
<div class="skillbar-bar" style="width:78%;">
|
||||||
|
<small>78%</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="skills-sec" data-percent="55%">
|
||||||
|
<span>Creative 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:98%;">
|
||||||
|
<small>98%</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>Revamping</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="assets/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="assets/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="assets/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="assets/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="assets/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>One jeepers stood owing and narrow while among that orca thanks.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element-size-100">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="px-partner">
|
||||||
|
<ul class="row">
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-7.png"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-8.png"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-9.png"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-10.png"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-11.png"></a></figure></li>
|
||||||
|
<li class="col-md-2"><figure><a href="#"><img alt="#" src="assets/extra-images/clients-12.png"></a></figure></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<!-- Main Content -->
|
||||||
|
|
||||||
|
<footer id="footer-sec">
|
||||||
|
<div class="container">
|
||||||
|
<div class="px-footer-block">
|
||||||
|
<div class="left-side">
|
||||||
|
<div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div>
|
||||||
|
</div>
|
||||||
|
<div class="right-side">
|
||||||
|
<div class="twitter_widget">
|
||||||
|
<ul class="slides">
|
||||||
|
<li>
|
||||||
|
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
|
||||||
|
<ul class="infotext">
|
||||||
|
<li><a href="#">@woodcraft</a></li>
|
||||||
|
<li>Posted 14 Hours Ago</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
|
||||||
|
<ul class="infotext">
|
||||||
|
<li><a href="#">@woodcraft</a></li>
|
||||||
|
<li>Posted 14 Hours Ago</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
|
||||||
|
<ul class="infotext">
|
||||||
|
<li><a href="#">@woodcraft</a></li>
|
||||||
|
<li>Posted 14 Hours Ago</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="px-widget-block row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<aside class="widget px-widget-contact">
|
||||||
|
<div class="widget-section-title">
|
||||||
|
<h5>Contact Us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>123 456 789 10</li>
|
||||||
|
<li><a href="#">info@woodland.com</a></li>
|
||||||
|
</ul>
|
||||||
|
<p>Wood Enterprise Centre level 0, A1 the works 00 Parer Place via Teams Avenue Kelvin Grove, ABC, 1234</p>
|
||||||
|
<a href="#" class="btn-map">View Map</a>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<aside class="widget widget_pages">
|
||||||
|
<div class="widget-section-title">
|
||||||
|
<h5>Our Expertise</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Furniture</a> </li>
|
||||||
|
<li><a href="#">Renovation & Repairs</a> </li>
|
||||||
|
<li><a href="#">Renovation & Repairs</a> </li>
|
||||||
|
<li><a href="#">Partition Walls</a></li>
|
||||||
|
<li><a href="#">Refurbishment</a></li>
|
||||||
|
<li><a href="#">Refurbishment</a></li>
|
||||||
|
<li><a href="#">Windows</a></li>
|
||||||
|
<li><a href="#">Storage</a></li>
|
||||||
|
<li><a href="#">Storage</a></li>
|
||||||
|
<li><a href="#">Garden Furniture</a></li>
|
||||||
|
<li><a href="#">Doors</a></li>
|
||||||
|
<li><a href="#">Doors</a></li>
|
||||||
|
<li><a href="#">Overview of Services</a></li>
|
||||||
|
<li><a href="#">Flooring</a></li>
|
||||||
|
<li><a href="#">Flooring</a></li>
|
||||||
|
<li><a href="#">Kitchen Remodling</a></li>
|
||||||
|
<li><a href="#">Skirting & Architraves</a></li>
|
||||||
|
<li><a href="#">Skirting & Architraves</a></li>
|
||||||
|
<li><a href="#">Bathroom Remodeling</a></li>
|
||||||
|
<li><a href="#">Kitchens</a></li>
|
||||||
|
<li><a href="#">Kitchens</a></li>
|
||||||
|
<li><a href="#">Additions</a></li>
|
||||||
|
<li><a href="#">Bathroom Furniture</a></li>
|
||||||
|
<li><a href="#">Bathroom Furniture</a></li>
|
||||||
|
<li><a href="#">Media Rooms</a></li>
|
||||||
|
<li><a href="#">Finishing Touches</a></li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<aside class="widget widget-form">
|
||||||
|
<div class="widget-section-title">
|
||||||
|
<h5>Need Estimate?</h5>
|
||||||
|
</div>
|
||||||
|
<form action="#">
|
||||||
|
<fieldset>
|
||||||
|
<input type="text" placeholder="Name" required="required">
|
||||||
|
<input type="email" placeholder="Email" required="required">
|
||||||
|
<textarea placeholder="Message" required="required"></textarea>
|
||||||
|
<input type="submit" value="Send Message">
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- CopyRight -->
|
||||||
|
<section id="copyright">
|
||||||
|
<div class="container">
|
||||||
|
<div class="social-media">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i><span>Facebook</span></a></li>
|
||||||
|
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i><span>Twitter</span></a></li>
|
||||||
|
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i><span>Google Plus</span></a></li>
|
||||||
|
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i><span>Dribble</span></a></li>
|
||||||
|
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<p>©2014 <a href="#">WP Woodcraft</a> All rights reserved. Design by <a href="#">Pix FIll</a></p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- CopyRight -->
|
||||||
|
</footer>
|
||||||
|
<!-- Footer -->
|
||||||
|
</div>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery (necessary for JavaScript plugins) -->
|
||||||
|
<script src="assets/scripts/jquery.js"></script>
|
||||||
|
<script src="assets/scripts/bootstrap.min.js"></script>
|
||||||
|
<script src="assets/scripts/modernizr.js"></script>
|
||||||
|
<script src="assets/scripts/isotope.min.js"></script>
|
||||||
|
<script src="assets/scripts/jquery.flexslider-min.js"></script>
|
||||||
|
<script src="assets/scripts/counter.js"></script>
|
||||||
|
<script src="assets/scripts/sticky_header.js"></script>
|
||||||
|
<script src="assets/scripts/jquery.nicescroll.min.js"></script>
|
||||||
|
<script src="assets/scripts/functions.js"></script>
|
||||||
|
<script>
|
||||||
|
/* ---------------------------------------------------------------------------
|
||||||
|
* Counter Integers Function
|
||||||
|
* --------------------------------------------------------------------------- */
|
||||||
|
jQuery(document).ready(function( $ ) {
|
||||||
|
$('.custom-counter').counterUp({
|
||||||
|
delay: 10,
|
||||||
|
time: 1000
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,28 +1,18 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
{% block footer %}
|
|
||||||
|
|
||||||
WHACK
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Wrapper -->
|
<!-- Wrapper -->
|
||||||
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
<!-- jQuery (necessary for JavaScript plugins) -->
|
||||||
<script src="assets/scripts/jquery.js"></script>
|
<script src="{{ url_for('static', filename='scripts/jquery.js') }}"></script>
|
||||||
<script src="assets/scripts/bootstrap.min.js"></script>
|
<script src="{{ url_for('static', filename='scripts/bootstrap.min.js') }}"></script>
|
||||||
<script src="assets/scripts/modernizr.js"></script>
|
<script src="{{ url_for('static', filename='scripts/modernizr.js') }}"></script>
|
||||||
<script src="assets/scripts/jquery.flexslider-min.js"></script>
|
<script src="{{ url_for('static', filename='scripts/jquery.flexslider-min.js') }}"></script>
|
||||||
<script src="assets/scripts/jquery.prettyPhoto.js"></script>
|
<script src="{{ url_for('static', filename='scripts/jquery.prettyPhoto.js') }}"></script>
|
||||||
<script src="assets/scripts/isotope.min.js"></script>
|
<script src="{{ url_for('static', filename='scripts/isotope.min.js') }}"></script>
|
||||||
<script src="assets/scripts/custom.js"></script>
|
<script src="{{ url_for('static', filename='scripts/custom.js') }}"></script>
|
||||||
<script src="assets/scripts/owl.carousel.min.js"></script>
|
<script src="{{ url_for('static', filename='scripts/owl.carousel.min.js') }}"></script>
|
||||||
<script src="assets/scripts/sticky_header.js"></script>
|
<script src="{{ url_for('static', filename='scripts/sticky_header.js') }}"></script>
|
||||||
<script src="assets/scripts/jquery.nicescroll.min.js"></script>
|
<script src="{{ url_for('static', filename='scripts/jquery.nicescroll.min.js') }}"></script>
|
||||||
<script src="assets/scripts/functions.js"></script>
|
<script src="{{ url_for('static', filename='scripts/functions.js') }}"></script>
|
||||||
<script >
|
<script >
|
||||||
$('.px-carousel').owlCarousel({
|
$('.px-carousel').owlCarousel({
|
||||||
nav: true,
|
nav: true,
|
||||||
108
templates/blocks/footer.html
Normal file
108
templates/blocks/footer.html
Normal file
@ -0,0 +1,108 @@
|
|||||||
|
<!-- Footer -->
|
||||||
|
<footer id="footer-sec">
|
||||||
|
<div class="container">
|
||||||
|
<!-- <div class="row"> -->
|
||||||
|
<div class="px-footer-block">
|
||||||
|
<div class="left-side">
|
||||||
|
<!-- <div class="logo"><a href="#"><img src="{{ url_for('static', filename='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>
|
||||||
|
<!-- Footer -->
|
||||||
32
templates/blocks/head.html
Normal file
32
templates/blocks/head.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!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="{{ url_for('static', filename='css/bootstrap-theme.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/color.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/flexslider.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/iconmoon.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/language-selector-remove-able-css.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/owl.carousel.css') }}" rel="stylesheet">
|
||||||
|
<link href="{{ url_for('static', filename='css/widget.css') }}" rel="stylesheet">
|
||||||
|
<!-- <link href="{{ url_for('static', filename='css/rtl.css') }}" rel="stylesheet"> -->
|
||||||
|
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
66
templates/blocks/header.html
Normal file
66
templates/blocks/header.html
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<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="{{ url_for('static', filename='images/logo.png') }}" alt=""></a></div> !-->
|
||||||
|
</div>
|
||||||
|
<div class="right-side">
|
||||||
|
<div class="px-head-info">
|
||||||
|
<ul>
|
||||||
|
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
|
||||||
|
<li><span>Call Us</span>416-258-2422</li>
|
||||||
|
<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="{{ url_for('index') }}">Home</a></li>
|
||||||
|
<li><a href="{{ url_for('about') }}">About Us</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="{{ url_for('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="{{ url_for('contact') }}">Contact Us</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
118
templates/contactus.html
Normal file
118
templates/contactus.html
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
{% include 'blocks/head.html' %}
|
||||||
|
<!-- Header -->
|
||||||
|
{% include 'blocks/header.html' %}
|
||||||
|
<!-- 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>
|
||||||
|
Twitter Walls events<br/>
|
||||||
|
ABCD an receive<br/>
|
||||||
|
see all the social media<br/>
|
||||||
|
Newyork
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="icon-phone8"></i>
|
||||||
|
<span>Phones</span>
|
||||||
|
<p>(0044) 123 456 7891</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="icon-envelope5"></i>
|
||||||
|
<span>Email Address</span><p><a href="mailto:info@woodworks.com">info@woodworks.com</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="assets/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="assets/extra-images/thumblist-img1.jpg">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="assets/extra-images/thumblist-img2.jpg">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="assets/extra-images/thumblist-img3.jpg">
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="lightbox col-md-12">
|
||||||
|
<p class="px-textborder">Jeez titillating a much one condescendingly absurd but statically instead coaxing festively solemn notwithstanding notwithstanding public limpet where forecast brilliant hence fed goodness touched grasshopper effortlessly so versus and one rat well yet inventoried dived a frequently krill in desolately well extensive bluebird unbearable and however unskillfully pending impala begrudgingly safely this one oh upset salmon ostrich.</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 = 'Enter your Name'; }" value="Enter your Name" 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" required>
|
||||||
|
</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 -->
|
||||||
|
{% include 'blocks/footer.html' %}
|
||||||
|
<!-- Footer -->
|
||||||
|
{% include 'blocks/foot.html' %}
|
||||||
@ -1,151 +0,0 @@
|
|||||||
<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="{{ url_for('static', filename='images/ico-eng.png') }}" class="iclflag"> English
|
|
||||||
</a>
|
|
||||||
<ul>
|
|
||||||
<li class="icl-fr">
|
|
||||||
<a href="#">
|
|
||||||
<img title="French" alt="french" src="{{ url_for('static', filename='images/ico-fra.png') }}" class="iclflag"> French
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="icl-spa">
|
|
||||||
<a href="#">
|
|
||||||
<img title="Spanish" alt="spanish" src="{{ url_for('static', filename='images/ico-spa.png') }}" class="iclflag"> 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="{{ url_for('static', filename='images/logo.png') }}" alt=""></a></div> !-->
|
|
||||||
</div>
|
|
||||||
<div class="right-side">
|
|
||||||
<div class="px-head-info">
|
|
||||||
<ul>
|
|
||||||
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
|
|
||||||
<li><span>Call Us</span>416-258-2422</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="px-nav-area">
|
|
||||||
<nav class="navigation">
|
|
||||||
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
|
|
||||||
<ul>
|
|
||||||
<li><a href="index.html">Home</a></li>
|
|
||||||
<li><a href="about.html">About Us</a></li>
|
|
||||||
<!-- <li>
|
|
||||||
<a href="#">Pages</a>
|
|
||||||
<ul class="sub-dropdown">
|
|
||||||
<li><a href="services.html">Services</a></li>
|
|
||||||
<li><a href="contactus2.html">Contact Us 2</a></li>
|
|
||||||
<li><a href="faq.html">Faq</a></li>
|
|
||||||
<li><a href="404.html">404</a></li>
|
|
||||||
<li><a href="underconstruction.html">Under construction</a></li>
|
|
||||||
<li><a href="result.html">Result</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="price-packages.html">Pricing</a></li> !-->
|
|
||||||
<li>
|
|
||||||
<a href="portfolio.html">Portfolio</a>
|
|
||||||
<!--<ul class="sub-dropdown">-->
|
|
||||||
<!--<li><a href="portfolio-list.html">Portfolio List</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-modren.html">Portfolio modren</a></li>-->
|
|
||||||
<!--<li>-->
|
|
||||||
<!--<a href="#">Portfolio Detail</a>-->
|
|
||||||
<!--<ul>-->
|
|
||||||
<!--<li><a href="portfolio-detail.html">Portfolio Detail</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>-->
|
|
||||||
<!--<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>-->
|
|
||||||
<!--</ul>-->
|
|
||||||
<!--</li>-->
|
|
||||||
<!--</ul>-->
|
|
||||||
</li>
|
|
||||||
<!-- <li><a href="#">Blog</a>
|
|
||||||
<ul class="sub-dropdown">
|
|
||||||
<li><a href="bloglarge.html">Blog Large</a></li>
|
|
||||||
<li><a href="blogbox.html">Blog Box</a></li>
|
|
||||||
<li><a href="blogdetail.html">Blog Detail 1</a></li>
|
|
||||||
<li><a href="blogdetail1.html">Blog Detail 2</a></li>
|
|
||||||
<li><a href="blogdetail2.html">Blog Detail 3</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#">Team</a>
|
|
||||||
<ul class="sub-dropdown">
|
|
||||||
<li><a href="team-grid.html">Team Grid</a></li>
|
|
||||||
<li><a href="team-list.html">Team List</a>
|
|
||||||
<li><a href="team-detail.html">Team Detail</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>!-->
|
|
||||||
<li><a href="contactus.html">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<!-- <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="px-banner">
|
|
||||||
<div class="flexslider px-bannerslider">
|
|
||||||
<ul class="slides">
|
|
||||||
<li>
|
|
||||||
<img src="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 -->
|
|
||||||
@ -1,104 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
{% include 'blocks/head.html' %}
|
||||||
<html lang="en">
|
<!-- Header -->
|
||||||
<head>
|
{% include 'blocks/header.html' %}
|
||||||
<meta charset="utf-8">
|
<!-- Header -->
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<!-- Main Content -->
|
||||||
<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="{{ url_for('static', filename='css/bootstrap-theme.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/color.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/flexslider.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/iconmoon.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/language-selector-remove-able-css.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/owl.carousel.css') }}" rel="stylesheet">
|
|
||||||
<link href="{{ url_for('static', filename='css/widget.css') }}" rel="stylesheet">
|
|
||||||
<!-- <link href="{{ url_for('static', filename='css/rtl.css') }}" rel="stylesheet"> -->
|
|
||||||
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- Wrapper -->
|
|
||||||
<div class="wrapper">
|
|
||||||
<!-- Header -->
|
|
||||||
<header id="main-header">
|
|
||||||
<!-- <div class="px-top-bar">
|
|
||||||
<div class="container">
|
|
||||||
<div class="left-side">
|
|
||||||
<nav class="top-nav">
|
|
||||||
<ul>
|
|
||||||
<li><a href="about.html">About us</a></li>
|
|
||||||
<li><a href="portfolio.html">Portfolio</a></li>
|
|
||||||
<li><a href="services.html">Services</a></li>
|
|
||||||
<li><a href="contact.html">Contact us</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
<div class="right-side">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<div class="px-main-nav">
|
|
||||||
<div class="container">
|
|
||||||
<div class="px-logo-area">
|
|
||||||
<div class="left-side">
|
|
||||||
<!-- <div class="logo"><a href="#"><img src="{{ url_for('static', filename='images/logo.png') }}" alt=""></a></div> !-->
|
|
||||||
</div>
|
|
||||||
<div class="right-side">
|
|
||||||
<div class="px-head-info">
|
|
||||||
<ul>
|
|
||||||
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
|
|
||||||
<li><span>Call Us</span>416-258-2422</li>
|
|
||||||
<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.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="contactus.html">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">
|
<main id="main-content">
|
||||||
<div class="main-section">
|
<div class="main-section">
|
||||||
<!-- <section class="page-section" style="margin:0 0 26px;">
|
<!-- <section class="page-section" style="margin:0 0 26px;">
|
||||||
@ -502,139 +406,6 @@
|
|||||||
</main>
|
</main>
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer id="footer-sec">
|
{% include 'blocks/footer.html' %}
|
||||||
<div class="container">
|
|
||||||
<!-- <div class="row"> -->
|
|
||||||
<div class="px-footer-block">
|
|
||||||
<div class="left-side">
|
|
||||||
<!-- <div class="logo"><a href="#"><img src="{{ url_for('static', filename='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>
|
|
||||||
|
|
||||||
<!-- 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="/">JPs Contracting</a> All rights reserved.</p>
|
|
||||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CopyRight -->
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
</div>
|
{% include 'blocks/foot.html' %}
|
||||||
<!-- Wrapper -->
|
|
||||||
|
|
||||||
<!-- jQuery (necessary for JavaScript plugins) -->
|
|
||||||
<script src="{{ url_for('static', filename='scripts/jquery.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/bootstrap.min.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/modernizr.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/jquery.flexslider-min.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/jquery.prettyPhoto.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/isotope.min.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/custom.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/owl.carousel.min.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/sticky_header.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/jquery.nicescroll.min.js') }}"></script>
|
|
||||||
<script src="{{ url_for('static', filename='scripts/functions.js') }}"></script>
|
|
||||||
<script >
|
|
||||||
$('.px-carousel').owlCarousel({
|
|
||||||
nav: true,
|
|
||||||
margin: 20,
|
|
||||||
navText: [
|
|
||||||
"<i class=' icon-angle-left'></i>",
|
|
||||||
"<i class='icon-angle-right'></i>"
|
|
||||||
],
|
|
||||||
responsive: {
|
|
||||||
0: {
|
|
||||||
items: 1 // In this configuration 1 is enabled from 0px up to 479px screen size
|
|
||||||
},
|
|
||||||
|
|
||||||
480: {
|
|
||||||
items: 2, // from 480 to 677
|
|
||||||
nav: false // from 480 to max
|
|
||||||
},
|
|
||||||
|
|
||||||
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>
|
|
||||||
@ -1 +0,0 @@
|
|||||||
YOU SUCK1
|
|
||||||
Loading…
Reference in New Issue
Block a user