jpscontracting/templates/contactus.html

{% 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>
									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="{{ url_for('static', filename='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="{{ url_for('static', filename='extra-images/thumblist-img1.jpg') }}">
					  </li>
					  <li>
						<img src="{{ url_for('static', filename='extra-images/thumblist-img2.jpg') }}">
					  </li>
					  <li>
						<img src="{{ url_for('static', filename='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 -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
{% include 'blocks/foot.html' %}