536 lines
28 KiB
HTML
536 lines
28 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>Price package</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>
|
|
<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>Our Price Packages</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" style="padding:35px 0 0; margin:0 0 30px 0;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="section-fullwidth">
|
|
<div class="element-size-75">
|
|
<div class="col-md-12">
|
|
<figure class="price-featured">
|
|
<img src="assets/extra-images/price-1mg.jpg" alt="#">
|
|
</figure>
|
|
<div class="px-pricing-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Job Discription</th>
|
|
<th>job Cost</th>
|
|
<th>Job Time</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="px-text">
|
|
<h6>Build a garden shed</h6>
|
|
<p class="px-textborder">Build an 8m x 6m shiplap shed (with preassembled panels). Assuming that customer is providing own shed and concrete base is in place.</p>
|
|
</div>
|
|
</td>
|
|
<td>£80-£100</td>
|
|
<td>1 Days</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="px-text">
|
|
<h6>Water Drains Inspection</h6>
|
|
<p class="px-textborder">Gamely yet outside broken furious less across overtook earthworm benignly conjointly however therefore worm</p>
|
|
</div>
|
|
</td>
|
|
<td>£96-£100</td>
|
|
<td>2 Days</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="px-text">
|
|
<h6>Air Conditioning Precision System </h6>
|
|
<p class="px-textborder">Assuming that customer is providing own shed and concrete base is in place.</p>
|
|
</div>
|
|
</td>
|
|
<td>£100-£120</td>
|
|
<td>3 Days</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="px-text">
|
|
<h6>Tune-Ups and Maintenance</h6>
|
|
<p class="px-textborder">Flexed danced whale darn gosh abruptly that buffalo unkindly that threw cockatoo ashamedly before</p>
|
|
</div>
|
|
</td>
|
|
<td>£96-£100</td>
|
|
<td>3 Days</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="px-text">
|
|
<h6>Plumbing Services</h6>
|
|
</div>
|
|
</td>
|
|
<td>£86-£100</td>
|
|
<td>2 Days</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="element-size-25">
|
|
<div class="col-md-12">
|
|
<div class="widget widget_faq">
|
|
<div class="widget-section-title">
|
|
<h5>Pricing FAQs</h5>
|
|
</div>
|
|
<div class="panel-group px-box" id="accordion-7237675">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" data-parent="#accordion-7237675" href="#accordion-6886550" class="collapsed" aria-expanded="false">
|
|
Our best Renovation
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-6886550" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
<div class="panel-body"><p class="px-textborder">A. Far saluted immaculately indiscriminate ouch along darn reliable cuckoo 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-7237675" href="#accordion-5369251" class="collapsed" aria-expanded="false">
|
|
How Refurbishment?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-5369251" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
<div class="panel-body"><p class="px-textborder">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-7237675" href="#accordion-989353" class="collapsed" aria-expanded="false">
|
|
Do we make Storage?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-989353" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
<div class="panel-body"><p class="px-textborder">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-7237675" href="#accordion-989354" class="collapsed" aria-expanded="false">
|
|
Do we make Arc Doors?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="accordion-989354" class="panel-collapse collapse " aria-expanded="false">
|
|
<div class="panel-body"><p class="px-textborder">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 class="widget widget_categories">
|
|
<div class="widget-section-title">
|
|
<h5>Blog Cetagories</h5>
|
|
</div>
|
|
<ul>
|
|
<li class="cat-item cat-item-6"><a href="#">Classes & Workshops</a></li>
|
|
<li class="cat-item cat-item-7"><a href="#">Conferences</a></li>
|
|
<li class="cat-item cat-item-8"><a href="#">Fundraisers</a></li>
|
|
<li class="cat-item cat-item-9"><a href="#">Meetings & Networking</a></li>
|
|
<li class="cat-item cat-item-1"><a href="#">Political Events</a></li>
|
|
<li class="cat-item cat-item-7"><a href="#">Social Events</a></li>
|
|
<li class="cat-item cat-item-8"><a href="#">Tankless Water Heater</a></li>
|
|
<li class="cat-item cat-item-9"><a href="#">Plumbing Inspections</a></li>
|
|
<li class="cat-item cat-item-1"><a href="#">Garbage Disposal Repair</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="element-size-33">
|
|
<div class="col-md-12">
|
|
<article class="px-price-table pr-classic">
|
|
<span class="pr-month">Full Day</span>
|
|
<div class="px-price">
|
|
<div class="inner-sec">
|
|
<span>$</span>
|
|
255
|
|
<small>/ mo</small>
|
|
</div>
|
|
</div>
|
|
<ul class="features">
|
|
<li>3x incredible feature</li>
|
|
<li>unlimited extra feature</li>
|
|
<li>5x free psd files</li>
|
|
<li>1x month free resources</li>
|
|
</ul>
|
|
<a href="#" class="sigun-up-btn cs-bgcolor">Buy Now</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
<div class="element-size-33">
|
|
<div class="col-md-12">
|
|
<article class="px-price-table pr-classic">
|
|
<span class="pr-month">Full Day</span>
|
|
<div class="px-price">
|
|
<div class="inner-sec">
|
|
<span>$</span>
|
|
659
|
|
<small>/ mo</small>
|
|
</div>
|
|
</div>
|
|
<ul class="features">
|
|
<li>3x incredible feature</li>
|
|
<li>unlimited extra feature</li>
|
|
<li>5x free psd files</li>
|
|
<li>1x month free resources</li>
|
|
</ul>
|
|
<a href="#" class="sigun-up-btn cs-bgcolor">Buy Now</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
<div class="element-size-33">
|
|
<div class="col-md-12">
|
|
<article class="px-price-table pr-classic">
|
|
<span class="pr-month">Full Day</span>
|
|
<div class="px-price">
|
|
<div class="inner-sec">
|
|
<span>$</span>
|
|
1.988
|
|
<small>/ mo</small>
|
|
</div>
|
|
</div>
|
|
<ul class="features">
|
|
<li>3x incredible feature</li>
|
|
<li>unlimited extra feature</li>
|
|
<li>5x free psd files</li>
|
|
<li>1x month free resources</li>
|
|
</ul>
|
|
<a href="#" class="sigun-up-btn cs-bgcolor">Buy Now</a>
|
|
</article>
|
|
</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/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> |