Web Design and Marketing Services

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Web Design and Marketing Services | Bizango</title> <meta name="description" lang="en-us" content="Bizango is a Seattle-based web design, branding and marketing agency. Our services help businesses and organizations make an impact online. Explore our offerings." /> <link rel="canon_test" href="https://bizango.com/services"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes">  <script src="/javascripts/jquery-1.11.0.min.js?1391410894" type="text/javascript"></script> <script src="/javascripts/jquery.simplemodal.1.4.4.min.js?1387826925" type="text/javascript"></script> <script src="/javascripts/jquery-ui-1.10.3.custom.min.js?1388181381" type="text/javascript"></script> <script src="/javascripts/lazyload+io-polyfill.min.js?1594423719" type="text/javascript"></script> <script type="text/javascript"> /* patch added 9/18/2018 by scott * fix issue of link editing when ckeditor is opened in lightbox mode * https://bizango.teamwork.com/#/tasks/11559149 */ $.widget( "ui.dialog", $.ui.dialog, { /*! jQuery UI - v1.10.2 - 2013-12-12 * http://bugs.jqueryui.com/ticket/9087#comment:27 - bugfix * http://bugs.jqueryui.com/ticket/4727#comment:23 - bugfix * allowInteraction fix to accommodate windowed editors */ _allowInteraction: function( event ) { if ( this._super( event ) ) { return true; } // address interaction issues with general iframes with the dialog if ( event.target.ownerDocument != this.document[ 0 ] ) { return true; } // address interaction issues with dialog window if ( $( event.target ).closest( ".cke_dialog" ).length ) { return true; } // address interaction issues with iframe based drop downs in IE if ( $( event.target ).closest( ".cke" ).length ) { return true; } }, /*! jQuery UI - v1.10.2 - 2013-10-28 * http://dev.ckeditor.com/ticket/10269 - bugfix * moveToTop fix to accommodate windowed editors */ _moveToTop: function ( event, silent ) { if ( !event || !this.options.modal ) { this._super( event, silent ); } } }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TPTKPMC');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-J87636M4ZJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J87636M4ZJ'); </script> <script src="https://cdn.pagesense.io/js/bizango/4db9767ffa744421bd92760383d476e3.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1061205070"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1061205070'); </script> <link type="text/css" rel="stylesheet" media="screen" href="//fast.fonts.net/cssapi/bf1c5f15-4f7f-4590-b023-7e099b14812f.css"/> <link rel="stylesheet" media="screen" href="https://use.typekit.net/lgc4vxv.css"> <link rel="icon" type="image/png" href="/images/sites/bz8/favicon.png"> <script src="/javascripts/jquery.scrollTonew.min.js" defer></script> <script defer="defer" src="/javascripts/bizangotrack.js?1421308625" type="text/javascript"></script> <style> :root { --sp1: 0.5rem; --sp2: 1rem; --sp3: 2rem; --sp4: 4rem; } @font-face { font-family: "bizango-icons"; src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot"); src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot") format("embedded-opentype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.ttf") format("truetype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.woff") format("woff"), url("/stylesheets/blocks/fonts/bizango_cke_icons.svg") format("svg"); font-weight: normal; font-style: normal; } .bizango-icon { content: " "; font-family: "bizango-icons"; font-weight: 400; line-height: 1em; vertical-align: baseline; word-wrap: anywhere; } </style> <style data-theme-styles>@import url("https://fonts.googleapis.com/css?family=Montserrat:300,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); body { --theme-page-background: white; --theme-contrast-background: white; --theme-primary: #dfc457; --theme-secondary: #abc154; --theme-tertiary: #f22e69; --theme-quaternary: #80b0c4; --theme-black: #000; --theme-white: #FFF; --theme-text-color: white; --theme-link-color: #464646; --theme-link-hover-color: #464646; --theme-header-background: rgba(255, 255, 255, 0); --theme-nav-background: rgba(255, 255, 255, 0); --theme-nav-background-hover: rgba(255, 255, 255, 0); --theme-nav-link-color: white; --theme-nav-link-color-hover: white; --theme-flair-color: rgba(255, 255, 255, 0); --theme-padding-basis: 16px; --theme-button-padding: 18px 18px; --theme-button-color: #464646; --theme-button-radius: 15px; --theme-button-color-hover: #00eeff; --theme-button-border-width: 1px; --theme-font-size: 16px; --theme-footer-background: #313131; --theme-deep-footer-background: black; --theme-logo-width: 200px; --theme-logo-height: 60px; --theme-nav-font-size: 11px; --theme-contrast-color: #000; --theme-content: "100% 100%"; --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section p, .public-section .p-style, .public-section li, .public-section figcaption { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section h6, .public-section .h6-style, .public-section h5, .public-section .h5-style, .public-section h4, .public-section .h4-style, .public-section h3, .public-section .h3-style, .public-section h2, .public-section .h2-style, .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } @media only screen and (max-width: 767px) { .header__nav .header__nav-wrapper { --theme-contrast-background: gray; } } .header .subnav { --theme-contrast-color: #000; } .nav li { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: normal; --theme-text-transform: uppercase; --theme-letter-spacing: 0.1em; } .logo { --theme-font-family: 'Montserrat',sans-serif; } .footer a { --theme-contrast-color: white; } .footer .nav a:after { --theme-contrast-color: white; } .deep-footer__content, .deep-footer #bizango { --theme-contrast-color: white; } .block_container .swatch__black, .block_container .background-color__black { --theme-contrast-color: white; } .block_container .swatch__white, .block_container .background-color__white { --theme-contrast-color: #000; } .block_container .swatch__primary, .block_container .background-color__primary, .background-color__primary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__secondary, .block_container .background-color__secondary, .background-color__secondary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__tertiary, .block_container .background-color__tertiary, .background-color__tertiary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__quaternary, .block_container .background-color__quaternary, .background-color__quaternary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .background-color__black .button { --theme-contrast-color: #FFF; } .background-color__black .button:hover, .background-color__black .button:focus { --theme-contrast-color: #FFF; } .background-color__white .button { --theme-contrast-color: #464646; } .background-color__white .button:hover, .background-color__white .button:focus { --theme-contrast-color: #000; } .background-color__primary .button { --theme-contrast-color: #464646; } .background-color__primary .button:hover, .background-color__primary .button:focus { --theme-contrast-color: #000; } .background-color__secondary .button { --theme-contrast-color: #464646; } .background-color__secondary .button:hover, .background-color__secondary .button:focus { --theme-contrast-color: #000; } .background-color__tertiary .button { --theme-contrast-color: #464646; } .background-color__tertiary .button:hover, .background-color__tertiary .button:focus { --theme-contrast-color: #000; } .background-color__quaternary .button { --theme-contrast-color: #464646; } .background-color__quaternary .button:hover, .background-color__quaternary .button:focus { --theme-contrast-color: #000; } @media only screen and (max-width: 767px) { .block_container .mobile-background-color__black { --theme-contrast-color: white; } .block_container .mobile-background-color__white { --theme-contrast-color: #000; } .block_container .mobile-background-color__primary { --theme-contrast-color: #000; } .block_container .mobile-background-color__secondary { --theme-contrast-color: #000; } .block_container .mobile-background-color__tertiary { --theme-contrast-color: #000; } .block_container .mobile-background-color__quaternary { --theme-contrast-color: #000; } } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 { --theme-contrast-color: white; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 { --theme-contrast-color: white; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 { --theme-contrast-color: white; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__boxes.background-color_white .box, .block_type__boxes.background-color__white .admin-frame .box, .block_type__boxes.block.hover-background-color__white .box:hover, .block_type__boxes.block.hover-background-color__white .box:focus-within, .block_type__boxes.hover-background-color__white .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__black .box, .block_type__boxes.background-color__black .admin-frame .box, .block_type__boxes.block.hover-background-color__black .box:hover, .block_type__boxes.block.hover-background-color__black .box:focus-within, .block_type__boxes.hover-background-color__black .admin-frame .hover-box.box { --theme-contrast-color: white; } .block_type__boxes.background-color__primary .box, .block_type__boxes.background-color__primary .admin-frame .box, .block_type__boxes.block.hover-background-color__primary .box:hover, .block_type__boxes.block.hover-background-color__primary .box:focus-within, .block_type__boxes.hover-background-color__primary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__secondary .box, .block_type__boxes.background-color__secondary .admin-frame .box, .block_type__boxes.block.hover-background-color__secondary .box:hover, .block_type__boxes.block.hover-background-color__secondary .box:focus-within, .block_type__boxes.hover-background-color__secondary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__tertiary .box, .block_type__boxes.background-color__tertiary .admin-frame .box, .block_type__boxes.block.hover-background-color__tertiary .box:hover, .block_type__boxes.block.hover-background-color__tertiary .box:focus-within, .block_type__boxes.hover-background-color__tertiary .admin-frame .hover-box, .block_type__boxes.hover-background-color__tertiary .box.admin-box { --theme-contrast-color: #000; } .block_type__boxes.background-color__quaternary .box, .block_type__boxes.background-color__quaternary .admin-frame .box, .block_type__boxes.block.hover-background-color__quaternary .box:hover, .block_type__boxes.block.hover-background-color__quaternary .box:focus-within, .block_type__boxes.hover-background-color__quaternary .admin-frame .hover-box { --theme-contrast-color: #000; } .block_type__faqs .windowshade-button-text { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; --theme-font-weight: 400; } .block_type__faqs.button-background-color__white .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__black .windowshade-button { --theme-contrast-color: white; } .block_type__faqs.button-background-color__primary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__secondary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__tertiary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__quaternary .windowshade-button { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__white .grid-item, .block_type__subpage-overlay.hover-background-color__white .grid-item:hover, .block_type__subpage-overlay.hover-background-color__white .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__black .grid-item, .block_type__subpage-overlay.hover-background-color__black .grid-item:hover, .block_type__subpage-overlay.hover-background-color__black .grid-item:focus-within { --theme-contrast-color: white; } .block_type__subpage-overlay.initial-background-color__primary .grid-item, .block_type__subpage-overlay.hover-background-color__primary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__primary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__secondary .grid-item, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__tertiary .grid-item, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__quaternary .grid-item, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__book-excerpt .container--excerpt { --theme-contrast-color: #000; } .button { --theme-contrast-color: white; } </style> <link rel="stylesheet" href="https://use.typekit.net/zyw6xwo.css"> <script defer="defer" src="/javascripts/blocks/focus-visible.js?1640887281" type="text/javascript"></script> <link href="/stylesheets/blocks/helpers.css?1674222025" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/foundation-grid.css?1702938880" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults.css?1727801680" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults-flex.css?1621957245" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/base-icons.css?1623182439" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/variables-theming.css?1705683664" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/site.css?1731357938" media="screen" rel="stylesheet" type="text/css" /> <script src="/javascripts/bz1/lenis.min.js?1703279130" type="text/javascript"></script> <script src="/javascripts/bz1/gsap.min.js?1703254597" type="text/javascript"></script> <script src="/javascripts/bz1/ScrollTrigger.min.js?1703254597" type="text/javascript"></script> <script> // jQuery(document).ready(function(){ // Lenis is necessary for smooth scroll with free gsap gsap.registerPlugin(ScrollTrigger); const lenis = new Lenis(); lenis.on('scroll', ScrollTrigger.update); gsap.ticker.add((time)=>{ lenis.raf(time * 1000); }) gsap.ticker.lagSmoothing(0); // }) </script> </head> <body id="body_services" class=" body_nothome theme--variables button-style--ghost button-variants--bold--false button-variants--caps--false button-variants--spaced--false button-variants--rounded--false logo-variants--hide-logo--false logo-variants--extend-logo--false nav-style--shorthorizontal nav-style-variants--separators--false public " > <div><a class="skip-to-link screen-reader-text" href="#main-content">Skip navigation</a></div> <div class="public-section"> <header class="header"> <div class="page_frame group"> <div class="header__frame"> <div class="logo header__logo"> <a href="/"><img src="https://s3.amazonaws.com/hoth.bizango/images/1165086/logo_bizango-white_home.png" ></a> </div> <div class="header__nav"> <div class="header__nav-wrapper"> <button class="hamburger hamburger--spin header__mobile-nav-toggle" data-toggle-show=".header__nav-wrapper" aria-expanded="false"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <ul role="menu" id="Header_nav" aria-label="Header navigation" class="nav nav--primary"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  <ul role="menu" aria-label="Services sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  <ul role="menu" aria-label="Company sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="" class="nav__a" href="#" >Industries</a>  <ul role="menu" aria-label="Industries sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> <script> $(document).ready(function(){ // Default line color var lineColorClass = 'line-link--blue'; const colorObj = { // 'background-color__transparent': 'line-link--blue', // 'background-color__white': 'line-link--blue', 'background-color__black': 'line-link--white', 'background-color__primary': 'line-link--white', // 'background-color__secondary': 'line-link--blue', 'background-color__tertiary': 'line-link--gold', 'background-color__quaternary': 'line-link--pink', 'background-color__quinary': 'line-link--gold' } const firstBlockBGColorArr = $('[data-sortable] .block_container:first-child .block').attr('class').match(/background-color__\w+/) || false; if (firstBlockBGColorArr && 'page' != 'blog4') { const firstBlockBGColor = firstBlockBGColorArr[0]; if (colorObj.hasOwnProperty(firstBlockBGColor)) { lineColorClass = colorObj[firstBlockBGColor]; } } $('.header__nav-wrapper > ul.nav > li:last-child > a').addClass(`line-link ${lineColorClass}`); }) </script> <div id="mobile_nav" class="header__mobile-nav-wrapper"> <ul role="menu" id="mobile-nav-menu" class="nav nav--mobile " aria-label="primary mobile navigation"> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_services_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/services" >Services <div role="button" aria-label="toggles Services sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_portfolio_mobile" class=" nav__a nav__a--mobile" href="/gallery" >Portfolio </a>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_company_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/seattle-web-design-company" >Company <div role="button" aria-label="toggles Company sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="#" >Industries <div role="button" aria-label="toggles Industries sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_contact_mobile" class=" nav__a nav__a--mobile" href="/contact" >Let's Begin </a>  </li> </ul> </div> </div> </div> </div> </div> </header> <main id="main-content" tabindex="-1"> <div data-sortable="284795"> <div class="block_container " data-content-id="288491"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288491" class="block block_id-288491 basic site-hero site-block block_type__basic-hero background-color__quaternary padding-bottom__normal 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 basic-hero__title subtle-h1"> <h1 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_288491_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"288491", "label":"", "tag":"h1"}' ></h1 > </div> <div class="element__text element-1 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288491_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288491", "label":"" , "tag":"div"}' > <h1 class="h2-style">Our Services</h1> </div> </div> </div> <div class="col-2 "> <div class="element__text element-0 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_288491_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"288491", "label":"" , "tag":"div"}' > <p>The power team at Bizango includes specialists in everything you need to create, launch and promote your brand, business, or cause.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288493"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288493" class="block block_id-288493 site-block block_type__features-block padding-bottom__less padding-top__normal column-layout__3-columns"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 features-block__title-col mb0-last"> <div class="element__text element-0 features-block__title"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288493_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288493", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-2 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1174088/KP-home_gallery.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1174088/KP-home_gallery.jpg" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.906780;"/> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data1 textdiv_data1" id="content_288493_data1" data-bizango='{"monkey":"data", "field":"data1", "object_type":"content", "cms_id":"288493", "label":"", "tag":"h3"}' >Web Design</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_288493_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"288493", "label":"" , "tag":"div"}' > <p>An effective website is designed from day one to help you achieve a specific goal. Maybe you want to win more leads. Grab more attention. Look amazing. What's your goal? Want to see what we can do together?</p> <p><a href="/web-design">Explore Web Design</a></p> </div> </div> </div> <div class="col-3 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1167491/thrive-video-freeze-frame_gallery.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1167491/thrive-video-freeze-frame_gallery.jpg" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.914894;"/> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data2 textdiv_data2" id="content_288493_data2" data-bizango='{"monkey":"data", "field":"data2", "object_type":"content", "cms_id":"288493", "label":"", "tag":"h3"}' >Brand Identity</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288493_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288493", "label":"" , "tag":"div"}' > <p>Your brand inspires positive feelings and sparks a connection with the customers you most want to reach. It begins with a logo, typography, a palette of words and visuals. It extends to everything you do. Our job is to help you shine the spotlight on the things that make your company unique.</p> <p><a href="/branding">Effective Branding Services</a></p> </div> </div> </div> <div class="col-4 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before"> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data3 textdiv_data3" id="content_288493_data3" data-bizango='{"monkey":"data", "field":"data3", "object_type":"content", "cms_id":"288493", "label":"", "tag":"h3"}' ></h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_288493_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"288493", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-5 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1167498/coates-video-freeze-frame_gallery.jpg)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1167498/coates-video-freeze-frame_gallery.jpg" alt=""> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data4 textdiv_data4" id="content_288493_data4" data-bizango='{"monkey":"data", "field":"data4", "object_type":"content", "cms_id":"288493", "label":"", "tag":"h3"}' >SEO</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich2 textdiv_rich2" id="content_288493_rich2" data-bizango='{"monkey":"data", "field":"rich2", "object_type":"content", "cms_id":"288493", "label":"" , "tag":"div"}' > <p>If your website is going to grab attention, it needs to show up in search engines. That's why every website project we do begins and ends with a data-driven SEO process – to get in front of the <em>right people at the right time</em>.</p> <p><a href="/business-marketing/seo">Smart SEO</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="288494"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="288494" class="block block_id-288494 site-block block_type__features-block padding-bottom__normal padding-top__none column-layout__4-columns"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 features-block__title-col mb0-last"> <div class="element__text element-0 features-block__title"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_288494_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"288494", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-2 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1161752/gabriel-tovar-QgVkHMvMNTE-unsplash_gallery.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1161752/gabriel-tovar-QgVkHMvMNTE-unsplash_gallery.jpg" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.500000;"/> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data1 textdiv_data1" id="content_288494_data1" data-bizango='{"monkey":"data", "field":"data1", "object_type":"content", "cms_id":"288494", "label":"", "tag":"h3"}' >Digital Marketing</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_288494_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"288494", "label":"" , "tag":"div"}' > <p>Smart, targeted marketing plans begin with data. We take a data-driven approach to finding your audience, and work with you to create the creative spark that grabs attention and inspires action.</p> <p><a href="/business-marketing">Data-Driven Marketing Plans</a></p> </div> </div> </div> <div class="col-3 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1189654/wren-meinberg-xqV9QdGOSas-unsplash_gallery.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1189654/wren-meinberg-xqV9QdGOSas-unsplash_gallery.jpg" data-lazy-function="load" style="width: 100%; aspect-ratio: 0.666667;"/> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data2 textdiv_data2" id="content_288494_data2" data-bizango='{"monkey":"data", "field":"data2", "object_type":"content", "cms_id":"288494", "label":"", "tag":"h3"}' >Content Strategy</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_288494_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"288494", "label":"" , "tag":"div"}' > <p>Your website and brand unfolds like a story. Like a movie, we must grab attention, hook interest, and inspire them to come along for the ride. Whether you're writing your own text, or need copywriting help, we can help with words.</p> <p><a href="/content-strategy">Let's tell your story</a></p> </div> </div> </div> <div class="col-4 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image_lazy element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1189661/elena-mozhvilo-RhXAO8OXyDY-unsplash_gallery.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1189661/elena-mozhvilo-RhXAO8OXyDY-unsplash_gallery.jpg" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.502504;"/> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data3 textdiv_data3" id="content_288494_data3" data-bizango='{"monkey":"data", "field":"data3", "object_type":"content", "cms_id":"288494", "label":"", "tag":"h3"}' >Website Maintenance and Support</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_288494_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"288494", "label":"" , "tag":"div"}' > <p>Technology is great, but you've got other things to do. Sometimes you just want someone to take care of everything. The folks at Bizango have built a caring culture and a knowedgeable support team.</p> <p><a href="/website-maintenance-and-support">We'll take care of that!</a></p> </div> </div> </div> <div class="col-5 features-block__col"> <div class="element__group element-0 align-bottom display-flex features-block__col-img-grp"> <div class="element__image element-0 img-controls-absolute features-block__col-img full-absolute img-full--child olay-before"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1189668/iker-urteaga-TL5Vy1IM-uA-unsplash_gallery.jpg)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1189668/iker-urteaga-TL5Vy1IM-uA-unsplash_gallery.jpg" alt=""> </div> <div class="element__text element-1 features-block__col-title position-relative"> <h3 class="bizango_cms bizango_cms_content bizango_content_data4 textdiv_data4" id="content_288494_data4" data-bizango='{"monkey":"data", "field":"data4", "object_type":"content", "cms_id":"288494", "label":"", "tag":"h3"}' >CMS</h3 > </div> </div> <div class="element__text element-1 features-block__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich2 textdiv_rich2" id="content_288494_rich2" data-bizango='{"monkey":"data", "field":"rich2", "object_type":"content", "cms_id":"288494", "label":"" , "tag":"div"}' > <p>People CMS is the easiest way to manage a professional website. Add pages, photos, news and updates. Edit any text, direclty on the page where it lives.  A visual, drag and drop interface makes it easy to create new landing pages that are always on brand.</p> <p><a href="/content-management-system">Explore People CMS</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="284788"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="284788" class="block block_id-284788 columns--2 site-block block_type__2-column-bigright background-color__quinary padding-bottom__normal padding-top__normal mobile-order-reverse__false mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_284788_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"284788", "label":"" , "tag":"div"}' > <h2 style="text-align: right;">Digital marketing and brand storytelling touch so many areas of our lives.</h2> </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_284788_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"284788", "label":"" , "tag":"div"}' > <p>That's why it's more important than ever to be able to know who to call when you need something complex, or beautiful, or impactful.</p> <p>We've assembled a Seattle-based team of creatives, engineers, and data nerds who work together as a cohesive whole to generate results for our clients across industries and geographies.</p> <h4><a href="/gallery">See our Work</a></h4> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287718"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287718" class="block block_id-287718 block_type__logos padding-bottom__normal padding-top__normal background-image-opacity__full image-opacity__medium image-style__grayscale show-links__false columns__6 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_287718_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287718", "label":"" , "tag":"div"}' > </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_287724_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287724", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1164053/logo_rw-anderson_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1164053/logo_rw-anderson_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287724_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287724", "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_287723_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287723", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1163988/logo_amazon-web-services_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1163988/logo_amazon-web-services_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287723_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287723", "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_287722_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287722", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1163991/logo_copacino-fujikado_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1163991/logo_copacino-fujikado_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287722_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287722", "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_287721_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287721", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1163992/logo_foushee_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1163992/logo_foushee_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287721_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287721", "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_287720_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287720", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1164010/logo_jackson-design-build_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1164010/logo_jackson-design-build_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287720_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287720", "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_287719_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287719", "label":"" , "tag":"div"}' > </div> </div> <div class="element__image element-1 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1163987/logo_aiu_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1163987/logo_aiu_sidebar.png" alt=""> </div> <div class="element__svg_attachment element-2 logos__image"> </div> <div class="element__text element-3 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287719_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287719", "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="287725"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287725" class="block block_id-287725 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_287725_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287725", "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_287725" 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("287725_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_287725', { 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 = $('#287725 .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_287725_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287725", "label":"" , "tag":"div"}' > <p class="h4-style">Let'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="287725_form-page" type="hidden" name="Form Page" value="Services"> <div id="captcha-456" class="form-field form-field__input-captcha"></div> </div> <div class="form__col submit-col"> <div class="form-field form-field__submit"> <input type="hidden" name="superform" value="456"> <button type="submit" id="superform_submit" class="">LET'S DO THIS</button> </div> </div> </form> <script src="/javascripts/jquery.form.min.js?1394470891" type="text/javascript"></script> <script src="/javascripts/jquery.validate.1.11.1.min.js?1389554289" type="text/javascript"></script> <script> $(document).ready(function() { $("#captcha-456").load("/captcha?sfid=456"); jQuery.validator.addMethod("defaultInvalid", function(value, element){ return !(element.value == element.defaultValue); }); $("#superform-footer").validate({ showErrors: function(){ $(window).trigger('resize.px.parallax'); this.defaultShowErrors(); }, submitHandler: function(form) { jQuery(form).ajaxSubmit({ target: "#superform-footer", replaceTarget: true, success: function(){ $(window).trigger('resize.px.parallax'); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.responseText); $("#superform_spamhash").addClass("error"); $("#superform_submit").val("Submit"); $(window).trigger('resize.px.parallax'); } }); event.preventDefault(); return false; } }); jQuery.validator.addMethod("phoneUS", function(phone_number, element) { phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(1-?)?($[2-9]\d{2}$|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); }, "Please specify a valid phone number"); jQuery.extend(jQuery.validator.messages, { required: "Please include this information.", email: "Please include a valid email address.", digits: "Please enter only digits.", equalTo: "Please enter the same value again.", defaultInvalid: "Please include this information." }); }); </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287727"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287727" class="block block_id-287727 block_type__shared-content-one background-color__quinary hide-content__false"> <div class="page_frame group"> <div class="five-col fl"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_284796_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"284796", "label":"" , "tag":"div"}' > <h2><span class="light-weight">Our Services:</span></h2> </div> </div> <div class="col-1 fl"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_284796_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"284796", "label":"" , "tag":"div"}' > <p><a class="current" href="/web-design">Web Design</a></p> <p><a href="/branding">Branding</a></p> <p><a href="/business-marketing">Digital Marketing</a></p> <p><a href="/business-marketing/seo">SEO</a></p> </div> </div> <div class="col-2 fr"> <div class="bizango_cms bizango_cms_content bizango_content_rich2 textdiv_rich2" id="content_284796_rich2" data-bizango='{"monkey":"data", "field":"rich2", "object_type":"content", "cms_id":"284796", "label":"" , "tag":"div"}' > <p><a href="/e-commerce-web-design">E-Commerce</a></p> <p><a href="/content-strategy">Content Strategy</a></p> <p><a href="/content-management-system">Content Management System</a></p> <p><a href="/website-maintenance-and-support">Website Maintenance + Support</a></p> <p><a href="/web-development">Web Development</a></p> </div> </div> </div> <div class="page_frame group"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_284796_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"284796", "label":"" , "tag":"div"}' > <p style="text-align: center;"><br /> Locations: <a href="/">Seattle</a> • <a href="/tacoma-web-design">Tacoma</a> • <a class="current" href="/denver-web-design">Denver</a> • <a href="/albuquerque-web-design">Albuqerque</a></p> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $(".block_id-287727 a").each(function(){ if ($(this).attr("href") == '/services' ) { $(this).addClass("current") }; }); }); </script> </div> </div> </main> <div id="footer"> <div class="page_frame"> <div id="footer_nav"> <ul role="menu" id="Footer_nav" aria-label="Footer navigation" class="nav nav--footer"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_home" class="nav__a" href="/" >Home</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> </div> </div> <div class="footer-text_container"> <span id="footer_text">BIZANGO</span> </div> </div> <script type="text/javascript"> //Deal with UTMs var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); } } }; function setCookie(key, value, expiry) { // expiry = days var expires = new Date(); expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString(); } function getCookie(key) { var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); return keyValue ? keyValue[2] : null; } function eraseCookie(key) { var keyValue = getCookie(key); setCookie(key, keyValue, '-1'); } //get New UTM from querystring var new_utm_campaign = getUrlParameter('utm_campaign'); if (new_utm_campaign!==undefined){ // we found a new UTM in the querystring setCookie('utm_campaign', new_utm_campaign, 1) } // see utm below... function classBgColorForAboveAndBelowBlocks(){ $("[data-sortable] .block_container").each(function(index){ var currentBlock = $(this); var aboveBlock = $(this).prev().find(".block").get(0); var aboveBlockClassList = null; if (aboveBlock) { aboveBlockClassList = aboveBlock.classList; $(aboveBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/above-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("above-block-" + className); } }); } var belowBlock = $(this).next().find(".block").get(0); var belowBlockClassList = null; if (belowBlock) { belowBlockClassList = belowBlock.classList; $(belowBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/below-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("below-block-" + className); } }); } }); } function overlayHeaderNav(){ var header = $("header"); header.removeAttr("style"); var headerBgColorValues = header.css('background-color').match(/[\d\.]+/g); var headerHeight = header.innerHeight(); var firstBlockContainer = $("[data-sortable] .block_container:first-child"); if (firstBlockContainer.length > 0 && typeof(headerBgColorValues[3]) != 'undefined' && headerBgColorValues[3] < 1 && 'page' != 'blog4' || ('page' == 'blog4' && '' != 'true')){ var firstBlock = firstBlockContainer.find('.block'); firstBlockContainer.removeAttr('style'); firstBlock.removeAttr('style'); firstBlockContainer.css("margin-top", headerHeight + "px"); firstBlock.css("margin-top", "-" + headerHeight + "px"); firstBlock.css('padding-top', (parseInt(firstBlock.css('padding-top')) + headerHeight) + "px"); } else { header.css("position", "relative"); } } function headerTextColor(){ var firstBlock = $("[data-sortable] .block_container:first-child .block"); const firstBlockBG = firstBlock.attr('class').match(/background\-color__\w+/g)? firstBlock.attr('class').match(/background\-color__\w+/g)[0] : 'background-color__transparent'; $('header').addClass('header-' + firstBlockBG); } if ('page' != 'blog4' || ('page' == 'blog4' && '' != 'true')) { headerTextColor(); } else if ('page' == 'blog4' && '' == 'true') { $(".header").addClass('header-background-color__quaternary') } if (ResizeObserver) { var ro = new ResizeObserver(function(entries){ for (let entry of entries) { overlayHeaderNav(); } }); ro.observe(document.querySelector('.header')); // this fires once immediately } classBgColorForAboveAndBelowBlocks(); $(document).ajaxComplete(function(){ classBgColorForAboveAndBelowBlocks(); overlayHeaderNav(); }); $("#nav_services").addClass("current"); // $("[data-toggle-show]").on("click", function(){ // var target = $(this).attr("data-toggle-show"); // var expandedState = $(this).attr('aria-expanded') == 'true' ? true : false; // $(this).attr('aria-expanded', String(!expandedState)); // $(target).toggleClass("toggle-show"); // }); $(document).ready(function() { $('a[href^="#"]').on('click', function(e){ e.preventDefault(); const ID = $(this).attr('href'); const target = $(ID).get()[0] lenis.scrollTo(target, {duration: 1}); }); $(".header__mobile-nav-toggle").on("click", function(){ var toggleState = $(this).attr('aria-expanded') == 'true' ? false : true; $('header').toggleClass('mobile-active'); $(this).attr('aria-expanded', String(toggleState)).toggleClass('is-active'); $('#mobile_nav').attr({"aria-hidden": String(!toggleState)}).slideToggle(); }); $('.nav__toggle-subnav').on('click', function(e) { e.preventDefault(); var plusExpanded = $(this).attr('aria-expanded') == 'false' ? 'true' : 'false'; $(this).parent().attr('aria-expanded', plusExpanded); $(this).parents('li').toggleClass('active'); $(this).parent().siblings('.nav--mobile-subnav').slideToggle(); }) // $('#mobile_nav .nav').hide(); // $('#mobile_nav .icon').on('click', function() { // $(this).siblings('.nav').slideToggle(); // }) // $('#mobile_nav .nav a.has-subnav:not(#nav_portfolio)').on('click', function(e) { // e.preventDefault(); // $(this).parent().toggleClass('active'); // $(this).siblings('.subnav').slideToggle(); // }) // $(".noclick").click(function() { // return false; // }); // $("#nav_services").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>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTKPMC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> /* <![CDATA[ */ // DO NOT CHANGE THE CODE BELOW. goog_snippet_vars = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "1ocGCKeniGYQzuiC-gM"; w.google_remarketing_only = false; } goog_report_conversion = function(url) { goog_snippet_vars(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } goog_snippet_vars_2 = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "a7cQCKrym2cQzuiC-gM"; w.google_remarketing_only = false; } // DO NOT CHANGE THE CODE BELOW. goog_report_conversion_2 = function(url) { goog_snippet_vars_2(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1061205070/?label=1ocGCKeniGYQzuiC-gM&value=0&guid=ON&script=0"/> </div> </noscript> <script> $(function(){ $('body').on('click', '#superform_submit, .hs-submit .hs-button', function(){ goog_report_conversion(); goog_report_conversion_2(); gtag('event', 'submit', {'event_category': 'form'}); }); }); $("a[href^='tel']").on("click", function(){ gtag('event', 'click', { 'event_category': 'phone'}); }); </script> <script> function executeLazyFunction(element) { var lazyFunctionName = element.getAttribute("data-lazy-function"); var lazyFunction = window.lazyFunctions[lazyFunctionName]; if (!lazyFunction) return; lazyFunction(element); } var myLazyLoad = new LazyLoad({ unobserve_entered: true, // <- Avoid executing the function multiple times callback_enter: executeLazyFunction // Assigning the function defined above }); window.lazyFunctions = { load: function (element) { // Remove any sizing attributes after image loaded $(element).attr('style', ''); setTimeout(function(){ $(window).trigger('resize'); },500); } }; </script> </body> </html>

CINXE.COM

Web Design and Marketing Services | Bizango