CINXE.COM

Seattle Web Design Company | Bizango Websites

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Seattle Web Design Company | Bizango Websites</title> <meta name="description" lang="en-us" content="Seattle web design company helps businesses and innovators across the country connect with customers and fans. Beautiful, modern website design and easy website management." /> <link rel="canon_test" href="https://bizango.com/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <!-- <script type="text/javascript" src="//fast.fonts.net/jsapi/f83408e4-9ee6-40cb-887f-2f30752c4783.js"></script>--> <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> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Google tag (gtag.js) --> <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> <!-- Google tag (gtag.js) --> <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> <meta property="og:url" content="https://bizango.com/" /> <meta property="og:site_name" content="Bizango Web Design Seattle" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Seattle Web Design Company | Bizango Website Designers" /> <meta property="og:description" content="Seattle web design company helps businesses and innovators across the US connect with customers and fans. Modern website design, beautiful branding, simple CMS." /> <meta property="og:image" content="https://bizango.com/images/sites/bz1/bizango-portfolio-US-1.jpg" /> <meta property="og:image:secure_url" content="https://bizango.com/images/sites/bz1/bizango-portfolio-US-1.jpg" /> <meta property="og:image:width" content="1100" /> <meta property="og:image:height" content="601" /> </head> <body id="body_home" class=" body_home 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&#x27;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 && 'home' != '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&#x27;s Begin </a> <!-- --> </li> </ul> </div> </div> </div> </div> </div> </header> <main id="main-content" tabindex="-1"> <div data-sortable="284780"> <div class="block_container " data-content-id="286191"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286191" class="block block_id-286191 align-middle display-flex site-hero site-block block_type__hp-hero background-color__quinary padding-bottom__more padding-top__more"> <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 hp-hero__title subtle-h1"> <h1 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286191_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286191", "label":"", "tag":"h1"}' >SEATTLE WEB DESIGN</h1 > </div> <div class="element__cycle_text element-1 bizango_cms_content hp-hero__cycle-text-container"> <div class="hp-hero__top-text"> <h2> <span>GO </span> <div class="cycle-text-container"></span> <span class="hp-hero__gradient-cycle-text text"> </div> </h2> </div> <div class="hp-hero__bottom-text"> <span class="hp-hero__cycle-text text"><h3>Purposeful Branding</h3> </span> </div> <script> $(document).ready(function(){ const $BLOCK = $('#286191'); var textArr = [["BOLD", "<h3>Purposeful Branding</h3>\n"], ["INSPIRE", "<h3>Impactful Website Design</h3>\n"], ["BIG", "<h3>Powerful Marketing</h3>\n"], ["BOLD", "<h3>Purposeful Branding</h3>\n"]]; var textArrRev = [["BOLD", "<h3>Purposeful Branding</h3>\n"], ["BIG", "<h3>Powerful Marketing</h3>\n"], ["INSPIRE", "<h3>Impactful Website Design</h3>\n"], ["BOLD", "<h3>Purposeful Branding</h3>\n"]]; const textArrLng = textArr.length; const interval = 5000; const delay = 800; var i = 1; const cycleText = textArrRev.reduce((acc,curr) => { return `${acc} <span>${curr[0]}</span><br/>`; }, ''); $BLOCK.find('.hp-hero__gradient-cycle-text').html(cycleText); function spinCycleText(){ // console.log(i); setTimeout(()=> cycleSubText(i),interval - delay); setTimeout(() => { // spin up to next power word $BLOCK.find('.hp-hero__gradient-cycle-text').css({ 'transform': `translateY(calc((1em + 40px) * ${i} + 20px)`, 'transition-duration': '300ms' }); i = i < (textArrLng - 1) ? i + 1 : 0; if (i === 0) { // When hit duplicate first word, after spin transition reset to initial and skip to next index setTimeout(() => { // console.log('flip back'); $BLOCK.find('.hp-hero__gradient-cycle-text').css({ 'transition-duration': '0ms', 'transform': 'translateY(20px)' }); i += 1; }, 1000); } return spinCycleText(); }, interval); } function cycleSubText(j){ $BLOCK.find('.hp-hero__cycle-text').attr('data-state', 'fade-out'); setTimeout(() => { // change text while parent container is hidden then fade back in $BLOCK.find('.hp-hero__cycle-text').html(textArr[j][1]).attr('data-state',''); },delay); } setTimeout(() => { $BLOCK.find(".page_frame").fadeIn(500); spinCycleText(i); },500) }); </script> <style> .cycle-text-container { max-height: 1em; min-height: 1em; overflow: hidden; position: relative; } .hp-hero__cycle-text-container span.hp-hero__gradient-cycle-text { bottom: 0; position: absolute; transform: translateY(20px); transition: transform ease-out; transition-duration: 300ms; } .hp-hero__gradient-cycle-text span { box-sizing: border-box; display: inline-block; padding: 20px 0; } </style> </div> </div> <div class="col-2 "> <div class="element__text element-0 hp-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_286191_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"286191", "label":"" , "tag":"div"}' > <h3 class="h4-style">We are a brand-focused Seattle design agency that helps businesses tell their story and expand their audience.</h3> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286211"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286211" class="block block_id-286211 gsap site-block block_type__case-studies padding-bottom__normal padding-top__offset"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__case_study_slider_gsap element-0 case-studies__slider-frame portfolio-projects__container"> <div class="gsap-slider-wrapper"> <div class="gsap-slider"> <div class="gsap-slide" data-speed="0.75"> <a class="full-absolute z-1" href="/gallery"></a> <img class="desk img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1174088/KP-home_feature.jpg' alt='' data-lazy-function="load"> <img class="mobile img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257172/mobile-kover_home.jpg' alt='' data-lazy-function="load"> <div class="align-bottom display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content dark"> <div class="project__title"> <h2>Kover Law</h2> </div> <div class="project__meta"> <p> <span>Branding</span> <span> Web Design</span> <span> Attorneys</span> </p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <a class="full-absolute z-1" href="/gallery/thrive-web-design-branding-for-therapy"></a> <img class="desk img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1167491/thrive-video-freeze-frame_feature.jpg' alt='' data-lazy-function="load"> <img class="mobile img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257186/mobile-thrive_home.jpg' alt='' data-lazy-function="load"> <video id="286933_video" class="full-absolute" loop="true" autoplay muted="true"> <source src="https://s3.amazonaws.com/hoth.bizango/assets/25960/biz-hp-projects-thrive-MF4.mp4" type="video/mp4"> </video> <script> $(document).ready(function(){ $('#286933').attr('data-video-assigned', 'true'); }) </script> <div class="align-bottom display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content light"> <div class="project__title"> <h2>Thrive For The People</h2> </div> <div class="project__meta"> <p> <span>Branding</span> <span> Web Design</span> <span> SEO</span> </p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <a class="full-absolute z-1" href="/gallery/washington-health-alliance"></a> <img class="desk img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1165230/biz-hp-projects-WHA_feature.jpg' alt='' data-lazy-function="load"> <img class="mobile img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257193/mobile-WHA_home.jpg' alt='' data-lazy-function="load"> <div class="align-bottom display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content light"> <div class="project__title"> <h2 class="case-study-title">Washington Health Alliance</h2> </div> <div class="project__meta"> <p> <span>Nonprofit</span> <span> Web Design</span> <span> Wordpress</span> </p> </div> </div> </div> </div> <div class="gsap-slide" data-speed="0.75"> <a class="full-absolute z-1" href="/gallery/architect-coates-web-design"></a> <img class="mobile img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257235/mobile-coates_home.jpg' alt='' data-lazy-function="load"> <video id="287605_video" class="full-absolute" loop="true" autoplay muted="true"> <source src="https://s3.amazonaws.com/hoth.bizango/assets/26021/Coates-HP.mp4" type="video/mp4"> </video> <script> $(document).ready(function(){ $('#287605').attr('data-video-assigned', 'true'); }) </script> <div class="align-bottom display-flex full-absolute gsap-slide__content-frame"> <div class="gsap-slide__content "> <div class="project__title"> <h2>Coates Design</h2> </div> <div class="project__meta"> <p> <span>Architects</span> <span> Immersive Web Design</span> </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> <div class="portfolio-projects__overall-link"> <div class="bizango_cms bizango_cms_content bizango_content_rich2 textdiv_rich2" id="content_286211_rich2" data-bizango='{"monkey":"data", "field":"rich2", "object_type":"content", "cms_id":"286211", "label":"" , "tag":"div"}' > <p style="text-align: right;"><a class="line-link line-link--gold" href="/portfolio">See Full Portfolio</a></p> </div> </div> <script> $(document).ready(function(){ const $BLOCK = $("#286211"); var top = '75%'; var screenSize = 'desktop'; function screenSizeCheck(screenWidth){ // console.log(screenWidth); if (screenWidth > 1000 && screenSize !== 'desktop') { top = '75%'; screenSize = 'desktop'; } else if (screenWidth > 640 && screenSize !== 'tablet') { top = '50%'; screenSize = 'tablet'; } else if (screenSize !== 'mobile') { top = '25%'; screenSize = 'mobile'; } // console.log(top, screenSize) } $(window).resize(() => screenSizeCheck(window.innerWidth)); screenSizeCheck(window.innerWidth); const portfolioContainer = $BLOCK.find(".portfolio-projects__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: { trigger: proj, force3D: !0, start: () => { if (window.innerWidth > 1000) { return "top 75%" } else if (window.innerWidth > 640) { return "top 50%" } else { return "top 25%" } }, end: "top top", invalidateOnRefresh: true, // markers: true, scrub: !0, } }); 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, } }); scrollTL.fromTo(portfolioScroll, { scaleY: 0, },{ scaleY: 1 }); }); </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286291"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286291" class="block block_id-286291 link-list overflow-hide page_frame--static site-block block_type__link-list background-color__quinary padding-bottom__more padding-top__more"> <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 link-list__top-text position-relative mb0 z-2"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286291_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286291", "label":"" , "tag":"div"}' > <h2 class="h6-style"><span class="upcase">We Specialize In</span></h2> </div> </div> <div class="element__link_list element-1 link-list__children"> <div class="link-list__container"> <div class="link-list__child" data-id="286411" data-state="active"> <div class="link-list__content" tabindex="0"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286411_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286411", "label":"", "tag":"h3"}' >Web Design</h3 > </div> <div class="link-list__link-dsc" aria-hidden="false" style="display: block;"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286411_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286411", "label":"" , "tag":"div"}' > <p>Inspire confidence. Win new customers. Play to your strengths. Does your website work for you?</p> </div> </div> </div> </div> <div class="link-list__child" data-id="286410" data-state="inactive"> <div class="link-list__content" tabindex="0"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286410_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286410", "label":"", "tag":"h3"}' >Logo + Branding</h3 > </div> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286410_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286410", "label":"" , "tag":"div"}' > <p>The emotional heart of your customer relationships &mdash; what are your logo and brand saying?</p> </div> </div> </div> </div> <div class="link-list__child" data-id="286439" data-state="inactive"> <div class="link-list__content" tabindex="0"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286439_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286439", "label":"", "tag":"h3"}' >Digital Marketing</h3 > </div> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286439_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286439", "label":"" , "tag":"div"}' > <p>Smart, targeted marketing gets you in front of the people you really want to work with.</p> </div> </div> </div> </div> <div class="link-list__child" data-id="286438" data-state="inactive"> <div class="link-list__content" tabindex="0"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286438_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286438", "label":"", "tag":"h3"}' >Website Maintenance</h3 > </div> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286438_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286438", "label":"" , "tag":"div"}' > <p>What if your web designer was a full service agency - advocating for your site empowering you to focus on what you do best?</p> </div> </div> </div> </div> </div> <script defer="defer" src="/javascripts/bz1/link-list.js?1705599305" type="text/javascript"></script> <script> $(document).ready(function(){ linkList('286291'); }); </script> </div> <div class="element__link_list_bgs element-2 full-absolute img-full--child link-list__bg-container"> <img class="lazy" data-state="active" data-id="286411" data-src='https://s3.amazonaws.com/hoth.bizango/images/1169796/Homepage-Services-webdesign.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="active" data-id="286411" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257242/biz-services-web-design_home.png' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286410" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168297/Homepage-Services-brand.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286410" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257340/biz-services-logo-branding_home.png' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286439" data-src='https://s3.amazonaws.com/hoth.bizango/images/1169803/Homepage-Services-marketing.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286439" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257347/biz-services-digital-marketing_home.png' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286438" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168318/Homepage-Services-maintenance.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286438" data-src='https://s3.amazonaws.com/hoth.bizango/images/1257375/biz-services-web-maintenance_home.png' alt='' data-lazy-function="load"> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286486"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286486" class="block block_id-286486 block_type__logos center-columns__yes padding-bottom__less padding-top__normal background-image-opacity__full image-opacity__light image-style__default show-links__false columns__5 logo-size__full grid-layout__center"> <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 logos__title"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286486_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286486", "label":"" , "tag":"div"}' > <h2 class="h3-style"><strong>Our Clients</strong></h2> </div> </div> <div class="element__help element-1 text-align-center"> </div> <div class="element__child_content element-2 admin-controls logos__grid"> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286502_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286502", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27157/rw.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286502_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286502", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286501_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286501", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27136/parr.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286501_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286501", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286500_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286500", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27137/copacino-fujikado.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286500_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286500", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286499_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286499", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27138/voyager.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286499_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286499", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286498_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286498", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27139/budge-heipt.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286498_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286498", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286497_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286497", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27162/KR_-_Dark_Logo_1.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286497_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286497", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286496_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286496", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27140/WHA.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286496_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286496", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286495_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286495", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27141/aws.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286495_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286495", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286494_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286494", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27142/panasonic.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286494_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286494", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286493_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286493", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27143/basta-boatlifts.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286493_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286493", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286492_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286492", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27144/aiu.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286492_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286492", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286491_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286491", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27155/foushee.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286491_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286491", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286490_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286490", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27146/longboat.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286490_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286490", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286489_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286489", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27147/LHA.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286489_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286489", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__text element-0 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286488_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286488", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> </div> <div class="element__svg_attachment element-2 logos__image"> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/assets/27156/JDB.svg" alt=""> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286488_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286488", "label":"" , "tag":"div"}' > </div> </div> <div class="element__link element-4 "> <div class=""> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286487"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286487" class="block block_id-286487 block_type__testimonials background-position__center background-image-opacity__full center-columns__yes padding-bottom__normal padding-top__less dots__hide flair__off top-border__normal bottom-border__normal mobile-background-position__no-change mobile-background-image-opacity__no-change"> <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__content_slider element-0 "> <link href="/stylesheets/blocks/slick.css?1495829387" media="screen" rel="stylesheet" type="text/css" /> <div class="bizango_cms_content content-slider"> <div class="slide"> <div class="element__slide-content group "> <div class="element__text element-0 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286507_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286507", "label":"" , "tag":"div"}' > <h4 style="text-align: center;"><strong>&ldquo;I am thrilled with our new website! It has rocketed us to the top of the Google results.&rdquo;</strong></h4> <p style="text-align: center;"><span class="upcase"><strong>&mdash; Leif Jackson, founder, Jackson Remodeling&nbsp;</strong></span>&thinsp;<span aria-label="star" class="bizango-icon" contenteditable="false" role="img"><span style="color:#f22e69;"></span></span></p> </div> </div> </div> </div> </div> <script defer="defer" src="/javascripts/blocks/slick.min.js?1547168186" type="text/javascript"></script> <script> $(document).ready(function(){ $('.block_id-286487 .content-slider').slick({ }); }); /* Additional options can be set on this slider from anywhere: $('.block_id-286487 .slider').slick('slickSetOption', {autoplay: true, autoplaySpeed: 5000}, true); See https://github.com/kenwheeler/slick for all options */ </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286445"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286445" class="block block_id-286445 link-list-alt overflow-hide page_frame--static site-block block_type__link-list-alt background-color__quinary padding-bottom__normal padding-top__normal link-line-color__tertiary"> <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 align-right display-flex link-list__top-text position-relative mb0 z-2"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_286445_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286445", "label":"" , "tag":"div"}' > <h2 class="h6-style"><span class="upcase">Industries</span></h2> </div> </div> <div class="element__link_list_alt element-1 link-list__children"> <div class="link-list__container link-list-alt"> <div class="link-list__children-desc"> <div class="link-list__child" data-id="286458" data-state="active"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="false" style="display: block;"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286458_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286458", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">ATTORNEYS</p> <p>An effective marketing website helps your firm connect with the clients you want to work with. It grabs attention, showcases your expertise and culture, and inspires the right clients to reach out and contact you.</p> <p><span class="button--pink"><a class="button" href="/attorney-website-design" tabindex="0">WEBSITES FOR LAW FIRMS</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286456" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286456_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286456", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">CONSTRUCTION</p> <p>Does your website help you win the job? Ours do. Let&rsquo;s talk about the projects you really want to do. Profitable. Sophisticated. The projects that build your reputation. These are the jobs you want.</p> <p><span class="button--pink"><a class="button" href="/construction-website-design/services" tabindex="0">SEE HOW OUR CLIENTS GET THEM</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286455" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286455_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286455", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">ARCHITECTS</p> <p><br /> Does your firm&#39;s website showcase your strengths? Does it immerse visitors in the work you&#39;ve done, and engage them in the art of dreaming?</p> <p><span class="button--pink"><a class="button" href="/architect-engineer-website-design" tabindex="0">ARCHITECT DESIGN GALLERY</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286454" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286454_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286454", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">ENGINEERS</p> <p>We specialize in websites for engineering groups. A marketing website helps your team connect with the clients you want to work with. It showcases your track record, giving just enough information for visitors to imagine what&#39;s possible.</p> <p><span class="button--pink"><a class="button" href="/architect-engineer-website-design" tabindex="0">WEB DESIGN FOR ENGINEERS</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286453" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286453_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286453", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">TOURISM</p> <p>Does your website inspire adventure? Ours do. Immerse website visitors in a taste of luxury. Tickle their sense of adventure. Make them drool.</p> <p><span class="button--pink"><a class="button" href="/alaska-website-design" tabindex="0">TOURISM WEBSITE GALLERY</a></span><br /> &nbsp;</p> </div> </div> </div> </div> <div class="link-list__child" data-id="286452" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286452_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286452", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">TECHNOLOGY + STARTUPS</p> <p>You need to tell a complicated story in a visual way that makes an impact fast. You&#39;ve come to the right place. Startups and techology companies are right up our alley -- come see what we can do.</p> <p><span class="button--pink"><a class="button" href="/gallery" tabindex="0">SEE OUR GALLERY</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286451" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286451_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286451", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">ORGANIZATIONS</p> <p>Share news and advocacy. Raise money. Build community. Make some noise. We have extensive experience working with organizations a nonprofits to create powerful online experiences that even a volunteer can manage.</p> <p><span class="button--pink"><a class="button" href="/gallery" tabindex="0">EXPLORE THE GALLERY</a></span></p> </div> </div> </div> </div> <div class="link-list__child" data-id="286449" data-state="inactive"> <div class="link-list__content"> <div class="link-list__link-dsc" aria-hidden="true" style=""> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_286449_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286449", "label":"" , "tag":"div"}' > <p class="h6-style">FEATURED INDUSTRY</p> <p class="h4-style">SEE ALL</p> <p>An effective marketing website helps you connect with the people you want to reach. It grabs attention, showcases your expertise and culture, and inspires the right people to reach out and contact you.</p> <p><span class="button--pink"><a class="button" href="/gallery" tabindex="0">EXPLORE THE GALLERY</a></span></p> </div> </div> </div> </div> </div> <div class="link-list-alt__children-titles"> <div class="desk"> <div class="link-list__child" data-id="286458" data-state="active"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286458_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286458", "label":"", "tag":"h3"}' >Attorneys</h3 > </div> </div> <div class="link-list__child" data-id="286456" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286456_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286456", "label":"", "tag":"h3"}' >Construction</h3 > </div> </div> <div class="link-list__child" data-id="286455" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286455_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286455", "label":"", "tag":"h3"}' >Architects</h3 > </div> </div> <div class="link-list__child" data-id="286454" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286454_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286454", "label":"", "tag":"h3"}' >Engineers</h3 > </div> </div> <div class="link-list__child" data-id="286453" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286453_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286453", "label":"", "tag":"h3"}' >Tourism</h3 > </div> </div> <div class="link-list__child" data-id="286452" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286452_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286452", "label":"", "tag":"h3"}' >Technology + Startups</h3 > </div> </div> <div class="link-list__child" data-id="286451" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286451_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286451", "label":"", "tag":"h3"}' >Organizations</h3 > </div> </div> <div class="link-list__child" data-id="286449" data-state="inactive"> <div class="link-list__link-title position-relative" tabindex="0"> <h3 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_286449_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"286449", "label":"", "tag":"h3"}' >See All</h3 > </div> </div> </div> <div class="bizango_cms_content mobile"> <select name="link-list" id="link-list_286445"> <option value="286458">Attorneys</option> <option value="286456">Construction</option> <option value="286455">Architects</option> <option value="286454">Engineers</option> <option value="286453">Tourism</option> <option value="286452">Technology + Startups</option> <option value="286451">Organizations</option> <option value="286449">See All</option> </select> </div> </div> <script defer="defer" src="/javascripts/bz1/link-list.js?1705599305" type="text/javascript"></script> <script> $(document).ready(function(){ linkList('286445'); }) </script> </div> </div> <div class="element__link_list_bgs element-2 full-absolute img-full--child link-list__bg-container olay-after olay--link-list-alt"> <img class="lazy" data-state="active" data-id="286458" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168416/Industries-attorneys2.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="active" data-id="286458" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168416/Industries-attorneys2_home.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286456" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168374/Industries-construction_home.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286455" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168367/Industries-architects_home.jpg' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286454" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168381/Industries-engineers.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286454" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168381/Industries-engineers_home.jpg' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286453" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168388/Industries-tourism.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286453" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168388/Industries-tourism_home.jpg' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286452" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168395/Industries-tech.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286452" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168395/Industries-tech_home.jpg' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286451" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168402/Industries-organizations.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286451" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168402/Industries-organizations_home.jpg' alt='' data-lazy-function="load"> <img class="lazy" data-state="inactive" data-id="286449" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168409/Industries-see-all.jpg' alt='' data-lazy-function="load"> <img class="mobile lazy" data-state="inactive" data-id="286449" data-src='https://s3.amazonaws.com/hoth.bizango/images/1168409/Industries-see-all_home.jpg' alt='' data-lazy-function="load"> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286511"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286511" class="block block_id-286511 page_frame--1400 site-block story-block block_type__story-text background-color__transparent padding-bottom__none padding-top__normal reversecolumns__no image-style__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="4"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1161269/DSC01211_home.jpeg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1161269/DSC01211_home.jpeg" alt="Website design company Seattle retreat 2022" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.895735;"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1160905/inner-1_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1160905/inner-1_home.jpg" alt="Seattle web designers at work" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.525714;"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1160954/dan_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1160954/dan_home.jpg" alt="Web developer at work" data-lazy-function="load" style="width: 100%; aspect-ratio: 0.636250;"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1161276/Image_from_iOS__7__home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1161276/Image_from_iOS__7__home.jpg" alt="Bizango Seattle web design team spirit" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.275917;"> </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_286511_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"286511", "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_286511_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286511", "label":"" , "tag":"div"}' > <h3>We Believe</h3> <h4>Your website tells the world who you are. We believe every founder, innovator and entrepreneur deserves to look world class online.</h4> <p>We believe in empowering creative people and marketers to tell their stories, with flexible tools that put them in the driver&#39;s seat.<br /> <br /> We believe your brand experience begins before customers ever arrive on your website -- on the first page of search engine results. That you need to show up there, grab attention, reel&#39;em in, and give them a reason to care. Great design and customer-centric messaging shows your prospects that you care about them.<br /> <br /> Our commitment is to help you find your voice. Define your vision and bring it to life online. The great brands do this. We can help you do it.<br /> &nbsp;</p> <p style="text-align: right;"><a class="line-link line-link--green" href="/seattle-web-design-company">Meet The Team</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286732"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286732" class="block block_id-286732 page_frame--1400 site-block story-block block_type__story-text padding-bottom__less padding-top__less reversecolumns__yes"> <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="3"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1164696/group-hike-afternoon_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1164696/group-hike-afternoon_home.jpg" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.082544;"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1164695/woman-reading-book-smiling_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1164695/woman-reading-book-smiling_home.jpg" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.500938;"> <!-- --> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1164697/worker-grinding-metal_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1164697/worker-grinding-metal_home.jpg" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.498127;"> </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_286732_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"286732", "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_286732_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286732", "label":"" , "tag":"div"}' > <p class="h4-style">We&#39;re a Seattle web design + development agency helping businesses with marketing needs including design, branding, copywriting, programming, and smart SEO to bring them new customers.</p> <p>As web developers, we create sites in-house that are easy to manage, and built to empower you. Leave your technical hassles behind, and take flight with visual drag and drop management tools that make it simple to roll out new content, products and services.<br /> <br /> We support what we build. Our goal with every project is to launch not only a website, but a long-term relationship. We&#39;re passionate about helping our clients grow, and ready to support your online and marketing efforts as you do.</p> <p>&nbsp;</p> <p><a class="line-link line-link--green" href="/gallery">See the Gallery</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="286767"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="286767" class="block block_id-286767 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_286767_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"286767", "label":"" , "tag":"div"}' > <p class="h3-style"><span style="color:#f22e69;"><strong>What If...</strong></span></p> </div> </div> <div class="element__rotating_form_questions element-1 form__rotating-questions"> <div class="rotating-form-question-container"> <span id="question_286767" 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("286767_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_286767', { 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 = $('#286767 .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_286767_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"286767", "label":"" , "tag":"div"}' > <p class="h4-style">Let&#39;s talk about your project.</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="286767_form-page" type="hidden" name="Form Page" value="Home"> <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&#x27;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&#x27;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 && 'home' != 'blog4' || ('home' == '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 ('home' != 'blog4' || ('home' == 'blog4' && '' != 'true')) { headerTextColor(); } else if ('home' == '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_home").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_home").addClass("current"); // $("#nav_").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> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTKPMC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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>

Pages: 1 2 3 4 5 6 7 8 9 10