753 lines
51 KiB
HTML
753 lines
51 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>Portfolio Detail</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"> -->
|
||
|
|
<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"> 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>
|
||
|
|
</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>
|
||
|
|
<li><a href="portfolio-detail4.html">Portfolio Detail 4</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>
|
||
|
|
</header>
|
||
|
|
<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 -->
|
||
|
|
<!-- 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>Kitchen Cabinete Complete</h3>
|
||
|
|
<span>Interoir Kitchen Styles</span>
|
||
|
|
</div>
|
||
|
|
<div class="element-size-100">
|
||
|
|
<div class="px-gallery">
|
||
|
|
<div id="slider">
|
||
|
|
<ul class="slides">
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-01.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-02.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-03.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-04.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-05.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-06.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-07.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-08.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="carousel">
|
||
|
|
<ul class="slides">
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-01.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-02.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-03.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-04.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-05.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-06.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-07.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<img src="assets/extra-images/projects-08.jpg" alt="">
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="element-size-100">
|
||
|
|
<div class="px-separator">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="px-project-details">
|
||
|
|
<div class="element-size-33">
|
||
|
|
<div class="side-detail">
|
||
|
|
<div class="px-detail-head">
|
||
|
|
<h4>Project Facts</h4>
|
||
|
|
</div>
|
||
|
|
<ul class="px-detail-list">
|
||
|
|
<li>
|
||
|
|
<span class="title">Client:</span>
|
||
|
|
<span class="desc">Rogers Collimore</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="title">Project Start:</span>
|
||
|
|
<time>December 23, 2014</time>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="title">Project End:</span>
|
||
|
|
<time>December 23, 2014</time>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="title">Company:</span>
|
||
|
|
<span class="desc">Jackson Limited</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="title">Website:</span>
|
||
|
|
<span class="desc">www.Jackson.com</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="title">Tags:</span>
|
||
|
|
<span class="desc">Wood</span>
|
||
|
|
<span class="desc">Carpenter</span>
|
||
|
|
<span class="desc">Work</span>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<div class="px-share">
|
||
|
|
<a href="#" class="btn link"><i class="icon-share2"></i>Visit Link</a>
|
||
|
|
<a href="#" class="btn share"><i class="icon-share-square-o"></i>Share</a>
|
||
|
|
</div>
|
||
|
|
<div class="px-ads">
|
||
|
|
<figure>
|
||
|
|
<img src="assets/extra-images/project-ad.jpg" alt="">
|
||
|
|
</figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="element-size-67">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="px-heading">
|
||
|
|
<h4>Project Detail</h4>
|
||
|
|
</div>
|
||
|
|
<p><span class="dash"></span>Less changed deserved articulately eclectic gnu became versus this favorable fortuitously ouch a emptied brokenly one contemplated cost pointed ocelot ouch indubitably more boundless inside hesitantly yikes octopus yet but that this tamarin so somberly well cheerfully yikes that notwithstanding gracefully along flirtatious therefore near that dwelled shoddy tenacious rid about up and turtle deer jeepers aardvark however some according far one or snapped.</p>
|
||
|
|
<p>Constructive much pointed some yet less wow tortoise far reciprocating one a jeepers urgent much pompous much then and yellow porpoise pugnaciously peevishly and a expediently in hence hey and hey chose because a pending prior however oh anteater piranha cavalierly much upon far far made frustratingly strove dear basic celestially the prior opposite more groggily in far that and this alas across blanched hey indecent dazed guinea.</p>
|
||
|
|
<ul class="spec-list">
|
||
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
|
||
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
|
||
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
|
||
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
|
||
|
|
</ul>
|
||
|
|
<div class="px-heading">
|
||
|
|
<h4>Built Process</h4>
|
||
|
|
</div>
|
||
|
|
<div class="element-size-100">
|
||
|
|
<ul class="px-process-list">
|
||
|
|
<li>
|
||
|
|
<span class="num">1</span>
|
||
|
|
<div class="px-text">
|
||
|
|
<h6>Sketch the Design </h6>
|
||
|
|
<p><span class="dash"></span>Loaded celestial gosh the among one about enticingly far darn barring hello jeez up active silently commendable wow furtively that lethargic hence stretched parrot crud eccentric shook oh crud since jeepers and because darn by and ouch stoically.</p>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="num">2</span>
|
||
|
|
<div class="px-text">
|
||
|
|
<h6>Approval from Client</h6>
|
||
|
|
<p><span class="dash"></span>Loaded celestial gosh the among one about enticingly far darn barring hello jeez up active silently commendable wow furtively that lethargic hence stretched parrot crud eccentric shook oh crud since jeepers and because darn by and ouch stoically.</p>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="num">3</span>
|
||
|
|
<div class="px-text">
|
||
|
|
<h6>Breakdown Work</h6>
|
||
|
|
<p><span class="dash"></span>Loaded celestial gosh the among one about enticingly far darn barring hello jeez up active silently commendable wow furtively that lethargic hence stretched parrot crud eccentric shook oh crud since jeepers and because darn by and ouch stoically.</p>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="num">4</span>
|
||
|
|
<div class="px-text">
|
||
|
|
<h6>Grab our Tools</h6>
|
||
|
|
<p><span class="dash"></span>Loaded celestial gosh the among one about enticingly far darn barring hello jeez up active silently commendable wow furtively that lethargic hence stretched parrot crud eccentric shook oh crud since jeepers and because darn by and ouch stoically.</p>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="element-size-100">
|
||
|
|
|
||
|
|
<div class="px-team px-team-medium">
|
||
|
|
<div class="px-heading">
|
||
|
|
<h4>Project Team</h4>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<article class="col-md-12">
|
||
|
|
<div class="px-wrapteam">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img alt="#" src="assets/extra-images/tema4.jpg"></a>
|
||
|
|
</figure>
|
||
|
|
<div class="px-text">
|
||
|
|
<h4><a href="#">Michail Wanting</a></h4>
|
||
|
|
<span>Head Carpenter</span>
|
||
|
|
<p class="px-textborder">False soulfully ouch yikes leopard esoterically broadcast as piteous rid dazedly nerveless where and wretchedly left wholeheartedly excellently falcon owing jeepers this ravenously</p>
|
||
|
|
<div class="px-teaminfo">
|
||
|
|
<div class="px-social-media">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#"><i class="icon-facebook8"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="Twitter"><i class="icon-twitter7"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="googleplus"><i class="icon-googleplus8"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="dribbble"><i class="icon-dribbble8"></i></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<a class="px-teambtn " href="#">Send Email</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-12">
|
||
|
|
<div class="px-wrapteam">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img alt="#" src="assets/extra-images/tema5.jpg"></a>
|
||
|
|
</figure>
|
||
|
|
<div class="px-text">
|
||
|
|
<h4><a href="#">John Doe</a></h4>
|
||
|
|
<span>Head Carpenter</span>
|
||
|
|
<p class="px-textborder">False soulfully ouch yikes leopard esoterically broadcast as piteous rid dazedly nerveless where and wretchedly left wholeheartedly excellently falcon owing jeepers this ravenously</p>
|
||
|
|
<div class="px-teaminfo">
|
||
|
|
<div class="px-social-media">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#"><i class="icon-facebook8"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="Twitter"><i class="icon-twitter7"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="googleplus"><i class="icon-googleplus8"></i></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" data-original-title="dribbble"><i class="icon-dribbble8"></i></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<a class="px-teambtn " href="#">Send Email</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="element-size-100">
|
||
|
|
<div class="px-heading">
|
||
|
|
<h4>Client Testimonial</h4>
|
||
|
|
</div>
|
||
|
|
<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 src="assets/extra-images/author-img1.png" alt="#"></figure>
|
||
|
|
<h5>Chiris Browne</h5>
|
||
|
|
<span>Creative Cow</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="page-section" style="background:url(assets/extra-images/bg-services.png) no-repeat; background-size:cover; margin-bottom:0px; padding:40px 0 30px 0;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="section-fullwidth">
|
||
|
|
<div class="element-size-100">
|
||
|
|
<div class="px-project-block">
|
||
|
|
<div class="px-project-details px-carousel">
|
||
|
|
<div class="px-fancy-heading" style="text-align: center;">
|
||
|
|
<div class="px-content-inner">
|
||
|
|
<h2>you might also like it</h2>
|
||
|
|
<p>One jeepers stood owing and narrow while among that orca thanks.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="px-portfolio px-portfolio-modren px-portfolio-carousel">
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-01.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Cabinete Complete</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-02.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Dining room furniture</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-03.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Kitchen Cabinete Complete</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-04.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Cabinete Complete</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-05.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Dining room furniture</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="col-md-4">
|
||
|
|
<div class="px-media">
|
||
|
|
<figure>
|
||
|
|
<a href="#"><img src="assets/extra-images/projects-06.jpg" alt=""></a>
|
||
|
|
<figcaption>
|
||
|
|
<div class="px-text-info">
|
||
|
|
<h6><a href="portfolio-detail3.html">Kitchen Cabinete Complete</a></h6>
|
||
|
|
<span><a href="portfolio-detail3.html">Kitchen</a></span>
|
||
|
|
</div>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<h6 class="px-luxury">Kitchen Cabinete Complete</h6>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</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="#">PixFill</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/jquery.flexslider-min.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 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>
|
||
|
|
</body>
|
||
|
|
</html>
|