CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Construction Industry | Bizango Website and Marketing | Seattle</title> <meta name="description" lang="en-us" content="Bizango specializes in construction company website design and online marketing services for architecture firms and home builders. Learn more about our services." /> <link rel="canon_test" href="https://bizango.com/construction-website-design/services"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes">  <script src="/javascripts/jquery-1.11.0.min.js?1391410894" type="text/javascript"></script> <script src="/javascripts/jquery.simplemodal.1.4.4.min.js?1387826925" type="text/javascript"></script> <script src="/javascripts/jquery-ui-1.10.3.custom.min.js?1388181381" type="text/javascript"></script> <script src="/javascripts/lazyload+io-polyfill.min.js?1594423719" type="text/javascript"></script> <script type="text/javascript"> /* patch added 9/18/2018 by scott * fix issue of link editing when ckeditor is opened in lightbox mode * https://bizango.teamwork.com/#/tasks/11559149 */ $.widget( "ui.dialog", $.ui.dialog, { /*! jQuery UI - v1.10.2 - 2013-12-12 * http://bugs.jqueryui.com/ticket/9087#comment:27 - bugfix * http://bugs.jqueryui.com/ticket/4727#comment:23 - bugfix * allowInteraction fix to accommodate windowed editors */ _allowInteraction: function( event ) { if ( this._super( event ) ) { return true; } // address interaction issues with general iframes with the dialog if ( event.target.ownerDocument != this.document[ 0 ] ) { return true; } // address interaction issues with dialog window if ( $( event.target ).closest( ".cke_dialog" ).length ) { return true; } // address interaction issues with iframe based drop downs in IE if ( $( event.target ).closest( ".cke" ).length ) { return true; } }, /*! jQuery UI - v1.10.2 - 2013-10-28 * http://dev.ckeditor.com/ticket/10269 - bugfix * moveToTop fix to accommodate windowed editors */ _moveToTop: function ( event, silent ) { if ( !event || !this.options.modal ) { this._super( event, silent ); } } }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TPTKPMC');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-J87636M4ZJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J87636M4ZJ'); </script> <script src="https://cdn.pagesense.io/js/bizango/4db9767ffa744421bd92760383d476e3.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1061205070"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1061205070'); </script> <link type="text/css" rel="stylesheet" media="screen" href="//fast.fonts.net/cssapi/bf1c5f15-4f7f-4590-b023-7e099b14812f.css"/> <link rel="stylesheet" media="screen" href="https://use.typekit.net/lgc4vxv.css"> <link rel="icon" type="image/png" href="/images/sites/bz8/favicon.png"> <script src="/javascripts/jquery.scrollTonew.min.js" defer></script> <script defer="defer" src="/javascripts/bizangotrack.js?1421308625" type="text/javascript"></script> <style> :root { --sp1: 0.5rem; --sp2: 1rem; --sp3: 2rem; --sp4: 4rem; } @font-face { font-family: "bizango-icons"; src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot"); src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot") format("embedded-opentype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.ttf") format("truetype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.woff") format("woff"), url("/stylesheets/blocks/fonts/bizango_cke_icons.svg") format("svg"); font-weight: normal; font-style: normal; } .bizango-icon { content: " "; font-family: "bizango-icons"; font-weight: 400; line-height: 1em; vertical-align: baseline; word-wrap: anywhere; } </style> <style data-theme-styles>@import url("https://fonts.googleapis.com/css?family=Montserrat:300,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); body { --theme-page-background: white; --theme-contrast-background: white; --theme-primary: #dfc457; --theme-secondary: #abc154; --theme-tertiary: #f22e69; --theme-quaternary: #80b0c4; --theme-black: #000; --theme-white: #FFF; --theme-text-color: white; --theme-link-color: #464646; --theme-link-hover-color: #464646; --theme-header-background: rgba(255, 255, 255, 0); --theme-nav-background: rgba(255, 255, 255, 0); --theme-nav-background-hover: rgba(255, 255, 255, 0); --theme-nav-link-color: white; --theme-nav-link-color-hover: white; --theme-flair-color: rgba(255, 255, 255, 0); --theme-padding-basis: 16px; --theme-button-padding: 18px 18px; --theme-button-color: #464646; --theme-button-radius: 15px; --theme-button-color-hover: #00eeff; --theme-button-border-width: 1px; --theme-font-size: 16px; --theme-footer-background: #313131; --theme-deep-footer-background: black; --theme-logo-width: 200px; --theme-logo-height: 60px; --theme-nav-font-size: 11px; --theme-contrast-color: #000; --theme-content: "100% 100%"; --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section p, .public-section .p-style, .public-section li, .public-section figcaption { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section h6, .public-section .h6-style, .public-section h5, .public-section .h5-style, .public-section h4, .public-section .h4-style, .public-section h3, .public-section .h3-style, .public-section h2, .public-section .h2-style, .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } @media only screen and (max-width: 767px) { .header__nav .header__nav-wrapper { --theme-contrast-background: gray; } } .header .subnav { --theme-contrast-color: #000; } .nav li { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: normal; --theme-text-transform: uppercase; --theme-letter-spacing: 0.1em; } .logo { --theme-font-family: 'Montserrat',sans-serif; } .footer a { --theme-contrast-color: white; } .footer .nav a:after { --theme-contrast-color: white; } .deep-footer__content, .deep-footer #bizango { --theme-contrast-color: white; } .block_container .swatch__black, .block_container .background-color__black { --theme-contrast-color: white; } .block_container .swatch__white, .block_container .background-color__white { --theme-contrast-color: #000; } .block_container .swatch__primary, .block_container .background-color__primary, .background-color__primary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__secondary, .block_container .background-color__secondary, .background-color__secondary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__tertiary, .block_container .background-color__tertiary, .background-color__tertiary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__quaternary, .block_container .background-color__quaternary, .background-color__quaternary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .background-color__black .button { --theme-contrast-color: #FFF; } .background-color__black .button:hover, .background-color__black .button:focus { --theme-contrast-color: #FFF; } .background-color__white .button { --theme-contrast-color: #464646; } .background-color__white .button:hover, .background-color__white .button:focus { --theme-contrast-color: #000; } .background-color__primary .button { --theme-contrast-color: #464646; } .background-color__primary .button:hover, .background-color__primary .button:focus { --theme-contrast-color: #000; } .background-color__secondary .button { --theme-contrast-color: #464646; } .background-color__secondary .button:hover, .background-color__secondary .button:focus { --theme-contrast-color: #000; } .background-color__tertiary .button { --theme-contrast-color: #464646; } .background-color__tertiary .button:hover, .background-color__tertiary .button:focus { --theme-contrast-color: #000; } .background-color__quaternary .button { --theme-contrast-color: #464646; } .background-color__quaternary .button:hover, .background-color__quaternary .button:focus { --theme-contrast-color: #000; } @media only screen and (max-width: 767px) { .block_container .mobile-background-color__black { --theme-contrast-color: white; } .block_container .mobile-background-color__white { --theme-contrast-color: #000; } .block_container .mobile-background-color__primary { --theme-contrast-color: #000; } .block_container .mobile-background-color__secondary { --theme-contrast-color: #000; } .block_container .mobile-background-color__tertiary { --theme-contrast-color: #000; } .block_container .mobile-background-color__quaternary { --theme-contrast-color: #000; } } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 { --theme-contrast-color: white; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 { --theme-contrast-color: white; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 { --theme-contrast-color: white; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__boxes.background-color_white .box, .block_type__boxes.background-color__white .admin-frame .box, .block_type__boxes.block.hover-background-color__white .box:hover, .block_type__boxes.block.hover-background-color__white .box:focus-within, .block_type__boxes.hover-background-color__white .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__black .box, .block_type__boxes.background-color__black .admin-frame .box, .block_type__boxes.block.hover-background-color__black .box:hover, .block_type__boxes.block.hover-background-color__black .box:focus-within, .block_type__boxes.hover-background-color__black .admin-frame .hover-box.box { --theme-contrast-color: white; } .block_type__boxes.background-color__primary .box, .block_type__boxes.background-color__primary .admin-frame .box, .block_type__boxes.block.hover-background-color__primary .box:hover, .block_type__boxes.block.hover-background-color__primary .box:focus-within, .block_type__boxes.hover-background-color__primary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__secondary .box, .block_type__boxes.background-color__secondary .admin-frame .box, .block_type__boxes.block.hover-background-color__secondary .box:hover, .block_type__boxes.block.hover-background-color__secondary .box:focus-within, .block_type__boxes.hover-background-color__secondary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__tertiary .box, .block_type__boxes.background-color__tertiary .admin-frame .box, .block_type__boxes.block.hover-background-color__tertiary .box:hover, .block_type__boxes.block.hover-background-color__tertiary .box:focus-within, .block_type__boxes.hover-background-color__tertiary .admin-frame .hover-box, .block_type__boxes.hover-background-color__tertiary .box.admin-box { --theme-contrast-color: #000; } .block_type__boxes.background-color__quaternary .box, .block_type__boxes.background-color__quaternary .admin-frame .box, .block_type__boxes.block.hover-background-color__quaternary .box:hover, .block_type__boxes.block.hover-background-color__quaternary .box:focus-within, .block_type__boxes.hover-background-color__quaternary .admin-frame .hover-box { --theme-contrast-color: #000; } .block_type__faqs .windowshade-button-text { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; --theme-font-weight: 400; } .block_type__faqs.button-background-color__white .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__black .windowshade-button { --theme-contrast-color: white; } .block_type__faqs.button-background-color__primary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__secondary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__tertiary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__quaternary .windowshade-button { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__white .grid-item, .block_type__subpage-overlay.hover-background-color__white .grid-item:hover, .block_type__subpage-overlay.hover-background-color__white .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__black .grid-item, .block_type__subpage-overlay.hover-background-color__black .grid-item:hover, .block_type__subpage-overlay.hover-background-color__black .grid-item:focus-within { --theme-contrast-color: white; } .block_type__subpage-overlay.initial-background-color__primary .grid-item, .block_type__subpage-overlay.hover-background-color__primary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__primary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__secondary .grid-item, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__tertiary .grid-item, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__quaternary .grid-item, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__book-excerpt .container--excerpt { --theme-contrast-color: #000; } .button { --theme-contrast-color: white; } </style> <link rel="stylesheet" href="https://use.typekit.net/zyw6xwo.css"> <script defer="defer" src="/javascripts/blocks/focus-visible.js?1640887281" type="text/javascript"></script> <link href="/stylesheets/blocks/helpers.css?1674222025" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/foundation-grid.css?1702938880" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults.css?1727801680" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults-flex.css?1621957245" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/base-icons.css?1623182439" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/variables-theming.css?1705683664" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/site.css?1731357938" media="screen" rel="stylesheet" type="text/css" /> <script src="/javascripts/bz1/lenis.min.js?1703279130" type="text/javascript"></script> <script src="/javascripts/bz1/gsap.min.js?1703254597" type="text/javascript"></script> <script src="/javascripts/bz1/ScrollTrigger.min.js?1703254597" type="text/javascript"></script> <script> // jQuery(document).ready(function(){ // Lenis is necessary for smooth scroll with free gsap gsap.registerPlugin(ScrollTrigger); const lenis = new Lenis(); lenis.on('scroll', ScrollTrigger.update); gsap.ticker.add((time)=>{ lenis.raf(time * 1000); }) gsap.ticker.lagSmoothing(0); // }) </script> </head> <body id="body_construction-services" class=" body_nothome theme--variables button-style--ghost button-variants--bold--false button-variants--caps--false button-variants--spaced--false button-variants--rounded--false logo-variants--hide-logo--false logo-variants--extend-logo--false nav-style--shorthorizontal nav-style-variants--separators--false public " > <div><a class="skip-to-link screen-reader-text" href="#main-content">Skip navigation</a></div> <div class="public-section"> <header class="header"> <div class="page_frame group"> <div class="header__frame"> <div class="logo header__logo"> <a href="/"><img src="https://s3.amazonaws.com/hoth.bizango/images/1165086/logo_bizango-white_home.png" ></a> </div> <div class="header__nav"> <div class="header__nav-wrapper"> <button class="hamburger hamburger--spin header__mobile-nav-toggle" data-toggle-show=".header__nav-wrapper" aria-expanded="false"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <ul role="menu" id="Header_nav" aria-label="Header navigation" class="nav nav--primary"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  <ul role="menu" aria-label="Services sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  <ul role="menu" aria-label="Company sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="" class="nav__a" href="#" >Industries</a>  <ul role="menu" aria-label="Industries sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> <script> $(document).ready(function(){ // Default line color var lineColorClass = 'line-link--blue'; const colorObj = { // 'background-color__transparent': 'line-link--blue', // 'background-color__white': 'line-link--blue', 'background-color__black': 'line-link--white', 'background-color__primary': 'line-link--white', // 'background-color__secondary': 'line-link--blue', 'background-color__tertiary': 'line-link--gold', 'background-color__quaternary': 'line-link--pink', 'background-color__quinary': 'line-link--gold' } const firstBlockBGColorArr = $('[data-sortable] .block_container:first-child .block').attr('class').match(/background-color__\w+/) || false; if (firstBlockBGColorArr && 'page' != 'blog4') { const firstBlockBGColor = firstBlockBGColorArr[0]; if (colorObj.hasOwnProperty(firstBlockBGColor)) { lineColorClass = colorObj[firstBlockBGColor]; } } $('.header__nav-wrapper > ul.nav > li:last-child > a').addClass(`line-link ${lineColorClass}`); }) </script> <div id="mobile_nav" class="header__mobile-nav-wrapper"> <ul role="menu" id="mobile-nav-menu" class="nav nav--mobile " aria-label="primary mobile navigation"> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_services_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/services" >Services <div role="button" aria-label="toggles Services sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_portfolio_mobile" class=" nav__a nav__a--mobile" href="/gallery" >Portfolio </a>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_company_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/seattle-web-design-company" >Company <div role="button" aria-label="toggles Company sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="#" >Industries <div role="button" aria-label="toggles Industries sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_contact_mobile" class=" nav__a nav__a--mobile" href="/contact" >Let's Begin </a>  </li> </ul> </div> </div> </div> </div> </div> </header> <main id="main-content" tabindex="-1"> <div data-sortable="285573"> <div class="block_container " data-content-id="288062"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288062" class="block block_id-288062 basic site-hero site-block block_type__basic-hero background-color__quinary padding-bottom__offset padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap align-middle align-spaced display-flex flex-wrap"> <div class="col-1 "> <div class="element__text element-0 basic-hero__title subtle-h1"> <h1 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_288062_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"288062", "label":"", "tag":"h1"}' ></h1 > </div> <div class="element__text element-1 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288062_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288062", "label":"" , "tag":"div"}' > <h2>Custom Builders. Remodelers. General Contractors.</h2> </div> </div> </div> <div class="col-2 "> <div class="element__text element-0 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_288062_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"288062", "label":"" , "tag":"div"}' > <h4>Does your website help you win the job? Ours do.</h4> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="301105"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="301105" class="block block_id-301105 block_type__1-column padding-bottom__none padding-top__none"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1257802/mockup-construction_feature.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1257802/mockup-construction_feature.png" alt=""> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301105_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301105", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285660"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285660" class="block block_id-285660 columns--2 site-block block_type__2-column-bigright padding-bottom__normal padding-top__normal mobile-order-reverse__false mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285660_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285660", "label":"" , "tag":"div"}' > <p class="h3-style"><strong>Profitable. Sophisticated. The projects that build your reputation.</strong></p> </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285660_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285660", "label":"" , "tag":"div"}' > <h4>These are the jobs you want. This is how our clients get them.</h4> <p><strong>A powerful website grabs attention</strong>, showcases your company’s culture, and inspires the right customers to take action.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285662"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285662" class="block block_id-285662 columns--2 site-block block_type__2-column-bigleft background-color__quinary align-columns__middle padding-bottom__more padding-top__more mobile-order-reverse__false mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 ">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1257809/biz-construction1_home.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1257809/biz-construction1_home.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.500938;"/> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285662_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285662", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285662_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285662", "label":"" , "tag":"div"}' > <h2><strong>Look Amazing</strong></h2> <p>You’ve built a heck of a company. You have a great team. Your competitors envy you. You’ve earned your reputation.</p> <p>Now the decision-maker on that big project – the one you really want to build – is checking you out.</p> <p>You have 3 seconds to make a great first impression online. To create awe. To showcase your culture and seal the deal. Is your website up to the job?</p> <p style="text-align: right;"><a class="line-link line-link--lblue" href="/content-strategy">Learn More About Content Strategy</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285663"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285663" class="block block_id-285663 columns--2 site-block block_type__2-column-bigright background-color__quinary align-columns__middle padding-bottom__more padding-top__more mobile-order-reverse__true mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285663_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285663", "label":"" , "tag":"div"}' > <h2 class="h2-style"><strong><span class="no-spaced-text">Stand Out From the Crowd</span></strong></h2> <p>So you look good online – but you’ve started to realize something:</p> <p>Your competitors haven’t been standing still.</p> <p>When the decision-maker on that big project checks out your company's website, they need to <strong>immediately grasp what makes you the best.</strong> Is it clear? Is it visual?</p> <p><strong>Is it <em>blink-of-an-eye</em> obvious on your homepage?</strong></p> <p>An effective website showcases your core strengths right up front. Inarguable, market-dominating strengths. Let’s define them and stake them out.</p> <p><a class="line-link line-link--green" href="business-marketing">View Our Marketing Services</a></p> </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 ">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1257872/biz-construction2_home.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1257872/biz-construction2_home.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.500938;"/> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285663_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285663", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285664"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285664" class="block block_id-285664 columns--2 site-block block_type__2-column-bigleft background-color__quinary align-columns__middle padding-bottom__more padding-top__more mobile-order-reverse__false mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 ">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1257879/biz-construction3_home.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1257879/biz-construction3_home.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.500938;"/> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285664_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285664", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285664_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285664", "label":"" , "tag":"div"}' > <h2><strong>Dominate</strong></h2> <p>How do you want people to look at you?</p> <p><strong>When you look like the best, you attract the best.</strong> A powerful website lifts your brand into the stratosphere and shines on it with the blazing light of the sun.</p> <p>Grab attention. Make them notice you. Because you know your company is the best. Your team knows it. But your online presence will be the first place most people ever interact with you.</p> <p>It’s time to show the world what you can do.</p> <p style="text-align: right;"><a class="line-link line-link--pink" href="http://bz1.bizangonet.com/contact">Let's talk</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="301106"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="301106" class="block block_id-301106 site-block block_type__featured-2-column-list padding-bottom__normal padding-top__more"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 display-flex flex-wrap"> <div class="element__text element-0 featured-2-col__feature-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301106_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301106", "label":"" , "tag":"div"}' > <p> </p> <h2>Our High-Performing Construction Websites Include:</h2> </div> </div> <div class="element__child_content element-1 featured-2-col__list-container"> <div class="element__group element-0 align-spaced display-flex flex-wrap featured-2-col__list-row"> <div class="element__text element-0 featured-2-col__row-col"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301108_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301108", "label":"" , "tag":"div"}' > <h4>Gorgeous Portfolio Pages</h4> <p>Easily add photos and projects to your portfolio. Create galleries and targeting the specific buyers you want to reach.</p> </div> </div> <div class="element__text element-1 featured-2-col__row-col"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_301108_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"301108", "label":"" , "tag":"div"}' > <h4>Drag and Drop Website Updates</h4> <p>Modern and flexible, powerful editing tools put you in the driver’s seat. Edit text and photos sitewide.</p> </div> </div> </div> <div class="element__group element-0 align-spaced display-flex flex-wrap featured-2-col__list-row"> <div class="element__text element-0 featured-2-col__row-col"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301107_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301107", "label":"" , "tag":"div"}' > <h4>Powerful Branded Options</h4> <p>Show off your company's strengths and differentiators in a visual way that people can grasp instantly.</p> </div> </div> <div class="element__text element-1 featured-2-col__row-col"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_301107_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"301107", "label":"" , "tag":"div"}' > <h4>Powerful SEO and Analytics</h4> <p>Live analytics provide real-time insights.  Powerful, data-driven SEO helps you target your ideal customer early in their decision process.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288063"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288063" class="block block_id-288063 site-block block_type__centered-c-t-a background-color__quaternary background-position__center background-image-opacity__full padding-bottom__normal padding-top__normal center-columns__yes flair__on shiny__true"> <div class="block__bg-img"></div> <div class="page_frame group"> <style> </style> <script defer="defer" src="/javascripts/blocks/parallax.min.js?1495829387" type="text/javascript"></script> <script> </script> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 centered-cta__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288063_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288063", "label":"" , "tag":"div"}' > <h3>Interested? Let's Talk</h3> <p style="text-align: right;"><a class="line-link line-link--blue" href="http://bz1.bizangonet.com/contact">contact us</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288064"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288064" class="block block_id-288064 site-block block_type__design-gallery padding-bottom__more padding-top__more post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288064_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288064", "label":"" , "tag":"div"}' > <h3 style="text-align: center;"><strong>Construction Industry Gallery</strong></h3> <p style="text-align: center;">Check out some of our recent work</p> </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158616/panel-jdb.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/jackson-design-build-branding-and-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/jackson-design-build-branding-and-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161318/panel-I5design.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/i5-design-build-contractor-webdesign" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/i5-design-build-contractor-webdesign" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158966/panel-fou.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/foushee-commercial-construction-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/foushee-commercial-construction-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288064_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288064", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288065"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288065" class="block block_id-288065 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288065_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288065", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156824/arc.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/arc-architects-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/arc-architects-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158973/panel-bs2.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="New Item" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271535/panel-rw-24.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/rw-anderson-construction" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/rw-anderson-construction" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288065_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288065", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288066"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288066" class="block block_id-288066 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288066_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288066", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161885/panel-harjo.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/harjo-construction-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/harjo-construction-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161878/panel-pennon.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/commercial-construction-company-web-designNew Item" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/commercial-construction-company-web-designNew Item" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288066_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288066", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288067"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288067" class="block block_id-288067 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288067_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288067", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156789/nuss.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/landscape-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/landscape-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158861/panel-vdv.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/vandervort-architects-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/vandervort-architects-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157342/panel-snb_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/sider-byers-engineering-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/sider-byers-engineering-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288067_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288067", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288081"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288081" class="block block_id-288081 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__true grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288081_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288081", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158987/panel-cer.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ceraclad-construction-b2b-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/ceraclad-construction-b2b-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158980/panel-saw.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/s-and-w-engineering-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/s-and-w-engineering-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161528/panel-pss.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/puget-sound-steel-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/puget-sound-steel-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288081_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288081", "label":"" , "tag":"div"}' > <p><a class="line-link line-link--blue" href="https://construction.bizango.com/">See Design Packages Starting at $2900</a></p> <p style="text-align: right;"><a class="line-link line-link--gold" href="http://bz1.mamacanto.bizangonet.com/gallery">VIEW OUR FULL PORTFOLIO</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288087"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288087" class="block block_id-288087 site-block block_type__centered-c-t-a background-color__secondary background-position__center background-image-opacity__full padding-bottom__normal padding-top__normal center-columns__yes flair__on shiny__true"> <div class="block__bg-img"></div> <div class="page_frame group"> <style> </style> <script defer="defer" src="/javascripts/blocks/parallax.min.js?1495829387" type="text/javascript"></script> <script> </script> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 centered-cta__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288087_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288087", "label":"" , "tag":"div"}' > <h5 class="h4-style">See our article:<br /> <strong><a href="/construction-website-design">Essential Elements of a Construction Company Homepage</a></strong></h5> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285678"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285678" class="block block_id-285678 block_type__1-column center-columns__yes constrain-content__yes padding-bottom__none padding-top__more"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285678_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285678", "label":"" , "tag":"div"}' > <h3><strong>Our Dialed-In Builder Web Design Process</strong></h3> <h4>We've been launching market-leading Construction websites for 17 years. Our mission? Make it easy for you. This is how we do it.</h4> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="301110"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="301110" class="block block_id-301110 gsap site-block block_type__content-slider padding-bottom__normal padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__content_slider_gsap element-0 content-slider__slider-container"> <div class="gsap-slider-wrapper"> <div class="content-slider gsap-slider"> <div class="gsap-slide" data-speed="0.75"> <img class="img-full" src='https://s3.amazonaws.com/hoth.bizango/images/1257592/biz-attorney-process1.jpg' alt=''> <div class="align-middle display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content "> <div class="line-link gsap-slide__index-container"> <span>1 / 4</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301114_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301114", "label":"" , "tag":"div"}' > <h2><strong>SEO + Data Research</strong></h2> <p>Every project begins with research: we study what your ideal prospect is typing into their search engine. This data shapes website development at every stage, from architecture to optimization.</p> <p>The result is that more clients land on your site, through multiple targeted front doors showcasing the types of cases you're actually looking for.</p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <img class="img-full" src='https://s3.amazonaws.com/hoth.bizango/images/1257599/biz-attorney-process2.jpg' alt=''> <div class="align-middle display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content "> <div class="line-link gsap-slide__index-container"> <span>2 / 4</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301113_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301113", "label":"" , "tag":"div"}' > <h2><strong>Onboarding + Kickoff</strong></h2> <p>Your project begins before kickoff as we gather information about you and your clients so we can hit the ground running at our creative kickoff.</p> <p>In the kickoff we have an in-depth and creative conversation about where you want to go as a firm. Who's your ideal client? In what areas would you like more cases? How can we design a site that appeals to the mindset of these people?</p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <img class="img-full" src='https://s3.amazonaws.com/hoth.bizango/images/1257606/biz-attorney-process3.jpg' alt=''> <div class="align-middle display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content "> <div class="line-link gsap-slide__index-container"> <span>3 / 4</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301112_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301112", "label":"" , "tag":"div"}' > <h2><strong>Collaborative Design</strong></h2> <p>After listening to your goals, learning about your firm and clients and competitors, our design team creates visual design and reviews it with you.</p> <p>We iterate every step of the way based on your feedback until you love it.</p> <p>Does this feel like you? Does it make your jaw drop? We won’t stop till we get to WOW.</p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <img class="img-full" src='https://s3.amazonaws.com/hoth.bizango/images/1257613/biz-attorney-process4.jpg' alt=''> <div class="align-middle display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content "> <div class="line-link gsap-slide__index-container"> <span>4 / 4</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301111_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301111", "label":"" , "tag":"div"}' > <h2><strong>Flexible Layouts</strong></h2> <p> </p> <p>After a punchlist process to ensure your site lives up to your standards, we launch to the public.</p> <p>Since your site is built using a flexible, drag-and-drop editing system, you're in the driver's seat. You can add new staff and partners, update your areas of practice, and move things around to keep everything fresh.</p> </div> </div> </div> </div> </div> <div class="gsap-slider__progress-bar-container progress-bar-container"> <div class="gsap-slider__progress-bar progress-bar"></div> <div class="progress-bar-bg progress-bar-bg"></div> </div> </div> <script> $(document).ready(function(){ const $BLOCK = $("#301110"); // Lenis is necessary for smooth scroll with free gsap // gsap.registerPlugin(ScrollTrigger); // const lenis = new Lenis(); // lenis.on('scroll', ScrollTrigger.update) // gsap.ticker.add((time)=>{ // lenis.raf(time * 1000) // }) // gsap.ticker.lagSmoothing(0) const portfolioContainer = $BLOCK.find(".content-slider__slider-container").get(); const portfolioWrapper = $BLOCK.find(".gsap-slider-wrapper").get(); const portfolioSingleProjects = $BLOCK.find(".gsap-slide").get(); portfolioSingleProjects.length && portfolioSingleProjects.forEach((proj) => { var prevProj = $(proj).prev(); var tl = gsap.timeline({ scrollTrigger: { pinnedContainer: "body", trigger: proj, force3D: !0, start: "top 75%", end: "top top", // onEnter: (x) => { // self.scrollTo(proj); // }, scrub: !0, id: "conceal" } }); tl.fromTo(prevProj, { scale: 1, opacity: 1 },{ scale: 0.8, opacity: 0 }); tl.fromTo(proj, { boxShadow: "0rem 0rem 0rem 0rem rgba(0,0,0,0)" }, { boxShadow: "0rem -4rem 10rem 0rem rgba(0,0,0,0.25)" }); }); const portfolioScrollContainer = $BLOCK.find(".gsap-slider__progress-bar-container"); const portfolioScroll = $BLOCK.find(".gsap-slider__progress-bar").get(); var scrollTL = gsap.timeline({ scrollTrigger: { trigger: portfolioWrapper, start: "top center", end: "bottom center", scrub: !0, id: "scrollable" } }); scrollTL.fromTo(portfolioScroll, { scaleY: 0, },{ scaleY: 1 }); }); </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285696"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285696" class="block block_id-285696 page_frame--1400 site-block story-block block_type__story-text background-color__quinary padding-bottom__more padding-top__more image-style__default image-height__default"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 story-text__images-col"> <div class="element__story_image element-0 story-text__images"> <div class="images-container" data-count="1">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1257781/biz-cms_home.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1257781/biz-cms_home.png" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 0.898750;"> </div> </div> </div> <div class="col-2 story-text__text-col"> <div class="element__group element-0 display-flex story-text__title-grp"> <div class="element__image element-0 story-text__title-icon"> </div> <div class="element__text element-1 story-text__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_285696_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"285696", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="element__text element-1 story-text__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285696_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285696", "label":"" , "tag":"div"}' > <h3 class="h3-style"><span class="no-spaced-text">What's your favorite tool?</span></h3> <h4 class="h4-style">Having the right tool for the job makes all the difference in the world. So does having the right editing tools for your website.</h4> <p><strong>Our clients use flexible, visual PeopleCMS – the editing platform made for everyday people.</strong></p> <p>Even if you aren’t a ‘tech’ person, the editing tools are easy to understand and a breeze to use.</p> <p>Once your site is built and ready for you, your design team will walk you though the editing tools and follow up with a written manual and video tutorials.</p> <p>You'll be amazed at how easy it is to update your website. And if you ever have any questions about your site or how to use the tools, we provide ongoing, <strong>US-based support</strong> so you always know who to call.</p> <p>If you are looking to break free from the hassle and expense of having to call your web guy every time you want to make an update to your site, look no further. Learn more about <a href="/content-management-system">PeopleCMS</a> and see it in action.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="301115"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="301115" class="block block_id-301115 content--narrow block--hero block--testimonial block_type__banner-quote background-color__quaternary background-position__center flair__off shiny__true hero-padding-bottom__normal hero-padding-top__normal background-image-opacity__full top-border__normal bottom-border__normal"> <div class="block__bg-img"></div> <div class="element__border_top element__border_top_chevron border-element-0"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="114" viewBox="0, 0, 1400, 114"> <g class="block-border-top block-border-top--chevron"> <path d="M0,6 L0,-0 L706,108 L1400,-0 L1400,6 L706,114 L0,6 z" fill="#FFFFFF" class="block-border-top__border"/> <path d="M1400,6 L1400,114 L706,114 L1400,6 z" fill="#FFFFFF" class="block-border-top__body"/> <path d="M0,6 L706,114 L0,114 L0,6 z" fill="#FFFFFF" class="block-border-top__body"/> </g> </svg> </div> <div class="element__border_top element__border_top_curve_inny border-element-1"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="111.5" viewBox="0, 0, 1400, 111.5"> <g class="block-border-top block-border-top--curve-inny"> <path d="M1400,0 L1400,111 L-0,111 L-0,0 L0.26,0 C319.784,112.653 666.629,132.738 1001.033,88.079 C1088.358,76.417 1175.13,60.315 1260.71,39.438 C1307.457,28.034 1354.115,15.498 1399.683,0 L1400,0 z" fill="#FFFFFF" class="block-border-top__body"/> </g> </svg> </div> <div class="element__border_top element__border_top_ripped border-element-2"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1000" height="25" viewBox="0, 0, 1000, 25"> <g class="block-border-top block-border-top--ripped"> <path d="M1000,9.53 C999.77,9.53 999.53,9.53 999.27,9.56 C998.15,9.68 997.67,9.78 996.56,9.57 C995.39,9.35 995.4,9.15 994.01,9.39 C992.3,9.69 991.75,9.88 989.97,9.48 C988.59,9.17 987.06,8.62 985.29,8.71 C983.98,8.78 983.76,9.2 982.64,9.44 C981.4,9.71 979.89,9.63 978.77,10.01 C978.18,10.21 978.24,10.75 977.16,10.84 C976.61,10.88 976.19,10.59 975.54,10.59 C973.86,10.57 972.57,10.97 970.98,11.24 C971.15,10.13 968.06,10.71 966.46,10.25 C965.13,9.86 965.38,9.12 963.89,8.76 C962.39,8.4 961.48,8.73 959.99,8.77 C956.77,8.86 954.95,7.62 951.35,7.97 C948.88,8.21 949.56,8.59 946.68,8.46 C944.68,8.37 944.3,8.04 942.19,8.11 C940.5,8.17 939.95,8.91 937.35,8.45 C936.58,8.31 935.68,7.78 935.03,7.56 C931.07,6.23 931.56,7.41 927.43,7.9 C922.96,8.43 921.24,6.21 916.24,6.94 C911.45,7.64 911.67,8.06 908.11,6.27 C904.4,4.4 902.6,5.65 897.91,6.44 C897.74,6.47 897.56,6.5 897.38,6.53 C892.96,7.21 889.77,6.59 885.78,5.91 C881.03,5.1 875.71,5.42 870.86,4.8 C869.36,4.61 867.87,4.18 866.22,4.22 C863.93,4.28 862.45,5.15 860.33,5.37 C860.41,4.02 855.92,5.3 855.05,5.77 C854.29,5.27 853.51,5.08 852.05,5.21 C850.9,5.32 847.5,6.78 847.83,5.22 C847.02,5.13 845.77,5.04 844.93,5.14 C844.11,5.23 843.75,5.6 842.97,5.67 C841.68,5.77 842.21,5.54 841.01,5.53 C839.24,5.51 838.64,5.84 837.16,6.05 C835.6,6.26 836.86,6.11 834.95,6.03 C833.8,5.98 832.62,6.06 831.51,5.91 C830.14,5.72 829.37,5.23 827.75,5.26 C824.98,5.32 822.89,6.53 820.19,6.79 C819.73,6.41 817.94,5.78 816.68,5.8 C815.07,5.82 812.13,6.68 810.97,7.04 C809.48,7.51 808.85,8.47 808.59,9.32 C808.04,9.36 807.49,9.4 806.94,9.45 C806.52,10.34 805.17,11.63 803.45,10.2 C802.4,10.34 801.97,10.9 800.76,10.96 C799.98,10.9 799.28,10.78 798.64,10.6 C797.59,10.6 797.68,10.97 796.68,10.96 C796.08,10.95 793.79,10.44 793.36,10.27 C792.19,9.79 792.96,9.12 792.34,8.56 C791.7,7.99 789.97,7.27 788.88,6.8 C788.36,6.58 786.99,5.91 786.27,5.85 C784.77,5.74 784.32,6.52 782.87,6.81 C781.29,7.13 781.35,6.71 779.55,6.67 C778.21,6.64 777.79,6.88 776.76,7.05 C776.48,6.28 776.99,5.92 774.79,6.02 C774.1,6.05 772.44,6.54 771.78,6.67 C770.92,6.2 770.95,5.77 769.56,5.53 C768.04,5.27 766.89,5.74 765.49,5.77 C764,5.8 763.5,5.57 762.35,5.16 C761.49,4.85 760.7,4.54 759.82,4.34 C758.46,4.4 757.1,4.43 755.73,4.42 C753.1,5.03 752.37,6.23 748.88,5.09 C747.98,4.79 747.25,3.98 746.18,3.75 C745.8,3.72 745.43,3.69 745.04,3.68 C744.03,3.8 744.06,4.49 743.6,4.89 C742.85,5.53 742.37,5.97 742.15,6.69 C741.47,6.6 740.93,6.38 740.59,6.09 C738.91,6.3 739.61,7.07 738.6,7.44 C738.32,7.1 737.26,7.04 736.63,7.28 C736.11,7.48 736.19,8.04 735.98,8.29 C735.23,9.22 733.45,9.97 732.45,10.85 C732.21,11.06 732.37,11.44 731.63,11.54 C730.65,11.67 730.32,10.96 730.24,10.73 C730.03,10.2 730.53,8.81 728.28,9.03 C727.48,9.11 727.03,9.75 726.24,9.76 C724.78,9.78 725.07,9.08 724.76,8.74 C724.55,8.51 723.88,7.86 723.42,7.7 C722.13,7.26 721.92,8.01 720.51,7.94 C719.29,7.88 719.55,7.21 717.96,7.2 C716.52,7.19 715.96,7.59 714.48,7.3 C713.25,7.06 713.09,6.75 711.84,7.26 C710.73,7.71 710.39,8.4 710.01,8.97 C708.87,9.02 707.47,7.96 706.43,7.7 C705.26,7.41 703.94,7.3 702.57,7.29 C699.71,7.29 696.98,7.73 694.12,7.73 C690.06,7.73 688.41,6.75 685.68,5.8 C684.37,5.35 682.14,4.75 680.24,4.89 C678.81,4.99 678.43,5.53 677.24,5.75 C675.44,6.08 673.95,5.33 672.23,5.23 C670.63,5.14 669.12,5.07 667.55,4.89 C665.57,4.67 662.71,4.04 660.58,4.23 C657.59,4.5 658.4,5.78 657.63,6.63 C654.06,6.2 656.01,7.96 653.08,8.19 C652.61,7.79 652.16,7.51 650.99,7.51 C651.07,7.51 650.14,8.51 649.05,8.55 C649.66,6.94 643.32,9.34 642.42,9.62 C640.51,10.22 638.15,10.67 635.71,10.87 C634.38,10.98 632.11,11.21 630.82,11.02 C629.07,10.77 629.81,10.18 628.45,9.84 C627.88,9.73 627.28,9.7 626.65,9.76 C624.93,9.51 625.81,9.84 624.61,9.39 C623.8,9.09 624.11,8.75 622.67,8.6 C621.97,8.61 621.28,8.62 620.58,8.65 C619.14,8.52 619.33,8.07 618.35,7.91 C616.82,7.66 616.93,8.2 615.61,8.26 C613.52,8.36 613.49,7.8 613.41,7.16 C609.78,7.07 608.17,5.37 604.82,6.96 C603.39,7.64 600.21,8.93 597.67,8.18 C595.8,7.63 596.79,6.75 593.39,7.07 C592.15,7.19 590.81,7.61 589.67,7.8 C586.68,6.5 586.18,7.59 582.5,7.83 C582.5,6.15 577.75,6.96 576.07,7.8 C574.95,7.67 574.6,7.19 573.37,7.07 C571.06,6.84 570.3,7.83 568.27,7.9 C566.66,7.95 565.9,7.51 564.29,7.46 C561.92,7.39 560.35,8.34 558.21,8.29 C555.75,8.23 556.94,7.33 555.31,7.06 C552.79,6.64 550.25,7.97 548.4,8.36 C546.94,8.67 545.85,8.52 544.2,8.7 C542.76,8.85 538.61,10.25 538.95,8.7 C537.64,8.55 536.41,8.71 535.07,8.64 C533.24,8.55 532.61,8.27 530.65,8.24 C529.4,8.25 528.14,8.26 526.89,8.27 C526.27,8.27 525.7,7.91 525.08,7.85 C524.16,7.76 522.93,7.9 521.96,7.86 C520.13,7.79 518.97,7.64 517.19,7.89 C516.1,8.04 514.92,8.28 513.83,7.99 C512.53,7.64 512.01,5.5 509.42,6.14 C508.02,6.49 508.2,6.75 506.25,6.72 C505.86,6.71 504.58,6.61 504.26,6.65 C502.59,6.88 502.43,7.96 502.08,8.5 C500.81,8.67 500.69,8.08 499.69,8.02 C499.87,8.03 498.65,9.41 498.3,9.53 C497.36,9.86 496.67,9.71 495.55,9.61 C493.08,9.38 491.24,9.58 489,9.99 C487.48,10.26 486.06,10.55 484.57,10.1 C483.66,9.82 483.42,9.27 482.37,9.07 C481,8.8 480.03,9.28 478.73,9.33 C476.16,9.45 477.83,9.26 476.51,8.73 C474.66,7.97 472.93,8.26 470.9,8.61 C470.76,8.63 470.77,7.04 470.74,6.91 C470.62,6.23 470.19,5.76 468.58,5.39 C466.07,4.82 462.05,4.57 459.22,4.85 C456.5,5.12 452.44,6.44 449.58,6.05 C448.08,5.84 447.47,5.29 446.3,4.93 C444.41,4.36 442.99,4.52 440.9,4.81 C440.24,4.9 439.66,4.96 439.12,4.98 C436.11,5.55 432.55,5.81 429.34,5.41 C428.11,5.26 426.96,5.07 425.91,4.82 C424.98,4.9 424,4.94 423.2,5.09 C422.66,5.27 422.05,5.42 421.38,5.52 C420.78,5.59 420.38,5.51 420.18,5.29 C419.03,5.27 417.56,5.06 416.33,5.18 C415.08,5.3 414.9,5.73 413.34,5.61 C412.27,5.53 412.43,5.26 411.63,5.09 C411.4,5.04 411.19,5 411,4.97 C409.79,4.95 408.59,4.89 407.4,4.81 C405.2,4.77 402.38,4.6 400.56,4.88 C399.06,5.11 398.51,5.9 396.43,5.51 C394.49,5.15 394.73,4.6 392.16,4.91 C390.44,5.12 388.96,5.61 387.25,5.83 C382.62,6.45 379.44,5.27 375.07,5.12 C372.82,5.04 372.99,5.48 371.47,5.61 C370.23,5.72 368.24,5.95 366.95,5.78 C365.6,5.6 365.43,5.41 365.19,5.15 C363.58,5.55 361.5,5.76 358.95,5.67 C358.17,5.64 357.17,5.56 356.12,5.46 C355.71,5.63 355.25,5.78 354.63,5.91 C351.88,6.47 352.86,5.89 350.67,5.85 C346.68,5.79 345.26,7.24 341.43,7.37 C339.36,7.44 338.48,6.8 336.55,6.82 C335.78,6.83 334.07,7.32 333.43,7.46 C333,7.55 332.08,7.81 331.3,8 L327.96,7.99 C327.89,7.63 327.66,7.32 327.42,6.98 C327.27,6.77 327.36,6.56 327.24,6.35 C326.98,5.88 325.04,5.22 323.81,5.57 C323.1,5.78 322.52,6.13 321.89,6.38 C321.68,6.46 321.48,6.62 321.14,6.59 C320.44,6.52 320.91,6.23 320.04,6.44 C319.26,6.63 319.18,6.99 318.19,6.96 C317.85,6.95 317.71,6.77 317.18,6.89 C316.75,6.98 316.6,7.19 316.12,7.28 C315.63,7.38 315.3,7.36 314.77,7.37 C314.02,7.38 313.76,7.62 313.09,7.64 C312.32,7.66 312.46,7.38 311.76,7.36 C311.24,7.34 310.89,7.57 310.48,7.62 C310.47,7.24 309.55,7.17 308.71,7.24 C308.36,7.27 308.45,7.36 308.09,7.36 C307.54,7.37 307.09,7.07 306.37,7.11 C305.63,7.15 305,7.38 304.38,7.5 C304.15,7.54 303.61,7.63 303.35,7.64 C302.83,7.65 302.81,7.54 302.38,7.5 C301.27,7.39 300.34,7.7 299.34,7.77 C299.01,7.79 298.63,7.73 298.32,7.76 C297.93,7.8 297.74,7.94 297.34,8 C296.42,8.12 295.82,7.93 294.99,7.89 C294.1,7.85 293.07,8.3 292.57,7.78 C291.98,7.74 291.69,8.09 291.22,8.13 C290.52,8.19 290.68,8.03 290.31,7.89 C289.79,7.7 289.97,7.79 289.39,7.93 C288.95,8.03 288.49,8.16 287.96,8.16 C287.36,8.16 287.21,7.99 286.63,8.04 C286.03,8.1 285.54,8.45 284.87,8.51 C284.68,8.55 284.48,8.57 284.26,8.55 C283.94,8.54 283.93,8.4 283.6,8.4 C283.31,8.4 283.22,8.52 282.95,8.55 C281.44,8.7 281.51,7.84 281.98,7.5 C281.34,7.79 280.79,8.2 279.89,8.38 C279.6,8.44 279.49,8.44 279.18,8.46 C278.93,8.48 278.56,8.49 278.31,8.48 C277.67,8.46 277.55,8.35 277.12,8.16 C276.08,8.09 275.15,8.18 274.32,8.44 C273.67,8.64 272.9,8.77 272.21,8.95 C271.52,9.13 271.1,9.35 270.56,9.59 C270.08,9.8 269.59,9.97 269.19,10.2 C268.82,10.42 268.5,10.71 267.94,10.87 C267.45,11.01 267.23,11 266.84,11.22 C266.63,11.34 266.28,11.57 265.93,11.64 C265.15,11.8 265.46,11.57 265.09,11.37 C264.88,11.26 264.39,11.19 264.22,11.06 C263.72,10.7 264.37,10.09 264.1,9.7 C263.32,9.68 262.47,9.59 261.89,9.39 C261.67,9.32 261.32,9.1 261.06,9.06 C260.55,8.99 260.2,9.18 259.79,9.29 C259.19,9.46 258.99,9.56 258.19,9.55 C257.67,9.54 257.23,9.35 256.77,9.43 C256.14,9.54 256.29,9.88 256.12,10.06 C255.76,10.43 254.35,10.53 253.76,10.85 C253.54,10.97 253.22,11.33 252.77,11.35 C252.28,11.37 251.95,11.14 251.4,11.2 C250.77,11.26 250.51,11.55 250.17,11.72 C249.95,11.83 249.5,12.01 249.06,11.99 C248.65,11.97 248.66,11.8 248.34,11.74 C247.39,11.58 247.37,12.1 246.74,12.21 C246.17,12.31 246.2,12.13 245.74,12.09 C245.15,12.04 244.75,12.18 244.45,12.35 C244.05,12.58 243.85,12.9 243.12,13.03 C242.4,13.16 241.83,12.78 241.04,12.73 C239.97,12.66 239.22,13.12 238.32,13.23 C238.01,13.27 237.29,13.29 236.98,13.25 C236.59,13.2 236.57,13.08 236.26,13.01 C235.28,12.79 234.47,13.17 233.65,13.25 C232.42,13.36 232.61,12.88 231.64,12.76 C230.79,12.65 230.08,12.88 229.28,12.96 C228.93,12.99 228.28,13.04 227.92,12.99 C227.54,12.94 227.51,12.82 227.2,12.76 C226.7,12.66 226.44,12.79 225.98,12.82 C225.19,12.86 225.23,12.7 224.84,12.47 C224.17,12.07 223.31,12.26 222.26,12.22 C220.79,12.17 219.39,11.84 217.98,11.7 C216.46,11.54 214.98,11.57 213.52,11.8 C211.18,12.16 209.03,12.67 207.16,11.69 C205.79,10.98 207.27,9.71 205.24,9.32 C203.72,9.03 200.82,9.52 199.38,9.73 C197.85,8.83 194.07,9.77 192.07,9.81 C189.59,9.85 188.42,10.16 186.28,10.51 C185.91,10.37 185.33,9.95 184.89,9.87 C182.79,9.46 180.15,10.34 177.83,10.12 C177.27,9.94 176.64,9.82 175.93,9.76 C175.37,9.79 174.98,9.91 174.74,10.1 C173.46,10.18 172.41,10.26 171.11,10.12 C171.45,8.56 167.25,9.97 165.83,9.85 C162.92,9.61 165.68,7.68 160.87,8.55 C159.67,8.77 158.43,9.24 157.05,8.97 C155.69,8.7 156.23,8.3 155.84,7.89 C155.09,7.12 156.3,7.27 153.85,7.12 C151.56,6.98 150.89,7.41 149.04,7.66 C146.77,7.97 143.71,7.75 141.29,7.97 C137.96,8.27 134.92,8.71 131.77,9.19 C126.87,9.94 119.83,10.7 114.54,10.21 C113.98,10.18 113.58,10.08 113.34,9.88 C112.23,9.86 112.17,10.05 111.35,10.1 C108.67,10.25 109.38,10.2 108.33,9.42 C107.31,8.66 106.82,8.49 104.53,8.74 C102.03,9.01 101.88,9.15 99.5,8.65 C97.97,8.33 96.56,8.02 94.7,8.34 C93.53,8.54 92.7,9.46 91.48,9.47 C89.8,9.49 89.82,8.78 88.49,8.62 C87.04,8.45 84.92,8.73 83.38,8.66 C80.64,8.52 82.08,8.11 80.19,7.56 C79.26,7.29 76.39,7.48 75.36,7.59 C72.25,7.91 73.25,7.9 71.11,7.1 C69.72,6.58 68.19,6.72 66.31,6.74 C64.23,6.76 64.07,6.68 62.56,6.26 C61.06,5.84 60.09,5.73 58.4,5.55 C56.82,5.38 55.57,5.05 53.98,4.83 C50.72,4.38 47.31,4.29 43.9,4.16 C42.36,4.1 41.85,4.09 40.31,4.28 C38.94,4.45 37.74,4.7 36.36,4.36 C34.96,4.02 35.37,3.52 33.11,3.63 C31.44,3.71 30.4,4.28 28.81,4.16 C27.13,4.04 28.48,3.49 26.04,3.92 C25.16,4.08 24.64,4.62 23.83,4.73 C22.33,4.94 22.38,4.52 21.09,4.4 C19.16,4.21 17.64,4.62 16.01,4.91 C14.72,5.13 13.46,5.31 11.99,5.21 C10.35,5.09 9.7,4.72 7.97,4.88 C6.54,5.01 5.49,5.58 3.93,5.61 C1.46,5.65 2.6,5.21 1.23,4.7 C0.84,4.56 0.42,4.47 -0.02,4.41 L-0.02,25 L999.98,25 L999.98,9.53 z" fill="#FFFFFF" class="block-border-top__body"/> </g> </svg> </div> <div class="element__border_top element__border_top_angle_left border-element-3"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="114" viewBox="0, 0, 1400, 114"> <g class="block-border-top block-border-top--angle_left"> <path d="M-0,6 L1400,114 L-0,114 L-0,6 z" fill="#FFFFFF" class="block-border-top__body"/> <path d="M-0,0.985 L0.384,1.015 L1399.994,108.985 L1399.994,113.999 L-0,6 L-0,0.985 z" fill="#FFFFFF" class="block-border-top__border"/> </g> </svg> </div> <div class="element__border_top element__border_top_angle_right border-element-4"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="114" viewBox="0, 0, 1400, 114"> <g class="block-border-top block-border-top--angle_right"> <path d="M1400,6 L-0,114 L1400,114 L1400,6 z" fill="#FFFFFF" class="block-border-top__body"/> <path d="M1400,0.985 L1399.615,1.015 L0.006,108.985 L0.006,113.999 L1400,6 L1400,0.985 z" fill="#FFFFFF" class="block-border-top__border"/> </g> </svg> </div> <div class="element__border_bottom element__border_bottom_chevron border-element-0"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="114" viewBox="0, 0, 1400, 114"> <g class="block-border-bottom block-border-bottom--chevron"> <path d="M0,6 L0,-0 L706,108 L1400,-0 L1400,6 L706,114 L0,6 z" fill="#FFFFFF" class="block-border-bottom__border"/> <path d="M1400,6 L1400,114 L706,114 L1400,6 z" fill="#FFFFFF" class="block-border-bottom__body"/> <path d="M0,6 L706,114 L0,114 L0,6 z" fill="#FFFFFF" class="block-border-bottom__body"/> </g> </svg> </div> <div class="element__border_bottom element__border_bottom_curve_inny border-element-1"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="111.5" viewBox="0, 0, 1400, 111.5"> <g class="block-border-bottom block-border-bottom--curve-inny"> <path d="M1400,0 L1400,111 L-0,111 L-0,0 L0.26,0 C319.784,112.653 666.629,132.738 1001.033,88.079 C1088.358,76.417 1175.13,60.315 1260.71,39.438 C1307.457,28.034 1354.115,15.498 1399.683,0 L1400,0 z" fill="#FFFFFF" class="block-border-bottom__body"/> </g> </svg> </div> <div class="element__border_bottom element__border_bottom_ripped border-element-2"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1000" height="25" viewBox="0, 0, 1000, 25"> <g class="block-border-bottom block-border-bottom--ripped"> <path d="M1000,9.53 C999.77,9.53 999.53,9.53 999.27,9.56 C998.15,9.68 997.67,9.78 996.56,9.57 C995.39,9.35 995.4,9.15 994.01,9.39 C992.3,9.69 991.75,9.88 989.97,9.48 C988.59,9.17 987.06,8.62 985.29,8.71 C983.98,8.78 983.76,9.2 982.64,9.44 C981.4,9.71 979.89,9.63 978.77,10.01 C978.18,10.21 978.24,10.75 977.16,10.84 C976.61,10.88 976.19,10.59 975.54,10.59 C973.86,10.57 972.57,10.97 970.98,11.24 C971.15,10.13 968.06,10.71 966.46,10.25 C965.13,9.86 965.38,9.12 963.89,8.76 C962.39,8.4 961.48,8.73 959.99,8.77 C956.77,8.86 954.95,7.62 951.35,7.97 C948.88,8.21 949.56,8.59 946.68,8.46 C944.68,8.37 944.3,8.04 942.19,8.11 C940.5,8.17 939.95,8.91 937.35,8.45 C936.58,8.31 935.68,7.78 935.03,7.56 C931.07,6.23 931.56,7.41 927.43,7.9 C922.96,8.43 921.24,6.21 916.24,6.94 C911.45,7.64 911.67,8.06 908.11,6.27 C904.4,4.4 902.6,5.65 897.91,6.44 C897.74,6.47 897.56,6.5 897.38,6.53 C892.96,7.21 889.77,6.59 885.78,5.91 C881.03,5.1 875.71,5.42 870.86,4.8 C869.36,4.61 867.87,4.18 866.22,4.22 C863.93,4.28 862.45,5.15 860.33,5.37 C860.41,4.02 855.92,5.3 855.05,5.77 C854.29,5.27 853.51,5.08 852.05,5.21 C850.9,5.32 847.5,6.78 847.83,5.22 C847.02,5.13 845.77,5.04 844.93,5.14 C844.11,5.23 843.75,5.6 842.97,5.67 C841.68,5.77 842.21,5.54 841.01,5.53 C839.24,5.51 838.64,5.84 837.16,6.05 C835.6,6.26 836.86,6.11 834.95,6.03 C833.8,5.98 832.62,6.06 831.51,5.91 C830.14,5.72 829.37,5.23 827.75,5.26 C824.98,5.32 822.89,6.53 820.19,6.79 C819.73,6.41 817.94,5.78 816.68,5.8 C815.07,5.82 812.13,6.68 810.97,7.04 C809.48,7.51 808.85,8.47 808.59,9.32 C808.04,9.36 807.49,9.4 806.94,9.45 C806.52,10.34 805.17,11.63 803.45,10.2 C802.4,10.34 801.97,10.9 800.76,10.96 C799.98,10.9 799.28,10.78 798.64,10.6 C797.59,10.6 797.68,10.97 796.68,10.96 C796.08,10.95 793.79,10.44 793.36,10.27 C792.19,9.79 792.96,9.12 792.34,8.56 C791.7,7.99 789.97,7.27 788.88,6.8 C788.36,6.58 786.99,5.91 786.27,5.85 C784.77,5.74 784.32,6.52 782.87,6.81 C781.29,7.13 781.35,6.71 779.55,6.67 C778.21,6.64 777.79,6.88 776.76,7.05 C776.48,6.28 776.99,5.92 774.79,6.02 C774.1,6.05 772.44,6.54 771.78,6.67 C770.92,6.2 770.95,5.77 769.56,5.53 C768.04,5.27 766.89,5.74 765.49,5.77 C764,5.8 763.5,5.57 762.35,5.16 C761.49,4.85 760.7,4.54 759.82,4.34 C758.46,4.4 757.1,4.43 755.73,4.42 C753.1,5.03 752.37,6.23 748.88,5.09 C747.98,4.79 747.25,3.98 746.18,3.75 C745.8,3.72 745.43,3.69 745.04,3.68 C744.03,3.8 744.06,4.49 743.6,4.89 C742.85,5.53 742.37,5.97 742.15,6.69 C741.47,6.6 740.93,6.38 740.59,6.09 C738.91,6.3 739.61,7.07 738.6,7.44 C738.32,7.1 737.26,7.04 736.63,7.28 C736.11,7.48 736.19,8.04 735.98,8.29 C735.23,9.22 733.45,9.97 732.45,10.85 C732.21,11.06 732.37,11.44 731.63,11.54 C730.65,11.67 730.32,10.96 730.24,10.73 C730.03,10.2 730.53,8.81 728.28,9.03 C727.48,9.11 727.03,9.75 726.24,9.76 C724.78,9.78 725.07,9.08 724.76,8.74 C724.55,8.51 723.88,7.86 723.42,7.7 C722.13,7.26 721.92,8.01 720.51,7.94 C719.29,7.88 719.55,7.21 717.96,7.2 C716.52,7.19 715.96,7.59 714.48,7.3 C713.25,7.06 713.09,6.75 711.84,7.26 C710.73,7.71 710.39,8.4 710.01,8.97 C708.87,9.02 707.47,7.96 706.43,7.7 C705.26,7.41 703.94,7.3 702.57,7.29 C699.71,7.29 696.98,7.73 694.12,7.73 C690.06,7.73 688.41,6.75 685.68,5.8 C684.37,5.35 682.14,4.75 680.24,4.89 C678.81,4.99 678.43,5.53 677.24,5.75 C675.44,6.08 673.95,5.33 672.23,5.23 C670.63,5.14 669.12,5.07 667.55,4.89 C665.57,4.67 662.71,4.04 660.58,4.23 C657.59,4.5 658.4,5.78 657.63,6.63 C654.06,6.2 656.01,7.96 653.08,8.19 C652.61,7.79 652.16,7.51 650.99,7.51 C651.07,7.51 650.14,8.51 649.05,8.55 C649.66,6.94 643.32,9.34 642.42,9.62 C640.51,10.22 638.15,10.67 635.71,10.87 C634.38,10.98 632.11,11.21 630.82,11.02 C629.07,10.77 629.81,10.18 628.45,9.84 C627.88,9.73 627.28,9.7 626.65,9.76 C624.93,9.51 625.81,9.84 624.61,9.39 C623.8,9.09 624.11,8.75 622.67,8.6 C621.97,8.61 621.28,8.62 620.58,8.65 C619.14,8.52 619.33,8.07 618.35,7.91 C616.82,7.66 616.93,8.2 615.61,8.26 C613.52,8.36 613.49,7.8 613.41,7.16 C609.78,7.07 608.17,5.37 604.82,6.96 C603.39,7.64 600.21,8.93 597.67,8.18 C595.8,7.63 596.79,6.75 593.39,7.07 C592.15,7.19 590.81,7.61 589.67,7.8 C586.68,6.5 586.18,7.59 582.5,7.83 C582.5,6.15 577.75,6.96 576.07,7.8 C574.95,7.67 574.6,7.19 573.37,7.07 C571.06,6.84 570.3,7.83 568.27,7.9 C566.66,7.95 565.9,7.51 564.29,7.46 C561.92,7.39 560.35,8.34 558.21,8.29 C555.75,8.23 556.94,7.33 555.31,7.06 C552.79,6.64 550.25,7.97 548.4,8.36 C546.94,8.67 545.85,8.52 544.2,8.7 C542.76,8.85 538.61,10.25 538.95,8.7 C537.64,8.55 536.41,8.71 535.07,8.64 C533.24,8.55 532.61,8.27 530.65,8.24 C529.4,8.25 528.14,8.26 526.89,8.27 C526.27,8.27 525.7,7.91 525.08,7.85 C524.16,7.76 522.93,7.9 521.96,7.86 C520.13,7.79 518.97,7.64 517.19,7.89 C516.1,8.04 514.92,8.28 513.83,7.99 C512.53,7.64 512.01,5.5 509.42,6.14 C508.02,6.49 508.2,6.75 506.25,6.72 C505.86,6.71 504.58,6.61 504.26,6.65 C502.59,6.88 502.43,7.96 502.08,8.5 C500.81,8.67 500.69,8.08 499.69,8.02 C499.87,8.03 498.65,9.41 498.3,9.53 C497.36,9.86 496.67,9.71 495.55,9.61 C493.08,9.38 491.24,9.58 489,9.99 C487.48,10.26 486.06,10.55 484.57,10.1 C483.66,9.82 483.42,9.27 482.37,9.07 C481,8.8 480.03,9.28 478.73,9.33 C476.16,9.45 477.83,9.26 476.51,8.73 C474.66,7.97 472.93,8.26 470.9,8.61 C470.76,8.63 470.77,7.04 470.74,6.91 C470.62,6.23 470.19,5.76 468.58,5.39 C466.07,4.82 462.05,4.57 459.22,4.85 C456.5,5.12 452.44,6.44 449.58,6.05 C448.08,5.84 447.47,5.29 446.3,4.93 C444.41,4.36 442.99,4.52 440.9,4.81 C440.24,4.9 439.66,4.96 439.12,4.98 C436.11,5.55 432.55,5.81 429.34,5.41 C428.11,5.26 426.96,5.07 425.91,4.82 C424.98,4.9 424,4.94 423.2,5.09 C422.66,5.27 422.05,5.42 421.38,5.52 C420.78,5.59 420.38,5.51 420.18,5.29 C419.03,5.27 417.56,5.06 416.33,5.18 C415.08,5.3 414.9,5.73 413.34,5.61 C412.27,5.53 412.43,5.26 411.63,5.09 C411.4,5.04 411.19,5 411,4.97 C409.79,4.95 408.59,4.89 407.4,4.81 C405.2,4.77 402.38,4.6 400.56,4.88 C399.06,5.11 398.51,5.9 396.43,5.51 C394.49,5.15 394.73,4.6 392.16,4.91 C390.44,5.12 388.96,5.61 387.25,5.83 C382.62,6.45 379.44,5.27 375.07,5.12 C372.82,5.04 372.99,5.48 371.47,5.61 C370.23,5.72 368.24,5.95 366.95,5.78 C365.6,5.6 365.43,5.41 365.19,5.15 C363.58,5.55 361.5,5.76 358.95,5.67 C358.17,5.64 357.17,5.56 356.12,5.46 C355.71,5.63 355.25,5.78 354.63,5.91 C351.88,6.47 352.86,5.89 350.67,5.85 C346.68,5.79 345.26,7.24 341.43,7.37 C339.36,7.44 338.48,6.8 336.55,6.82 C335.78,6.83 334.07,7.32 333.43,7.46 C333,7.55 332.08,7.81 331.3,8 L327.96,7.99 C327.89,7.63 327.66,7.32 327.42,6.98 C327.27,6.77 327.36,6.56 327.24,6.35 C326.98,5.88 325.04,5.22 323.81,5.57 C323.1,5.78 322.52,6.13 321.89,6.38 C321.68,6.46 321.48,6.62 321.14,6.59 C320.44,6.52 320.91,6.23 320.04,6.44 C319.26,6.63 319.18,6.99 318.19,6.96 C317.85,6.95 317.71,6.77 317.18,6.89 C316.75,6.98 316.6,7.19 316.12,7.28 C315.63,7.38 315.3,7.36 314.77,7.37 C314.02,7.38 313.76,7.62 313.09,7.64 C312.32,7.66 312.46,7.38 311.76,7.36 C311.24,7.34 310.89,7.57 310.48,7.62 C310.47,7.24 309.55,7.17 308.71,7.24 C308.36,7.27 308.45,7.36 308.09,7.36 C307.54,7.37 307.09,7.07 306.37,7.11 C305.63,7.15 305,7.38 304.38,7.5 C304.15,7.54 303.61,7.63 303.35,7.64 C302.83,7.65 302.81,7.54 302.38,7.5 C301.27,7.39 300.34,7.7 299.34,7.77 C299.01,7.79 298.63,7.73 298.32,7.76 C297.93,7.8 297.74,7.94 297.34,8 C296.42,8.12 295.82,7.93 294.99,7.89 C294.1,7.85 293.07,8.3 292.57,7.78 C291.98,7.74 291.69,8.09 291.22,8.13 C290.52,8.19 290.68,8.03 290.31,7.89 C289.79,7.7 289.97,7.79 289.39,7.93 C288.95,8.03 288.49,8.16 287.96,8.16 C287.36,8.16 287.21,7.99 286.63,8.04 C286.03,8.1 285.54,8.45 284.87,8.51 C284.68,8.55 284.48,8.57 284.26,8.55 C283.94,8.54 283.93,8.4 283.6,8.4 C283.31,8.4 283.22,8.52 282.95,8.55 C281.44,8.7 281.51,7.84 281.98,7.5 C281.34,7.79 280.79,8.2 279.89,8.38 C279.6,8.44 279.49,8.44 279.18,8.46 C278.93,8.48 278.56,8.49 278.31,8.48 C277.67,8.46 277.55,8.35 277.12,8.16 C276.08,8.09 275.15,8.18 274.32,8.44 C273.67,8.64 272.9,8.77 272.21,8.95 C271.52,9.13 271.1,9.35 270.56,9.59 C270.08,9.8 269.59,9.97 269.19,10.2 C268.82,10.42 268.5,10.71 267.94,10.87 C267.45,11.01 267.23,11 266.84,11.22 C266.63,11.34 266.28,11.57 265.93,11.64 C265.15,11.8 265.46,11.57 265.09,11.37 C264.88,11.26 264.39,11.19 264.22,11.06 C263.72,10.7 264.37,10.09 264.1,9.7 C263.32,9.68 262.47,9.59 261.89,9.39 C261.67,9.32 261.32,9.1 261.06,9.06 C260.55,8.99 260.2,9.18 259.79,9.29 C259.19,9.46 258.99,9.56 258.19,9.55 C257.67,9.54 257.23,9.35 256.77,9.43 C256.14,9.54 256.29,9.88 256.12,10.06 C255.76,10.43 254.35,10.53 253.76,10.85 C253.54,10.97 253.22,11.33 252.77,11.35 C252.28,11.37 251.95,11.14 251.4,11.2 C250.77,11.26 250.51,11.55 250.17,11.72 C249.95,11.83 249.5,12.01 249.06,11.99 C248.65,11.97 248.66,11.8 248.34,11.74 C247.39,11.58 247.37,12.1 246.74,12.21 C246.17,12.31 246.2,12.13 245.74,12.09 C245.15,12.04 244.75,12.18 244.45,12.35 C244.05,12.58 243.85,12.9 243.12,13.03 C242.4,13.16 241.83,12.78 241.04,12.73 C239.97,12.66 239.22,13.12 238.32,13.23 C238.01,13.27 237.29,13.29 236.98,13.25 C236.59,13.2 236.57,13.08 236.26,13.01 C235.28,12.79 234.47,13.17 233.65,13.25 C232.42,13.36 232.61,12.88 231.64,12.76 C230.79,12.65 230.08,12.88 229.28,12.96 C228.93,12.99 228.28,13.04 227.92,12.99 C227.54,12.94 227.51,12.82 227.2,12.76 C226.7,12.66 226.44,12.79 225.98,12.82 C225.19,12.86 225.23,12.7 224.84,12.47 C224.17,12.07 223.31,12.26 222.26,12.22 C220.79,12.17 219.39,11.84 217.98,11.7 C216.46,11.54 214.98,11.57 213.52,11.8 C211.18,12.16 209.03,12.67 207.16,11.69 C205.79,10.98 207.27,9.71 205.24,9.32 C203.72,9.03 200.82,9.52 199.38,9.73 C197.85,8.83 194.07,9.77 192.07,9.81 C189.59,9.85 188.42,10.16 186.28,10.51 C185.91,10.37 185.33,9.95 184.89,9.87 C182.79,9.46 180.15,10.34 177.83,10.12 C177.27,9.94 176.64,9.82 175.93,9.76 C175.37,9.79 174.98,9.91 174.74,10.1 C173.46,10.18 172.41,10.26 171.11,10.12 C171.45,8.56 167.25,9.97 165.83,9.85 C162.92,9.61 165.68,7.68 160.87,8.55 C159.67,8.77 158.43,9.24 157.05,8.97 C155.69,8.7 156.23,8.3 155.84,7.89 C155.09,7.12 156.3,7.27 153.85,7.12 C151.56,6.98 150.89,7.41 149.04,7.66 C146.77,7.97 143.71,7.75 141.29,7.97 C137.96,8.27 134.92,8.71 131.77,9.19 C126.87,9.94 119.83,10.7 114.54,10.21 C113.98,10.18 113.58,10.08 113.34,9.88 C112.23,9.86 112.17,10.05 111.35,10.1 C108.67,10.25 109.38,10.2 108.33,9.42 C107.31,8.66 106.82,8.49 104.53,8.74 C102.03,9.01 101.88,9.15 99.5,8.65 C97.97,8.33 96.56,8.02 94.7,8.34 C93.53,8.54 92.7,9.46 91.48,9.47 C89.8,9.49 89.82,8.78 88.49,8.62 C87.04,8.45 84.92,8.73 83.38,8.66 C80.64,8.52 82.08,8.11 80.19,7.56 C79.26,7.29 76.39,7.48 75.36,7.59 C72.25,7.91 73.25,7.9 71.11,7.1 C69.72,6.58 68.19,6.72 66.31,6.74 C64.23,6.76 64.07,6.68 62.56,6.26 C61.06,5.84 60.09,5.73 58.4,5.55 C56.82,5.38 55.57,5.05 53.98,4.83 C50.72,4.38 47.31,4.29 43.9,4.16 C42.36,4.1 41.85,4.09 40.31,4.28 C38.94,4.45 37.74,4.7 36.36,4.36 C34.96,4.02 35.37,3.52 33.11,3.63 C31.44,3.71 30.4,4.28 28.81,4.16 C27.13,4.04 28.48,3.49 26.04,3.92 C25.16,4.08 24.64,4.62 23.83,4.73 C22.33,4.94 22.38,4.52 21.09,4.4 C19.16,4.21 17.64,4.62 16.01,4.91 C14.72,5.13 13.46,5.31 11.99,5.21 C10.35,5.09 9.7,4.72 7.97,4.88 C6.54,5.01 5.49,5.58 3.93,5.61 C1.46,5.65 2.6,5.21 1.23,4.7 C0.84,4.56 0.42,4.47 -0.02,4.41 L-0.02,25 L999.98,25 L999.98,9.53 z" fill="#FFFFFF" class="block-border-bottom__body"/> </g> </svg> </div> <div class="element__border_bottom element__border_bottom_angle_left border-element-3"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="144" viewBox="0, 0, 1400, 144"> <g class="block-border-bottom block-border-bottom--angle_left"> <path d="M1400,36 L-0,144 L1400,144 L1400,36 z" fill="#FFFFFF" class="block-border-bottom__body"/> <path d="M1400,0.25 L0.006,138.985 L0.006,143.999 L1400,36 L1400,0.25 z" fill="#FFFFFF" class="block-border-bottom__border"/> </g> </svg> </div> <div class="element__border_bottom element__border_bottom_angle_right border-element-4"> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1400" height="144" viewBox="0, 0, 1400, 144"> <g class="block-border-bottom block-border-bottom--angle_right"> <path d="M0,36 L1400,144 L0,144 L0,36 z" fill="#FFFFFF" class="block-border-bottom__body"/> <path d="M-0,0.25 L1399.994,138.985 L1399.994,143.999 L-0,36 L-0,0.25 z" fill="#FFFFFF" class="block-border-bottom__border"/> </g> </svg> </div> <div class="page_frame group"> <style> </style> <script defer="defer" src="/javascripts/blocks/parallax.min.js?1495829387" type="text/javascript"></script> <script> </script> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_301115_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"301115", "label":"" , "tag":"div"}' > <h3 style="text-align: center;">“...The feedback has been overwhelmingly positive.”</h3> </div> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_301115_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"301115", "label":"" , "tag":"div"}' > <p style="text-align: center;">“The new website is much more representative of our company and culture. Essentially, that was exactly what we were looking for — a platform that visualizes that we’re a top-notch contractor who takes good care of our customers.</p> <p class="testimonial-author alt" style="text-align: center;">Matt Buchanan, Director of Business Development, Foushée<br />  </p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288088"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288088" class="block block_id-288088 form-2024 site-block block_type__form padding-bottom__normal padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__text element-0 form__top-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288088_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288088", "label":"" , "tag":"div"}' > <p class="h3-style"><strong><span style="color:#f22e69;">What if...</span></strong></p> </div> </div> <div class="element__rotating_form_questions element-1 form__rotating-questions"> <div class="rotating-form-question-container"> <span id="question_288088" class="h4-style"></span> </div> <script defer="defer" src="/javascripts/bz1/typed.umd.js?1704312060" type="text/javascript"></script> <script> $(document).ready(function(){ const questionArr = ["^700 Your website showed off your latest and greatest?", "^700 You were proud of the way your brand was represented online?", "^700 Your marketing agency functioned transparently, like part of your in-house team?"]; const textTarget = document.getElementById("288088_question"); let options = { root: null, rootMargin: "0px", threshold: 1.0, }; const intersectionCallback = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { console.log('INTERSECT'); var typed = new Typed('#question_288088', { strings: questionArr, typeSpeed: 40, backSpeed: 35, smartBackspace: false, shuffle: true, loop: true, startDelay: 200, backDelay: 4000, }); observer.unobserve(target); } }); } let observer = new IntersectionObserver(intersectionCallback, options); const target = $('#288088 .rotating-form-question-container').get()[0]; observer.observe(target); }); </script> </div> <div class="element__text element-2 form__bottom-text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_288088_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"288088", "label":"" , "tag":"div"}' > <p class="h4-style">We'd love to hear from you</p> </div> </div> </div> <div class="col-2 "> <div class="element__form_2024 element-0 form-2024__form"> <style> .element__form .form-field input.error { border: 2px solid red; border-radius: 5px; display: block; } label.error { background-color: red; border-radius: 5px; color: white; margin-top: 5px; padding: 5px; } </style> <form id="superform-footer" class="superform " aria-live="aggressive" action="/superform" method="post"> <div class="form__col form__col"> <div class="form-field form-field-0 form-field__input-text "> <label id="form-field-label__0" for="form-field__0" for="form-field__0">your name<span class="required-str"></span></label> <input id="form-field__0" type="text" aria-labelledby="form-field-label__0" placeholder="" name="your name" class="superform_field your-name " > </div> <div class="form-field form-field-1 form-field__input-text "> <label id="form-field-label__1" for="form-field__1" for="form-field__1">business name<span class="required-str"></span></label> <input id="form-field__1" type="text" aria-labelledby="form-field-label__1" placeholder="" name="business name" class="superform_field business-name " > </div> <div class="form-field form-field-2 form-field__input-text "> <label id="form-field-label__2" for="form-field__2" for="form-field__2">email<span class="required-str"> *</span></label> <input id="form-field__2" type="text" aria-labelledby="form-field-label__2" placeholder="" name="email" class="superform_field email required" required=required> </div> <div class="form-field form-field-3 form-field__input-text "> <label id="form-field-label__3" for="form-field__3" for="form-field__3">phone<span class="required-str"> *</span></label> <input id="form-field__3" type="text" aria-labelledby="form-field-label__3" placeholder="" name="phone" class="superform_field phone required" required=required> </div> <div class="form-field form-field-4 form-field__input-text "> <label id="form-field-label__4" for="form-field__4" for="form-field__4">current website<span class="required-str"></span></label> <input id="form-field__4" type="text" aria-labelledby="form-field-label__4" placeholder="" name="current website" class="superform_field current-website " > </div> </div> <div class="form__col form__col"> <div class="form-field form-field-0 form-field__textarea "> <label id="form-field-label__0" for="form-field__0">what are your goals for this project?<span class="required-str"></span></label> <textarea id="form-field__0" aria-labelledby="form-field-label__0" placeholder="" name="what are your goals for this project?" class="superform_field what-are-your-goals-for-this-project " ></textarea> </div> <input id="288088_form-page" type="hidden" name="Form Page" value="Construction Services"> <div id="captcha-456" class="form-field form-field__input-captcha"></div> </div> <div class="form__col submit-col"> <div class="form-field form-field__submit"> <input type="hidden" name="superform" value="456"> <button type="submit" id="superform_submit" class="">LET'S DO THIS</button> </div> </div> </form> <script src="/javascripts/jquery.form.min.js?1394470891" type="text/javascript"></script> <script src="/javascripts/jquery.validate.1.11.1.min.js?1389554289" type="text/javascript"></script> <script> $(document).ready(function() { $("#captcha-456").load("/captcha?sfid=456"); jQuery.validator.addMethod("defaultInvalid", function(value, element){ return !(element.value == element.defaultValue); }); $("#superform-footer").validate({ showErrors: function(){ $(window).trigger('resize.px.parallax'); this.defaultShowErrors(); }, submitHandler: function(form) { jQuery(form).ajaxSubmit({ target: "#superform-footer", replaceTarget: true, success: function(){ $(window).trigger('resize.px.parallax'); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.responseText); $("#superform_spamhash").addClass("error"); $("#superform_submit").val("Submit"); $(window).trigger('resize.px.parallax'); } }); event.preventDefault(); return false; } }); jQuery.validator.addMethod("phoneUS", function(phone_number, element) { phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(1-?)?($[2-9]\d{2}$|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); }, "Please specify a valid phone number"); jQuery.extend(jQuery.validator.messages, { required: "Please include this information.", email: "Please include a valid email address.", digits: "Please enter only digits.", equalTo: "Please enter the same value again.", defaultInvalid: "Please include this information." }); }); </script> </div> </div> </div> </div> </div> </div> </div> </main> <div id="footer"> <div class="page_frame"> <div id="footer_nav"> <ul role="menu" id="Footer_nav" aria-label="Footer navigation" class="nav nav--footer"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_home" class="nav__a" href="/" >Home</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> </div> </div> <div class="footer-text_container"> <span id="footer_text">BIZANGO</span> </div> </div> <script type="text/javascript"> //Deal with UTMs var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); } } }; function setCookie(key, value, expiry) { // expiry = days var expires = new Date(); expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString(); } function getCookie(key) { var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); return keyValue ? keyValue[2] : null; } function eraseCookie(key) { var keyValue = getCookie(key); setCookie(key, keyValue, '-1'); } //get New UTM from querystring var new_utm_campaign = getUrlParameter('utm_campaign'); if (new_utm_campaign!==undefined){ // we found a new UTM in the querystring setCookie('utm_campaign', new_utm_campaign, 1) } // see utm below... function classBgColorForAboveAndBelowBlocks(){ $("[data-sortable] .block_container").each(function(index){ var currentBlock = $(this); var aboveBlock = $(this).prev().find(".block").get(0); var aboveBlockClassList = null; if (aboveBlock) { aboveBlockClassList = aboveBlock.classList; $(aboveBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/above-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("above-block-" + className); } }); } var belowBlock = $(this).next().find(".block").get(0); var belowBlockClassList = null; if (belowBlock) { belowBlockClassList = belowBlock.classList; $(belowBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/below-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("below-block-" + className); } }); } }); } function overlayHeaderNav(){ var header = $("header"); header.removeAttr("style"); var headerBgColorValues = header.css('background-color').match(/[\d\.]+/g); var headerHeight = header.innerHeight(); var firstBlockContainer = $("[data-sortable] .block_container:first-child"); if (firstBlockContainer.length > 0 && typeof(headerBgColorValues[3]) != 'undefined' && headerBgColorValues[3] < 1 && 'page' != 'blog4' || ('page' == 'blog4' && '' != 'true')){ var firstBlock = firstBlockContainer.find('.block'); firstBlockContainer.removeAttr('style'); firstBlock.removeAttr('style'); firstBlockContainer.css("margin-top", headerHeight + "px"); firstBlock.css("margin-top", "-" + headerHeight + "px"); firstBlock.css('padding-top', (parseInt(firstBlock.css('padding-top')) + headerHeight) + "px"); } else { header.css("position", "relative"); } } function headerTextColor(){ var firstBlock = $("[data-sortable] .block_container:first-child .block"); const firstBlockBG = firstBlock.attr('class').match(/background\-color__\w+/g)? firstBlock.attr('class').match(/background\-color__\w+/g)[0] : 'background-color__transparent'; $('header').addClass('header-' + firstBlockBG); } if ('page' != 'blog4' || ('page' == 'blog4' && '' != 'true')) { headerTextColor(); } else if ('page' == 'blog4' && '' == 'true') { $(".header").addClass('header-background-color__quaternary') } if (ResizeObserver) { var ro = new ResizeObserver(function(entries){ for (let entry of entries) { overlayHeaderNav(); } }); ro.observe(document.querySelector('.header')); // this fires once immediately } classBgColorForAboveAndBelowBlocks(); $(document).ajaxComplete(function(){ classBgColorForAboveAndBelowBlocks(); overlayHeaderNav(); }); $("#nav_construction-services").addClass("current"); // $("[data-toggle-show]").on("click", function(){ // var target = $(this).attr("data-toggle-show"); // var expandedState = $(this).attr('aria-expanded') == 'true' ? true : false; // $(this).attr('aria-expanded', String(!expandedState)); // $(target).toggleClass("toggle-show"); // }); $(document).ready(function() { $('a[href^="#"]').on('click', function(e){ e.preventDefault(); const ID = $(this).attr('href'); const target = $(ID).get()[0] lenis.scrollTo(target, {duration: 1}); }); $(".header__mobile-nav-toggle").on("click", function(){ var toggleState = $(this).attr('aria-expanded') == 'true' ? false : true; $('header').toggleClass('mobile-active'); $(this).attr('aria-expanded', String(toggleState)).toggleClass('is-active'); $('#mobile_nav').attr({"aria-hidden": String(!toggleState)}).slideToggle(); }); $('.nav__toggle-subnav').on('click', function(e) { e.preventDefault(); var plusExpanded = $(this).attr('aria-expanded') == 'false' ? 'true' : 'false'; $(this).parent().attr('aria-expanded', plusExpanded); $(this).parents('li').toggleClass('active'); $(this).parent().siblings('.nav--mobile-subnav').slideToggle(); }) // $('#mobile_nav .nav').hide(); // $('#mobile_nav .icon').on('click', function() { // $(this).siblings('.nav').slideToggle(); // }) // $('#mobile_nav .nav a.has-subnav:not(#nav_portfolio)').on('click', function(e) { // e.preventDefault(); // $(this).parent().toggleClass('active'); // $(this).siblings('.subnav').slideToggle(); // }) // $(".noclick").click(function() { // return false; // }); // $("#nav_construction-services").addClass("current"); // $("#nav_industry").addClass("current"); // $(".subopen").click(function() { // $(this).toggleClass("closeme"); // $(this).siblings("ul").slideToggle("fast"); // return false; // }); $("input[name=utm_campaign]").val(getCookie('utm_campaign')) console.log(getCookie('utm_campaign')); // For Chromium Edge // var browser = (function (agent) { // switch (true) { // case agent.indexOf("edge") > -1: return "edge"; // case agent.indexOf("edg") > -1: return "chromium based edge (dev or canary)"; // } // })(window.navigator.userAgent.toLowerCase()); // if (browser == "chromium based edge (dev or canary)") { // $('body').addClass('chromium-edge') // } }); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTKPMC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> /* <![CDATA[ */ // DO NOT CHANGE THE CODE BELOW. goog_snippet_vars = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "1ocGCKeniGYQzuiC-gM"; w.google_remarketing_only = false; } goog_report_conversion = function(url) { goog_snippet_vars(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } goog_snippet_vars_2 = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "a7cQCKrym2cQzuiC-gM"; w.google_remarketing_only = false; } // DO NOT CHANGE THE CODE BELOW. goog_report_conversion_2 = function(url) { goog_snippet_vars_2(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1061205070/?label=1ocGCKeniGYQzuiC-gM&value=0&guid=ON&script=0"/> </div> </noscript> <script> $(function(){ $('body').on('click', '#superform_submit, .hs-submit .hs-button', function(){ goog_report_conversion(); goog_report_conversion_2(); gtag('event', 'submit', {'event_category': 'form'}); }); }); $("a[href^='tel']").on("click", function(){ gtag('event', 'click', { 'event_category': 'phone'}); }); </script> <script> function executeLazyFunction(element) { var lazyFunctionName = element.getAttribute("data-lazy-function"); var lazyFunction = window.lazyFunctions[lazyFunctionName]; if (!lazyFunction) return; lazyFunction(element); } var myLazyLoad = new LazyLoad({ unobserve_entered: true, // <- Avoid executing the function multiple times callback_enter: executeLazyFunction // Assigning the function defined above }); window.lazyFunctions = { load: function (element) { // Remove any sizing attributes after image loaded $(element).attr('style', ''); setTimeout(function(){ $(window).trigger('resize'); },500); } }; </script> </body> </html>