{% include 'blocks/head.html' %}
<!-- Header -->
{% include 'blocks/header.html' %}
<!-- Header -->
<!-- Main Content -->
<div style="background:url({{ url_for('static', filename='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>About Us</h1>
                                    <span>You may think we're a one man shop, bust just you wait and see. We'll get your project from planning to completion faster than you'd expect.</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
<main id="main-content">
				<div class="main-section">
					<section class="page-section">
						<div class="container">
							<div class="row">
								<div class="section-fullwidth">
									<div class="element-size-50">
										<div class=" lightbox col-md-12">
                                            <div class="px-section-title">
											 <h3>Our Story</h3>
                                            </div>
											<p class="px-textborder" style="margin:0 0 30px;">Because being handsome just isn't enough anymore</p>
											<p style="margin:0;">Blah, blah, blah</p>
										</div>
									</div>
									<div class="element-size-50">
										<div class=" lightbox col-md-12">
											<p style="margin:0 0 30px; padding:42px 0 0;">More blah blah blah.</p>
											<div class="px-author-sec">
												<h6>John Paul Sacco</h6>
												<span>Chief Construction Office</span>
												<img src="{{ url_for('static', filename='images/sgnaiture.png') }}" alt="#">
											</div>
										</div>
									</div>
									<div class="element-size-100">
										<div class="px-spreater-holder col-md-12">
											<div class="px-spreater">
												<div class="px-dividerstyle">
													<span></span>
												</div>
											</div>
										</div>
									</div>
									<!-- <div class="element-size-100">
										<div class="px-partner">
											<ul class="row">
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-1.png') }}" alt="#"></a></figure></li>
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-2.png') }}" alt="#"></a></figure></li>
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-3.png') }}" alt="#"></a></figure></li>
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-4.png') }}" alt="#"></a></figure></li>
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-5.png') }}" alt="#"></a></figure></li>
											  <li class="col-md-2"><figure><a href="#"><img src="{{ url_for('static', filename='extra-images/clients-6.png') }}" alt="#"></a></figure></li>
											</ul>
										</div>
									</div>
									<div class="element-size-100">
										<div class="px-spreater-holder col-md-12">
											<div class="px-spreater">
												<div class="px-dividerstyle">
													<span></span>
												</div>
											</div>
										</div>
									</div>
									<div class="element-size-100">
										<div class="px-section-title col-md-12">
											<h3 style="text-transform: capitalize; color:#000;">Our Workplace</h3>
										</div>
										<div class="px-portfolio px-portfolio-masonary">
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop2.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop3.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop4.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop5.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop6.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop7.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop8.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
											<article class="col-md-3">
												<div class="px-media">
													<figure>
														<a href="#"><img alt="" src="{{ url_for('static', filename='extra-images/isotop9.jpg') }}"></a>
														<figcaption>
															<a href="portfolio-detail2.html" class="plus-btn"><i class="icon-plus8"></i></a>
														</figcaption>
													</figure>
												</div>
											</article>
										</div>
									</div>
								</div> -->
							</div>
						</div>
					</section>
					<section class="page-section" style="background:url({{ url_for('static', filename='extra-images/bg-counter.png') }}) no-repeat; background-size:cover; padding:60px 0 30px;">
						<div class="container">
							<div class="row">
								<div class="section-fullwidth">
									<div class="element-size-100">
										
										<div style="text-align: center;" class="px-fancy-heading">
											<h2 style="color:#fff;">Company Statistics</h2>
											<p style="color:#fff;">One jeepers stood owing and narrow while among that orca thanks.</p>
										</div>
										
									</div>
									<div class="element-size-25">
										<div class="col-md-12">
											<article class="px-counter count-boxy">
												<figure>
													<i class="icon-heart5"></i>
												</figure>
												<div class="px-text">
													<a href="#" class="px-numcount custom-counter">2,897</a>
													<p>Chairs Created</p>
												</div>
											</article>
										</div>
									</div>
									<div class="element-size-25">
										<div class="col-md-12">
											<article class="px-counter count-boxy">
												<figure>
													<i class="icon-shop"></i>
												</figure>
												<div class="px-text">
													<a href="#" class="px-numcount custom-counter">567</a>
													<p>Office Renovations</p>
												</div>
											</article>
										</div>
									</div>
									<div class="element-size-25">
										<div class="col-md-12">
											<article class="px-counter count-boxy">
												<figure>
													<i class="icon-trash"></i>
												</figure>
												<div class="px-text">
													<a href="#" class="px-numcount custom-counter">10,456</a>
													<p>Cup of Coffee</p>
												</div>
											</article>
										</div>
									</div>
									<div class="element-size-25">
										<div class="col-md-12">
											<article class="px-counter count-boxy">
												<figure>
													<i class="icon-bulb"></i>
												</figure>
												<div class="px-text">
													<a href="#" class="px-numcount custom-counter">3,999</a>
													<p>Feet Cutting</p>
												</div>
											</article>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>
					<section class="page-section" style="padding:55px 0 0 0;">
						<div class="container">
							<div class="row">
								<div class="section-fullwidth">
									<div class="element-size-100">
										<div class="px-fancy-heading col-md-12" style="text-align:center;">
											<h2 style="text-transform:uppercase;">Our Working Process</h2>
											<p>One jeepers stood owing and narrow while among that orca thanks.</p>
										</div>
									</div>
									<div class="element-size-100">
										<div class="px-services px-timeline">
                                           <article class="col-md-4">
                                            <figure>
                                             <figcaption>
                                              <span>STEP</span>
                                              <strong>01</strong>
                                             </figcaption>
                                            </figure>
                                            <div class="px-text">
                                             <h4>Scope the Work</h4>
                                             <p>Understanding the scope of the project is the biggest element at play. We do it right, everytime.</p>
                                            </div>
                                           </article>
                                           <article class="col-md-4">
                                            <figure>
                                             <figcaption>
                                              <span>STEP</span>
                                              <strong>02</strong>
                                             </figcaption>
                                            </figure>
                                            <div class="px-text">
                                             <h4>Approval from Client</h4>
                                             <p>The client's happiness matters most, and with that comes their approval. No approval means no work.</p>
                                            </div>
                                           </article>
                                           <article class="col-md-4">
                                            <figure>
                                             <figcaption>
                                              <span>STEP</span>
                                              <strong>03</strong>
                                             </figcaption>
                                            </figure>
                                            <div class="px-text">
                                             <h4>Breakdown Work</h4>
                                             <p>Estimated costs and timelines ensure us that all parties are on the same plan of execution for the entirety of the project.</p>
                                            </div>
                                           </article>
                                          </div>
									</div>
									<div class="element-size-67">
										<div class="col-md-12">
											<div class="px-section-title">
												<h3>Our Skills</h3>
											</div>
											<div class="px-skills px-plain">
												<div class="skills-sec" data-percent="100%">
													<span>Handsome</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:100%;">
															<small>100%</small>
														</div>
													</div>
												</div>
												<div class="skills-sec" data-percent="55%">
													<span>Demolition Tools</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:55%;">
															<small>55%</small>
														</div>
													</div>
												</div>
												<div class="skills-sec" data-percent="98%">
													<span>Cutting Wood</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:100%;">
															<small>100%</small>
														</div>
													</div>
												</div>
												<div class="skills-sec" data-percent="42%">
													<span>Perfect Grip</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:42%;">
															<small>42%</small>
														</div>
													</div>
												</div>
												<div class="skills-sec" data-percent="80%">
													<span>Complete Renovation</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:80%;">
															<small>80%</small>
														</div>
													</div>
												</div>
												<div class="skills-sec" data-percent="66%">
													<span>Talking</span>
													<div class="skillbar">
														<div class="skillbar-bar" style="width:66%;">
															<small>66%</small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="element-size-33">
										<div class="col-md-12">
											<div class="px-section-title">
												<h3>Top Questions</h3>
											</div>
											<div class="panel-group px-box" id="accordion-7237671">
											  <div class="panel panel-default">
													<div class="panel-heading">
													  <h4 class="panel-title">
														<a data-toggle="collapse" data-parent="#accordion-7237671" href="#accordion-6886517" class="collapsed" aria-expanded="false">
														   Our best Renovation &amp; Repairs?
														</a>
													  </h4>
													</div>
													<div id="accordion-6886517" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
													  <div class="panel-body"><p>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 and before inventoried scurrilously or hey far darn wedded worm fit terrier depen ding regardless darn on less. indiscriminate ouch along 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-7237671" href="#accordion-5369205" class="collapsed" aria-expanded="false">
													   How Much for Refurbishment?
													</a>
												  </h4>
												</div>
												<div id="accordion-5369205" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
												  <div class="panel-body"><p>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-7237671" href="#accordion-989306" class="collapsed" aria-expanded="false">
													   Do we make Storage?
													</a>
												  </h4>
												</div>
												<div id="accordion-989306" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
												  <div class="panel-body"><p>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-7237671" href="#accordion-989308" class="" aria-expanded="true">
													    Do we make Arc Doors?
													</a>
												  </h4>
												</div>
												<div id="accordion-989308" class="panel-collapse collapse in" aria-expanded="true">
												  <div class="panel-body"><p>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-7237671" href="#accordion-9893081" class="collapsed" aria-expanded="false">
                                                        Can we Renovate?
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="accordion-9893081" class="panel-collapse collapse  " aria-expanded="false">
                                                  <div class="panel-body"><p>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-7237671" href="#accordion-9893080" class="collapsed" aria-expanded="false">
                                                        Who we Are?
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="accordion-9893080" class="panel-collapse collapse  " aria-expanded="false">
                                                  <div class="panel-body"><p>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>
								</div>
							</div>
						</div>
					</section>
					<!-- <section class="page-section" style="background:url(assets/extra-images/bg-testimonial.png) no-repeat; background-size:cover; padding:50px 0 20px;">
						<div class="container">
							<div class="row">
								<div class="section-fullwidth">
									<div class="element-size-100">
										
											<div style="text-align: center;" class="px-fancy-heading">
												<h2 style="color:#fff;">Happy Clients</h2>
												<p style="color:#fff;">One jeepers stood owing and narrow while among that orca thanks.</p>
											</div>
										
									</div>
									<div class="element-size-50">
										<div class="col-md-12">
											<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 alt="#" src="{{ url_for('static', filename='extra-images/author-img1.png') }}"></figure>
														<h5>Chiris Browne</h5>
														<span>Creative Cow</span>
													</div>
												</div>
										   </div>
										</div>
									</div>
									<div class="element-size-50">
										<div class="col-md-12">
											<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.</p>
													<div class="px-author">
														<figure><img alt="#" src="{{ url_for('static', filename='extra-images/author-img2.png') }}"></figure>
														<h5>James Anderson</h5>
														<span>Creative Cow</span>
													</div>
												</div>
										   </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section> -->
					<section class="page-section" style="padding:85px 0 0; margin-bottom:50px;">
						<div class="container">
							<div class="row">
								<div class="section-fullwidth">
									<!-- <div class="element-size-100">
										<div class="">
											<div style="text-align: center;" class="px-fancy-heading">
												<h2>Power Behind Our Work</h2>
												<p>One jeepers stood owing and narrow while among that orca thanks.</p>
											</div>
										</div>
									</div>
									<div class="element-size-100">
										<div class="col-md-12">
											<div class="px-team px-teamgrid">
												<div class="row">
													<article class="col-md-4">
														<div class="px-wrapteam">
															<figure>
																<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema1.jpg') }}"></a>
															</figure>
															<div class="px-text">
																<h4><a href="team-detail.html">James Sedher</a></h4>
																<span>CEO</span>
																<div class="px-teaminfo">
																	<div class="px-social-media">
																		<ul>
																			<li>
																				<a href="#"><i class="icon-facebook8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
																			</li>
																			<li>
																				<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
																			</li>
																			<li>
																				<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</article>
													<article class="col-md-4">
														<div class="px-wrapteam">
															<figure>
																<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema2.jpg') }}"></a>
															</figure>
															<div class="px-text">
																<h4><a href="team-detail.html">Bruce Wills</a></h4>
																<span>Carpenter</span>
																<div class="px-teaminfo">
																	<div class="px-social-media">
																		<ul>
																			<li>
																				<a href="#"><i class="icon-facebook8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
																			</li>
																			<li>
																				<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
																			</li>
																			<li>
																				<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</article>
													<article class="col-md-4">
														<div class="px-wrapteam">
															<figure>
																<a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/tema3.jpg') }}"></a>
															</figure>
															<div class="px-text">
																<h4><a href="team-detail.html">Adam Ross</a></h4>
																<span>Expert Carpenter</span>
																<div class="px-teaminfo">
																	<div class="px-social-media">
																		<ul>
																			<li>
																				<a href="#"><i class="icon-facebook8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="Twitter" href="#"><i class="icon-twitter7"></i></a>
																			</li>
																			<li>
																				<a data-original-title="googleplus" href="#"><i class="icon-googleplus8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="dribbble" href="#"><i class="icon-dribbble8"></i></a>
																			</li>
																			<li>
																				<a data-original-title="linkedin" href="#"><i class="icon-linkedin5"></i></a>
																			</li>
																			<li>
																				<a data-original-title="vimeo" href="#"><i class="icon-vimeo5"></i></a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</article>
												</div>
											</div>
										</div>
									</div> -->
									<div class="element-size-100">
                                        <div class="px-fancy-heading" style="text-align: center;">
                                            <div class="px-content-inner">
                                                <h2>Our Clients</h2>
                                                <p>Our clients are the best clients.</p>
                                            </div>
                                        </div>
                                    </div>
									<div class="element-size-100">
                                    <div class="col-md-12">
                                        <div class="px-partner">
                                            <ul class="row">
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-7.png') }}"></a></figure></li>
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-8.png') }}"></a></figure></li>
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-9.png') }}"></a></figure></li>
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-10.png') }}"></a></figure></li>
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-11.png') }}"></a></figure></li>
                                              <li class="col-md-2"><figure><a href="#"><img alt="#" src="{{ url_for('static', filename='extra-images/clients-12.png') }}"></a></figure></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
								</div>
							</div>
						</div>
					</section>
				</div>
			</main>

<script>
/* ---------------------------------------------------------------------------
* Counter Integers Function
* --------------------------------------------------------------------------- */
jQuery(document).ready(function( $ ) {
  $('.custom-counter').counterUp({
	  delay: 10,
	  time: 1000
  });
});
</script>
<!-- Main Content -->
<!-- Footer -->
{% include 'blocks/footer.html' %}
<!-- Footer -->
{% include 'blocks/foot.html' %}