jpscontracting/templates/whatwedo.html

486 lines
22 KiB
HTML
Raw Normal View History

{% 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>What We Do</h1>
<span>Building isn't our only game.</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>Design-Build</h3>
</div>
<p class="px-textborder" style="margin:0 0 30px;">
Design-build "Is a project delivery system used in the construction industry. It is a method to deliver a project in which the design and construction services are contracted by a single entity. Designbuild relies on a single point of responsibility contract and is used to minimize risks for the project owner and to reduce the delivery schedule by overlapping the design phase and construction phase of a project. "DB with its single point responsibility carries the clearest contractual remedies for the clients because the DB contractor will be responsible for all of the work on the project, regardless of the nature of the fault".
</p>
<p style="margin:0;">
We first do a full site measure using advanced tools, software and technology to accurately and efficiently construct a 3D model.
The client will then be shown 3D renderings of the project to ensure the design is exactly what they wanted. </p>
<p style="margin:0;">In a situation where the design isnt 100% perfect, changes are then made to the design until satisfied.
Once design is finalized, this model is then used to determine a budget and to generate architectural drawings in order to obtain any required permits for the project.
The drawings also assist trades in executing and adhering to the exact design.</p>
</div>
</div>
<div class="element-size-50">
<div class=" lightbox col-md-12">
<p style="margin:0 0 30px; padding:42px 0 0;"> With the design finalized, we begin the journey, starting with elaborate project management schedules, execution deadlines and trade coordination. With all the hard part completed we then bring homeowners dream to reality using this planning to keep us on schedule and running smoothly from start to finish.</p>
<!-- <div class="px-author-sec">
<h6>John Paul Sacco</h6>
<span>Chief Construction Officer</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>
</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>
</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' %}