415 lines
23 KiB
HTML
415 lines
23 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>Contact us</title>
|
|
|
|
<!-- Css -->
|
|
<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/rtl.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">
|
|
|
|
<!-- 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>
|
|
<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>Contact us</h1>
|
|
<span>One jeepers stood owing and narrow while among that orca thanks.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<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 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>
|
|
<!-- 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">
|
|
$(document).ready(function() {
|
|
$('.twitter_widget').flexslider({
|
|
animation: "slide"
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html> |