CINXE.COM

Web Design Gallery | Bizango Seattle

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Web Design Gallery | Bizango Seattle</title> <meta name="description" lang="en-us" content="Bold, clean web design helps businesses connect with customers, fans, and prospects. This gallery of Seattle web design shows how Bizango helps your business stand out." /> <link rel="canon_test" href="https://bizango.com/gallery"> <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> </head> <body id="body_portfolio" 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&#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 && 'collection' != '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="284803"> <div class="block_container " data-content-id="302756"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="302756" class="block block_id-302756 basic site-hero site-block block_type__basic-hero background-color__quaternary padding-bottom__normal padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap align-middle align-spaced display-flex flex-wrap"> <div class="col-1 "> <div class="element__text element-0 basic-hero__title subtle-h1"> <h1 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_302756_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"302756", "label":"", "tag":"h1"}' >seattle web design</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_302756_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"302756", "label":"" , "tag":"div"}' > <h2>Portfolio</h2> </div> </div> </div> <div class="col-2 "> <div class="element__text element-0 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_302756_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"302756", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="303663"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="303663" class="block block_id-303663 block_type__1-column center-columns__yes constrain-content__yes padding-bottom__less padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_303663_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"303663", "label":"" , "tag":"div"}' > <h3><strong>Does your website design<br /> help you stand out?</strong></h3> <p>What&rsquo;s unique about your brand?&nbsp; What do your customers love?</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285421"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285421" class="block block_id-285421 columns--3 block_type__3-column background-color__transparent padding-bottom__less padding-top__less"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__image element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285421_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285421", "label":"" , "tag":"div"}' > <h4><strong>We Bring</strong></h4> <p>our <strong>expertise</strong> and a <strong>proven process</strong> refined over hundreds of successful launches. Creative spark, data, patience, and big hearts.</p> </div> </div> </div> <div class="col-2 "> <div class="element__image element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285421_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285421", "label":"" , "tag":"div"}' > <h4><strong>You Bring</strong></h4> <p>unique understanding of <strong>your business and your customers</strong>, your market knowledge, and your passion. Big goals and big ambition.</p> </div> </div> </div> <div class="col-3 "> <div class="element__image element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich2 textdiv_rich2" id="content_285421_rich2" data-bizango='{"monkey":"data", "field":"rich2", "object_type":"content", "cms_id":"285421", "label":"" , "tag":"div"}' > <h4><strong>Together</strong></h4> <p>let&#39;s <strong>create something unique and powerful</strong> that helps you achieve your goals and make an impact.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285422"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285422" class="block block_id-285422 block_type__1-column padding-bottom__none padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285422_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285422", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="303636"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="303636" class="block block_id-303636 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_303636_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"303636", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271458/panel-coates.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/architect-coates-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/architect-coates-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271465/panel-thrive.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/thrive-web-design-branding-for-therapy" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/thrive-web-design-branding-for-therapy" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_303636_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"303636", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="303640"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="303640" class="block block_id-303640 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_303640_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"303640", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271479/panel-safer.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/medical-products-startup-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/medical-products-startup-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271486/panel-humanentelligence.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ai-advocacy-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/ai-advocacy-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271528/panel-58stars4.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/luxury-travel-agency-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/luxury-travel-agency-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_303640_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"303640", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="303644"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="303644" class="block block_id-303644 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_303644_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"303644", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271493/panel-outset.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/startup-web-design-branding-outset" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/startup-web-design-branding-outset" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271500/panel-drchumble.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/chumble-plastic-surgeon-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/chumble-plastic-surgeon-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_303644_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"303644", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287190"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287190" class="block block_id-287190 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287190_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287190", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271654/panel-abes.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/colorado-bike-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/colorado-bike-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161766/preview-horiz-wha.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/washington-health-alliance" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/washington-health-alliance" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161311/panel-BootstrapBillionaire.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/bootstrap-billionaire-web-brand-business-coach" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/bootstrap-billionaire-web-brand-business-coach" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287190_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287190", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287181"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287181" class="block block_id-287181 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287181_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287181", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161850/panel-LWA.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/modern-architect-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/modern-architect-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161318/panel-I5design.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/i5-design-build-contractor-webdesign" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/i5-design-build-contractor-webdesign" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161857/panel-fp.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/freight-plus-b2b-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/freight-plus-b2b-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287181_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287181", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287177"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287177" class="block block_id-287177 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287177_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287177", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161521/panel-voyager.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/web-design-for-startup-investor" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/web-design-for-startup-investor" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161773/preview-horiz-BH.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/attorney-web-design-budge-heipt" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/attorney-web-design-budge-heipt" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287177_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287177", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287188"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287188" class="block block_id-287188 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287188_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287188", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271584/panel-aiu24.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/university-website-design-branding" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/university-website-design-branding" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1271507/panel-rw-24.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/rw-anderson-construction" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/rw-anderson-construction" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287188_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287188", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287186"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287186" class="block block_id-287186 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287186_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287186", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161178/panel-paradoxes.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/paradoxes-market-research-consulting-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/paradoxes-market-research-consulting-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161787/panel-appletonluff.jpg' data-lazy-function="load" alt='appleton luff international lawyers'> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/web-design-for-international-law-firm" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to Appleton Luff International Lawyers"></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/web-design-for-international-law-firm" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161283/panel-salish-3.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/branding-web-design-for-medical-startup" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/branding-web-design-for-medical-startup" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287186_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287186", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287196"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287196" class="block block_id-287196 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287196_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287196", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161199/panel-eatseattle.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/eat-seattle-branding-tourism-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/eat-seattle-branding-tourism-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161192/panel-AHMO.jpg' data-lazy-function="load" alt='allen, hansen, maybrown, and offenbecher'> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ahmo-attorney-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to Allen, Hansen, Maybrown, and Offenbecher"></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/ahmo-attorney-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287196_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287196", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287192"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287192" class="block block_id-287192 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287192_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287192", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161864/panel-innovative-industries.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/innovative-industries-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/innovative-industries-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161206/panel-tnc.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/leadership-consulting-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/leadership-consulting-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158966/panel-fou.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/foushee-commercial-construction-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/foushee-commercial-construction-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287192_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287192", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287191"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287191" class="block block_id-287191 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287191_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287191", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161528/panel-pss.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/puget-sound-steel-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/puget-sound-steel-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161339/bgpl-homepage-feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/barton-guestier-wine-distributor" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/barton-guestier-wine-distributor" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287191_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287191", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287185"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287185" class="block block_id-287185 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287185_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287185", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1160513/bizango-gallery-thumb-JN.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/jay-newman-author" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/jay-newman-author" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161367/panel-larson-lha.jpg' data-lazy-function="load" alt='larson health advocates'> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/larson-health-advocates" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to Larson Health Advocates"></a> <a href="&amp;nbsp;/gallery/larson-health-advocates" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156537/panel-utx_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ultima-thule-lodge-alaska" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/ultima-thule-lodge-alaska" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287185_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287185", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287187"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287187" class="block block_id-287187 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287187_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287187", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1160562/panel-sod.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/video-game-web-design-state-of-decay" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/video-game-web-design-state-of-decay" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157349/panel-den_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/denali-lodge-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/denali-lodge-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161843/panel-castrgard.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/medical-device-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&lt;br /&gt; &amp;nbsp;/gallery/medical-device-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287187_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287187", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287184"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287184" class="block block_id-287184 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287184_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287184", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1160464/panel-hclinical.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/h-clinical-medical-research" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/h-clinical-medical-research" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156488/panel-snb_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/sider-byers-engineering-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/sider-byers-engineering-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1160541/panel-kr.jpg' data-lazy-function="load" alt='keller rohrback'> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/kr-attorney-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to Keller Rohrback"></a> <a href="/gallery/kr-attorney-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287184_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287184", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287194"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287194" class="block block_id-287194 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287194_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287194", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161325/panel-ayan.jpg' data-lazy-function="load" alt='ayan law office'> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ayan-law-firm-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to Ayan Law Office"></a> <a href="&amp;nbsp;/gallery/ayan-law-firm-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158161/panel-rui.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/web-design-for-weddings-and-events" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="&amp;nbsp;/gallery/web-design-for-weddings-and-events" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158665/panel-har-brand.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/engineering-firm-website-design-rebrand-harris-group" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/engineering-firm-website-design-rebrand-harris-group" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287194_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287194", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287183"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287183" class="block block_id-287183 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287183_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287183", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1160478/panel-may.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/custom-remodeler-web-design-may" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/custom-remodeler-web-design-may" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157545/panel-edge.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/edge-medical-branding-ecommerce" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/edge-medical-branding-ecommerce" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157300/panel-tig_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/tim-tigner-author" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/tim-tigner-author" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287183_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287183", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287193"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287193" class="block block_id-287193 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287193_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287193", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158616/panel-jdb.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/jackson-design-build-branding-and-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/jackson-design-build-branding-and-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158651/panel-orcapac2.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/amazon-marketing-agency-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/amazon-marketing-agency-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1158644/panel-grb.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/greenbank-landscaping-company-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/greenbank-landscaping-company-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287193_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287193", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287189"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287189" class="block block_id-287189 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287189_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287189", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="design-gallery__projects-wrapper" data-count="2"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161780/panel-pbw.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/prentiss-balance-wickline" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/prentiss-balance-wickline" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156824/arc.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/arc-architects-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/arc-architects-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287189_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287189", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287182"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287182" class="block block_id-287182 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-right"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287182_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287182", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157706/panel-amb-2.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/ambiente-tile-website" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/ambiente-tile-website" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157447/panel-kha.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/logo-branding-kirsi-hall" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/logo-branding-kirsi-hall" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157685/panel-gri-1.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/grieves-music-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/grieves-music-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287182_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287182", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287195"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287195" class="block block_id-287195 site-block block_type__design-gallery padding-bottom__none padding-top__none post-text__false grid-layout__big-left"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__text element-0 design-gallery__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287195_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287195", "label":"" , "tag":"div"}' > </div> </div> <div class="element__design_gallery element-1 design-gallery__loop"> <div class="limit"></div> <div class="design-gallery__projects-wrapper" data-count="3"> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1161794/panel-cloudbreak2.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/cloudbreak-ecommerce" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/cloudbreak-ecommerce" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1156621/panel-nbg_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/landscape-website-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/landscape-website-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> <div class="align-bottom display-flex design-gallery__project position-relative"> <div class="design-gallery__project-bg"> <img class="img-full lazy" data-src='https://s3.amazonaws.com/hoth.bizango/images/1157321/panel-ssp_feature.jpg' data-lazy-function="load" alt=''> <div class="bizango_cms_content design-gallery__project-content"> <a href="/gallery/sports-medicine-web-design" class="full-absolute z-1" aria-label="EXPLORE PROJECT, to "></a> <a href="/gallery/sports-medicine-web-design" class="line-link">EXPLORE PROJECT</a> </div> </div> </div> </div> </div> <div class="element__text element-2 design-gallery__post-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287195_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287195", "label":"" , "tag":"div"}' > </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285420"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285420" class="block block_id-285420 columns--2 site-block block_type__2-column-bigright align-columns__top padding-bottom__less padding-top__less 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_285420_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285420", "label":"" , "tag":"div"}' > <p>We&#39;re a team of experienced designers and marketers who spend the time getting to know each of our clients&#39; unique brand and market challenges. We&#39;ve learned that&#39;s the best way to create a web presence that helps you stand out and <strong>spark excitement</strong> with the people you most want to reach.</p> </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285420_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285420", "label":"" , "tag":"div"}' > <p>We strive to create impactful websites that help our clients meet their unique business goals. To do this, we&rsquo;ve developed a <strong>predictable, repeatable process</strong> designed to create unique and creative results.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285280"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285280" class="block block_id-285280 columns--2 site-block block_type__2-column-bigright background-color__quaternary padding-bottom__less padding-top__less 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_285280_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285280", "label":"" , "tag":"div"}' > <h2>Let&#39;s Talk!</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_285280_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285280", "label":"" , "tag":"div"}' > <h4>If you like the diverse visuals you see here, let&#39;s talk.</h4> <h4>We&#39;ll answer your questions, walk you through our process, and explore some of the ways we can help your website make an impact.</h4> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287510"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287510" class="block block_id-287510 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_287510_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287510", "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_287510" 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("287510_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_287510', { 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 = $('#287510 .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_287510_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287510", "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="287510_form-page" type="hidden" name="Form Page" value="Portfolio"> <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 class="block_container " data-content-id="287742"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287742" class="block block_id-287742 block_type__shared-content-one 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> &bull; <a href="/tacoma-web-design">Tacoma</a> &bull; <a class="current" href="/denver-web-design">Denver</a> &bull; <a href="/albuquerque-web-design">Albuqerque</a></p> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $(".block_id-287742 a").each(function(){ if ($(this).attr("href") == '/gallery' ) { $(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&#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 && 'collection' != 'blog4' || ('collection' == '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 ('collection' != 'blog4' || ('collection' == 'blog4' && '' != 'true')) { headerTextColor(); } else if ('collection' == '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_portfolio").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_portfolio").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