jpscontracting/build/contact

335 lines
17 KiB
Plaintext
Raw Normal View History

2017-06-06 03:28:56 +00:00
<!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 - JPs Contracting</title>
<!-- Css Files -->
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/bootstrap-theme.css" rel="stylesheet">
<link href="static/style.css" rel="stylesheet">
<link href="static/css/responsive.css" rel="stylesheet">
<link href="static/css/color.css" rel="stylesheet">
<link href="static/css/flexslider.css" rel="stylesheet">
<link href="static/css/iconmoon.css" rel="stylesheet">
<link href="static/css/language-selector-remove-able-css.css" rel="stylesheet">
<link href="static/css/owl.carousel.css" rel="stylesheet">
<link href="static/css/widget.css" rel="stylesheet">
<!-- <link href="static/css/rtl.css" rel="stylesheet"> -->
<link href="static/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="static/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">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="contact">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">
<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>
197 Spadina Avenue<br/>
Suite 500<br/>
Toronto, Ontario<br/>
Canada
</p>
</li>
<li>
<i class="icon-phone8"></i>
<span>Phones</span>
<p>416-258-2422</p>
</li>
<li>
<i class="icon-envelope5"></i>
<span>Email Address</span><p><a href="mailto:info@jpscontracting.ca">info@jpscontracting.ca</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="static/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="static/extra-images/thumblist-img1.jpg">
</li>
<li>
<img src="static/extra-images/thumblist-img2.jpg">
</li>
<li>
<img src="static/extra-images/thumblist-img3.jpg">
</li>
</ul>
</div>
<div class="lightbox col-md-12">
<p class="px-textborder">At JPs contracting, we want to make your project a success. From the small one-off jobs, to large project plans, we will give you the confidence to improve and grow like you've always wanted to!</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 = ''; }" value="" 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">
</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 -->
<!-- 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="static/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 &amp; 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>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-27693393-3', 'auto');
ga('send', 'pageview');
</script>
<!-- Footer -->
<!-- Footer -->
</div>
<!-- Wrapper -->
</body>
</html>