CINXE.COM

<!DOCTYPE html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); </script> <link rel="profile" href="https://gmpg.org/xfn/11" /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Web Design & Development That Does More - Smack Happy</title><link rel="preload" href="https://smackhappy.com/wp-content/uploads/2020/12/logo-white.svg" as="image" fetchpriority="high" /><link rel="preload" href="https://smackhappy.com/wp-content/uploads/2020/12/logo-white-symbol.svg" as="image" fetchpriority="high" /><style id="perfmatters-used-css">button::-moz-focus-inner{padding:0;border:0;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}b,strong{font-weight:bold;}h1{font-size:2em;margin:.67em 0;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}@media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}a[href^="#"]:after,a[href^="javascript:"]:after{content:"";}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}a{color:#337ab7;text-decoration:none;}a:hover,a:focus{color:#23527c;text-decoration:underline;}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}figure{margin:0;}img{vertical-align:middle;}[role="button"]{cursor:pointer;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px;}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px;}h1,.h1{font-size:36px;}h2,.h2{font-size:30px;}h3,.h3{font-size:24px;}h4,.h4{font-size:18px;}h5,.h5{font-size:14px;}p{margin:0 0 10px;}ul,ol{margin-top:0;margin-bottom:10px;}ul ul,ol ul,ul ol,ol ol{margin-bottom:0;}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}@media (min-width:768px){.container{width:750px;}}@media (min-width:992px){.container{width:970px;}}@media (min-width:1200px){.container{width:1170px;}}.row{margin-right:-15px;margin-left:-15px;}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}.col-md-12{width:100%;}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after{display:table;content:" ";}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after{clear:both;}body{background-color:#f2f2f2;color:#000;font-family:"Open Sans",sans-serif;font-size:22px;font-weight:400;line-height:1.45;font-style:normal;padding:0;word-wrap:break-word;}h1,h2,h3,h4,h5,h6{color:#000;font-family:"Oxygen",sans-serif;font-weight:700;line-height:1.4;text-transform:none;font-style:normal;}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000;}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}h1{font-size:60px;line-height:1.2;letter-spacing:0px;color:#000;font-family:"Oxygen",sans-serif;font-weight:700;font-style:normal;text-transform:none;}h1 a{color:#000;}h2{font-size:48px;line-height:1.4;letter-spacing:0px;}h3{font-size:36px;line-height:1.4;letter-spacing:0px;}h4{font-size:28px;line-height:1.4;letter-spacing:0px;}h5{font-size:24px;line-height:1.4;letter-spacing:0px;}a{color:#289dbb;}a:hover,a:focus{color:#1e7a91;}iframe{max-width:100%;}img{max-width:100%;height:auto;}.fl-screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;padding:10px 15px;background:#fff !important;}.fl-screen-reader-text:focus{width:auto;height:auto;position:fixed;left:0px;top:0px;z-index:99999;}.container{padding-left:20px;padding-right:20px;}.fl-page{position:relative;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;}.fl-page-content{background-color:#fff;}.fl-page-content a{text-decoration:none;}.fl-page-content a:hover{text-decoration:underline;}.fl-content,.fl-sidebar{margin:20px 0;}.fl-post{margin-bottom:40px;}.fl-post:last-child{margin-bottom:0;}.fl-post img[class*="wp-image-"],.fl-post img.alignnone,.fl-post img.alignleft,.fl-post img.aligncenter,.fl-post img.alignright{height:auto;max-width:100%;}.fl-post img[class*="wp-block-cover"]{height:100%;}a.fl-button,a.fl-button:visited{background:#556cb4;color:#fff;border:1px solid #1d7389;}a.fl-button:hover,.fl-builder-content a.fl-button:hover{color:#fff;background:#7bb1e0;}a.fl-button *,a.fl-button:visited *{color:#fff;}a.fl-button:hover *{color:#fff;}a.fl-button:hover,a.button:hover{color:#fff;background-color:#7bb1e0;border:1px solid #144f5e;}button,input[type=button],input[type=submit]{background-color:#289dbb;color:#fff;font-size:24px;line-height:1.2;padding:6px 12px;font-weight:normal;text-shadow:none;border:1px solid #1d7389;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#1e7a91;color:#fff;border:1px solid #144f5e;text-decoration:none;}button:active,input[type=button]:active,input[type=submit]:active,button:focus,input[type=button]:focus,input[type=submit]:focus{background-color:#1e7a91;color:#fff;border:1px solid #144f5e;outline:none;position:relative;}.fl-builder .container.fl-content-full{margin:0;padding:0;width:auto;max-width:none;}.fl-builder .container.fl-content-full>.row{margin:0;}.fl-builder .container.fl-content-full .fl-content{margin:0;padding:0;}@media (min-width:768px){.container{padding-left:40px;padding-right:40px;width:auto;}.fl-content,.fl-sidebar{margin:40px 0;}}@media (min-width:992px){.container{padding-left:0;padding-right:0;width:900px;}.fl-full-width .container{padding-left:40px;padding-right:40px;width:auto;}.fl-page{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;width:980px;}.fl-full-width .fl-page{width:auto;}.fl-content{margin:40px 0;}}@media (min-width:1100px){.container{width:1020px;max-width:90%;}.fl-full-width .container{padding-left:0;padding-right:0;width:1020px;}}.fl-page button:visited,.fl-responsive-preview-content button:visited,.fl-button-lightbox-content button:visited,.fl-page input[type=button],.fl-responsive-preview-content input[type=button],.fl-button-lightbox-content input[type=button],.fl-page input[type=submit],.fl-responsive-preview-content input[type=submit],.fl-button-lightbox-content input[type=submit],.fl-page button[type=submit],.fl-responsive-preview-content button[type=submit],.fl-button-lightbox-content button[type=submit],.fl-page a.fl-button,.fl-responsive-preview-content a.fl-button,.fl-button-lightbox-content a.fl-button,.fl-page a.fl-button:visited,.fl-responsive-preview-content a.fl-button:visited,.fl-button-lightbox-content a.fl-button:visited,.fl-page a.button,.fl-responsive-preview-content a.button,.fl-button-lightbox-content a.button,.fl-page a.button:visited,.fl-responsive-preview-content a.button:visited,.fl-button-lightbox-content a.button:visited,.fl-page button.button,.fl-responsive-preview-content button.button,.fl-button-lightbox-content button.button,.fl-page button.button:visited,.fl-responsive-preview-content button.button:visited,.fl-button-lightbox-content button.button:visited,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited{color:#fff;background-color:#556cb4;font-family:"Open Sans",sans-serif;font-weight:600;font-size:24px;line-height:1.2;text-transform:uppercase;border-style:none;border-width:0px;border-color:initial;border-radius:0px;}.fl-page input[type=button] *,.fl-responsive-preview-content input[type=button] *,.fl-button-lightbox-content input[type=button] *,.fl-page input[type=submit] *,.fl-responsive-preview-content input[type=submit] *,.fl-button-lightbox-content input[type=submit] *,.fl-page button[type=submit] *,.fl-responsive-preview-content button[type=submit] *,.fl-button-lightbox-content button[type=submit] *,.fl-page a.fl-button *,.fl-responsive-preview-content a.fl-button *,.fl-button-lightbox-content a.fl-button *,.fl-page a.fl-button:visited *,.fl-responsive-preview-content a.fl-button:visited *,.fl-button-lightbox-content a.fl-button:visited *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:visited *{color:#fff;}.fl-page input[type=button]:hover,.fl-responsive-preview-content input[type=button]:hover,.fl-button-lightbox-content input[type=button]:hover,.fl-page input[type=submit]:hover,.fl-responsive-preview-content input[type=submit]:hover,.fl-button-lightbox-content input[type=submit]:hover,.fl-page button[type=submit]:hover,.fl-responsive-preview-content button[type=submit]:hover,.fl-button-lightbox-content button[type=submit]:hover,.fl-page a.fl-button:hover,.fl-responsive-preview-content a.fl-button:hover,.fl-button-lightbox-content a.fl-button:hover,.fl-page a.button:hover,.fl-responsive-preview-content a.button:hover,.fl-button-lightbox-content a.button:hover,.fl-page button.button:hover,.fl-responsive-preview-content button.button:hover,.fl-button-lightbox-content button.button:hover,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover{color:#fff;border-color:initial;background-color:#7bb1e0;border-style:none;border-width:0px;border-radius:0px;}.fl-page input[type=button]:hover *,.fl-responsive-preview-content input[type=button]:hover *,.fl-button-lightbox-content input[type=button]:hover *,.fl-page input[type=submit]:hover *,.fl-responsive-preview-content input[type=submit]:hover *,.fl-button-lightbox-content input[type=submit]:hover *,.fl-page button[type=submit]:hover *,.fl-responsive-preview-content button[type=submit]:hover *,.fl-button-lightbox-content button[type=submit]:hover *,.fl-page a.fl-button:hover *,.fl-responsive-preview-content a.fl-button:hover *,.fl-button-lightbox-content a.fl-button:hover *,.fl-page a.button:hover *,.fl-responsive-preview-content a.button:hover *,.fl-button-lightbox-content a.button:hover *,.fl-page button.button:hover *,.fl-responsive-preview-content button.button:hover *,.fl-button-lightbox-content button.button:hover *,.fl-page .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *,.fl-responsive-preview-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *,.fl-button-lightbox-content .fl-page-nav-toggle-button .fl-page-nav .navbar-toggle:hover *{color:#fff;}@media (max-width:991px){body{font-size:18px;line-height:1.45;}h1{font-size:45px;line-height:1.4;letter-spacing:0px;}h2{font-size:38px;line-height:1.4;letter-spacing:0px;}h3{font-size:30px;line-height:1.4;letter-spacing:0px;}h4{font-size:22px;line-height:1.4;letter-spacing:0px;}h5{font-size:18px;line-height:1.4;letter-spacing:0px;}.fl-page button,.fl-page input[type=button],.fl-page input[type=submit]{font-size:16px;line-height:1.2;}a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:16px;line-height:1.2;}a.fl-button:hover{font-size:16px;line-height:1.2;}}@media (max-width:767px){body{font-size:16px;line-height:1.45;}h1{font-size:34px;line-height:1.2;letter-spacing:0px;}h2{font-size:30px;line-height:1.4;letter-spacing:0px;}h3{font-size:24px;line-height:1.4;letter-spacing:0px;}h3{font-size:24px;line-height:1.4;letter-spacing:0px;}h4{font-size:18px;line-height:1.4;letter-spacing:0px;}h5{font-size:16px;line-height:1.4;letter-spacing:0px;}.fl-page button,.fl-page input[type=button],.fl-page input[type=submit]{font-size:16px;line-height:1.2;}a.fl-button,a.fl-button:visited,.fl-page a.fl-button,.fl-page a.fl-button:visited{font-size:16px;line-height:1.2;}}img[src$=".svg"]{width:100% !important;height:auto !important;}.process-img:hover img{opacity:.85;}html{overflow-y:auto;}.yellow-arrow .fl-module-content .fl-heading .fl-heading-text,.orange-arrow .fl-module-content .fl-heading .fl-heading-text,.green-arrow .fl-module-content .fl-heading .fl-heading-text,.purple-arrow .fl-module-content .fl-heading .fl-heading-text{transition:color .3s linear;}.yellow-arrow .fl-module-content .fl-heading .fl-heading-text:after,.orange-arrow .fl-module-content .fl-heading .fl-heading-text:after,.green-arrow .fl-module-content .fl-heading .fl-heading-text:after,.purple-arrow .fl-module-content .fl-heading .fl-heading-text:after{content:"";font-size:48px;font-weight:900;font-family:"Font Awesome 5 Pro";margin-left:12px;}.green-arrow .fl-module-content .fl-heading .fl-heading-text:after{color:#5c9c59;transition:color .3s linear;}.green-arrow .fl-module-content .fl-heading a:hover .fl-heading-text:after{color:#79b177;}@keyframes flashArrow{0%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:100px 70px;}20%{background:url("/wp-content/uploads/2021/01/arrow-yellow.png") center left no-repeat;background-size:100px 70px;}100%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:100px 70px;}}@keyframes smallArrow{0%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:50px 35px;}20%{background:url("/wp-content/uploads/2021/01/arrow-yellow.png") center left no-repeat;background-size:50px 35px;}100%{background:url("/wp-content/uploads/2021/01/arrow-white.png") center left no-repeat;background-size:50px 35px;}}@media screen and (max-width: 1100px) and (min-width: 950px){.fl-builder-content-7603 .menu-header .fl-rich-text p{font-size:40px !important;}}@media screen and (max-width: 992px){.fl-builder-content-7603 .menu-header .fl-rich-text p{font-size:32px !important;}}.green-button .fl-button{background:linear-gradient(-70deg,#95cd8d 0%,#95cd8d 50%,#5e9b5b 50%,#5e9b5b 100%) !important;background-size:220% !important;background-position:0%;transition:all .3s ease-in-out;}.green-button .fl-button:hover{background-position:100% !important;box-shadow:0 3px 5px 3px rgba(0,0,0,.15);}.orange-button .fl-button{background:linear-gradient(-70deg,#f7c457 0%,#f7c457 50%,#f3822d 50%,#f3822d 100%) !important;background-size:220% !important;background-position:0%;transition:all .3s ease-in-out;}.orange-button .fl-button:hover{background-position:100% !important;box-shadow:0 3px 5px 3px rgba(0,0,0,.15);}footer .footer-social i{margin-right:7px;}footer .footer-social .fl-html a:hover i{color:#95cdd9 !important;}@media only screen and (max-width: 768px){footer .footer-social i{margin-right:3px;margin-left:3px;}footer .footer-social .fl-html{text-align:center;}}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@-webkit-keyframes flash{0%,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,to{opacity:1;}25%,75%{opacity:0;}}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);}to{-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);}to{-webkit-transform:none;transform:none;}}@keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}to{-webkit-transform:none;transform:none;}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}to{-webkit-transform:none;transform:none;}}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@-webkit-keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes fadeOut{0%{opacity:1;}to{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}to{opacity:0;}}@-webkit-keyframes fadeOutDown{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes fadeOutDown{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@-webkit-keyframes fadeOutRight{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@-webkit-keyframes fadeOutUp{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes fadeOutUp{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);}60%,80%{opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:none;transform:none;opacity:1;}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);}60%,80%{opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes lightSpeedOut{0%{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOut{0%{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}@keyframes rotateOut{0%{transform-origin:center;opacity:1;}0%,to{-webkit-transform-origin:center;}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1;}0%,to{-webkit-transform-origin:left bottom;}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;}}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1;}0%,to{-webkit-transform-origin:right bottom;}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@-webkit-keyframes hinge{0%{transform-origin:top left;}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left;}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{transform-origin:top left;}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left;}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);}to{opacity:1;-webkit-transform:none;transform:none;}}@-webkit-keyframes rollOut{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);}}@keyframes rollOut{0%{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomOut{0%{opacity:1;}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%,to{opacity:0;}}@keyframes zoomOut{0%{opacity:1;}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%,to{opacity:0;}}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translateZ(0);transform:translateZ(0);}}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}</style> <meta name="description" content="We design websites inspired by people and purpose. Bring your vision forward through web design & web development that does more."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://smackhappy.com/web-design-development/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Web Design & Development That Does More - Smack Happy" /> <meta property="og:description" content="We design websites inspired by people and purpose. Bring your vision forward through web design & web development that does more." /> <meta property="og:url" content="https://smackhappy.com/web-design-development/" /> <meta property="og:site_name" content="Smack Happy Design" /> <meta property="article:publisher" content="https://www.facebook.com/smackhappydesign" /> <meta property="og:updated_time" content="2023-02-21T15:34:56-08:00" /> <meta property="og:image" content="https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg" /> <meta property="og:image:secure_url" content="https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg" /> <meta property="og:image:width" content="1080" /> <meta property="og:image:height" content="1080" /> <meta property="og:image:alt" content="web design" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:video" content="https://www.youtube.com/embed/YTX0mrsFLvY" /> <meta property="video:duration" content="211" /> <meta property="ya:ovs:upload_date" content="2022-11-08" /> <meta property="ya:ovs:allow_embed" content="true" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Web Design & Development That Does More - Smack Happy" /> <meta name="twitter:description" content="We design websites inspired by people and purpose. Bring your vision forward through web design & web development that does more." /> <meta name="twitter:site" content="@smackhappyd" /> <meta name="twitter:creator" content="@smackhappyd" /> <meta name="twitter:image" content="https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg" /> <meta name="twitter:label1" content="Time to read" /> <meta name="twitter:data1" content="6 minutes" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://smackhappy.com/#place","geo":{"@type":"GeoCoordinates","latitude":"37.7590157","longitude":"-122.4355891"},"hasMap":"https://www.google.com/maps/search/?api=1&query=37.7590157,-122.4355891","address":{"@type":"PostalAddress","streetAddress":"219 Hartford St","addressLocality":"San Francisco","addressRegion":"California","postalCode":"94114","addressCountry":"USA"}},{"@type":["ProfessionalService","Organization"],"@id":"https://smackhappy.com/#organization","name":"Smack Happy Design","url":"https://smackhappy.com","sameAs":["https://www.facebook.com/smackhappydesign","https://twitter.com/smackhappyd"],"email":"info@smackhappy.com","address":{"@type":"PostalAddress","streetAddress":"219 Hartford St","addressLocality":"San Francisco","addressRegion":"California","postalCode":"94114","addressCountry":"USA"},"logo":{"@type":"ImageObject","@id":"https://smackhappy.com/#logo","url":"https://smackhappy.com/wp-content/uploads/2020/12/shd-logo.png","contentUrl":"https://smackhappy.com/wp-content/uploads/2020/12/shd-logo.png","caption":"Smack Happy Design","inLanguage":"en-US","width":"807","height":"551"},"priceRange":"$$$","openingHours":["Monday,Tuesday,Wednesday,Thursday,Friday 09:00-18:00"],"location":{"@id":"https://smackhappy.com/#place"},"image":{"@id":"https://smackhappy.com/#logo"},"telephone":"+1-415-814-5885"},{"@type":"WebSite","@id":"https://smackhappy.com/#website","url":"https://smackhappy.com","name":"Smack Happy Design","publisher":{"@id":"https://smackhappy.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg","url":"https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg","width":"1080","height":"1080","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://smackhappy.com/web-design-development/#webpage","url":"https://smackhappy.com/web-design-development/","name":"Web Design & Development That Does More - Smack Happy","datePublished":"2020-11-30T17:53:31-08:00","dateModified":"2023-02-21T15:34:56-08:00","isPartOf":{"@id":"https://smackhappy.com/#website"},"primaryImageOfPage":{"@id":"https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Your Website Isn't An Historical Record Of Your Business - Provocative Perspective","description":"A different way to look at investing in your website and why it's so important to reassess every 3-5 years.","uploadDate":"2022-11-08","thumbnailUrl":"https://smackhappy.com/wp-content/uploads/2023/01/your-website-isnt-an-historical-.jpg","embedUrl":"https://www.youtube.com/embed/YTX0mrsFLvY","duration":"PT3M31S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://smackhappy.com/web-design-development/#schema-273664","isPartOf":{"@id":"https://smackhappy.com/web-design-development/#webpage"},"publisher":{"@id":"https://smackhappy.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://smackhappy.com/web-design-development/#webpage"}},{"@type":"Service","name":"Website Design and Website Development Services","description":"We design websites inspired by people and purpose. Bring your vision forward through web design & web development that does more.","serviceType":"website design and development","offers":{"@type":"Offer","price":"$$","priceCurrency":"US","availability":"InStock"},"image":{"@id":"https://smackhappy.com/wp-content/uploads/2021/01/website-design-services-featured.jpg"},"@id":"https://smackhappy.com/web-design-development/#schema-273666","mainEntityOfPage":{"@id":"https://smackhappy.com/web-design-development/#webpage"}}]}</script>  <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='dns-prefetch' href='//use.typekit.net' /> <link rel='dns-prefetch' href='//hcaptcha.com' /> <link rel="alternate" type="application/rss+xml" title="Smack Happy Design » Feed" href="https://smackhappy.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Smack Happy Design » Comments Feed" href="https://smackhappy.com/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/smackhappy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel="stylesheet" id="fl-builder-layout-7289-css" href="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/2d830a0bc97e.7289-layout.min.css?ver=2d830a0bc97e25deb48609c3511e270e" media="all"></link> <link rel='stylesheet' id='fl-builder-layout-bundle-5a283e79daa89288b36ed86a8130fb51-css' href='https://smackhappy.com/wp-content/uploads/bb-plugin/cache/5a283e79daa89288b36ed86a8130fb51-layout-bundle.css?ver=2.8.5-1.4.11.2' media='all' /> <link rel="stylesheet" id="bb-css-grid-style-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/e873c78f99eb.style.min.css?ver=6.7.1"></link> <link rel="stylesheet" id="jquery-magnificpopup-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/plugins/bb-plugin/css/jquery.magnificpopup.min.css?ver=2.8.5"></link> <link rel="stylesheet" id="base-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/themes/bb-theme/css/base.min.css?ver=1.7.17.1"></link> <link rel="stylesheet" id="fl-automator-skin-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/uploads/bb-theme/skin-6744c64ab0a44.css?ver=1.7.17.1"></link> <link rel="stylesheet" id="typekit-css" media="all" data-pmdelayedstyle="https://use.typekit.net/anz2nlq.css?ver=6.7.1"></link> <link rel="stylesheet" id="fl-child-theme-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/6839981c869d.style.min.css?ver=1.03"></link> <link rel="stylesheet" id="pp-animate-css" media="all" data-pmdelayedstyle="https://smackhappy.com/wp-content/plugins/bbpowerpack/assets/css/animate.min.css?ver=3.5.1"></link> <link rel='stylesheet' id='fl-builder-google-fonts-90cdb4809a38b6112f0d4cbddddec5fe-css' href='https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/fonts/805543569b5d.google-fonts.min.css' media='all' /> <script src="https://smackhappy.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://smackhappy.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/beaver-charts-pro-v1.0/assets/js/chart.min.js?ver=1" id="chart-script-js" defer></script> <script src="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/1682d0d6222a.init.min.js?ver=1.0.3" id="site-init-js" defer></script> <script src="https://kit.fontawesome.com/7f10f84afc.js?ver=6.7.1" id="fa5-kit-js" defer></script> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://smackhappy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmackhappy.com%2Fweb-design-development%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://smackhappy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmackhappy.com%2Fweb-design-development%2F&format=xml" /> <script> var bb_powerpack = { search_term: '', version: '2.39.1', getAjaxUrl: function() { return atob( 'aHR0cHM6Ly9zbWFja2hhcHB5LmNvbS93cC1hZG1pbi9hZG1pbi1hamF4LnBocA==' ); }, callback: function() {} }; </script> <style> .h-captcha{position:relative;display:block;margin-bottom:2rem;padding:0;clear:both}.h-captcha[data-size="normal"]{width:303px;height:78px}.h-captcha[data-size="compact"]{width:164px;height:144px}.h-captcha[data-size="invisible"]{display:none}.h-captcha::before{content:'';display:block;position:absolute;top:0;left:0;background:url(https://smackhappy.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo.svg) no-repeat;border:1px solid #fff0;border-radius:4px}.h-captcha[data-size="normal"]::before{width:300px;height:74px;background-position:94% 28%}.h-captcha[data-size="compact"]::before{width:156px;height:136px;background-position:50% 79%}.h-captcha[data-theme="light"]::before,body.is-light-theme .h-captcha[data-theme="auto"]::before,.h-captcha[data-theme="auto"]::before{background-color:#fafafa;border:1px solid #e0e0e0}.h-captcha[data-theme="dark"]::before,body.is-dark-theme .h-captcha[data-theme="auto"]::before,html.wp-dark-mode-active .h-captcha[data-theme="auto"]::before,html.drdt-dark-mode .h-captcha[data-theme="auto"]::before{background-image:url(https://smackhappy.com/wp-content/plugins/hcaptcha-for-forms-and-more/assets/images/hcaptcha-div-logo-white.svg);background-repeat:no-repeat;background-color:#333;border:1px solid #f5f5f5}.h-captcha[data-size="invisible"]::before{display:none}.h-captcha iframe{position:relative}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none} </style> <script id="google_gtagjs" src="https://www.googletagmanager.com/gtag/js?id=UA-332348-6" async type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script id="google_gtagjs-inline" type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-332348-6', {'anonymize_ip': true} ); </script> <style> .gform_previous_button+.h-captcha{margin-top:2rem}.gform_footer.before .h-captcha[data-size="normal"]{margin-bottom:3px}.gform_footer.before .h-captcha[data-size="compact"]{margin-bottom:0}.gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{flex-wrap:wrap}.gform_wrapper.gravity-theme .h-captcha,.gform_wrapper.gravity-theme .h-captcha{margin:0;flex-basis:100%}.gform_wrapper.gravity-theme input[type="submit"],.gform_wrapper.gravity-theme input[type="submit"]{align-self:flex-start}.gform_wrapper.gravity-theme .h-captcha~input[type="submit"],.gform_wrapper.gravity-theme .h-captcha~input[type="submit"]{margin:1em 0 0 0!important} </style> <style id="wp-custom-css"> .fl-builder-edit .abs, .fl-builder-edit .abs-text{ position:relative;pointer-events: all; top: auto;color:#000; } .fl-builder-edit .abs h2{ color:#000; } .gfield_radio label, .gfield_checkbox label, .name_first label, .name_last label { font-weight: normal; } .arrow-green { color: #5c9c59; } .arrow-orange { color: #f6841f; } .arrow-yellow { color: #f9c64f; } .arrow-purple { color: #556cb4; } .hero-menu li { padding-left: 100px; margin-left: 0; background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-white.png') center left no-repeat; background-size: 100px 70px; } .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-yellow.png') center left no-repeat; background-size: 100px 70px; } @media only screen and (max-width: 1240px) { .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-yello.png') center left no-repeat; background-size: 50px 35px; padding-left: 60px; } h1.fl-heading { font-size: 42px; } .hero-menu li { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-white.png') center left no-repeat; background-size: 50px 35px; margin-right: -10px !important; padding-left: 60px; } } .uabb-creative-menu .menu { margin: 0px 25px 30px -40px; } .abs h2.uabb-number-string{ font-size:4px;} .abs-text{ font-size:22px;top:40%; } } @media only screen and (max-width: 1024px) { .hero-menu li:hover { background: url('https://smackhappy.com/wp-content/uploads/2020/12/arrow-yellow.svg') center left no-repeat; background-size: 50px 100px; } .hero-menu li { background: url('https://smackhappy.com/wp-content/uploads/2021/01/arrow-right-white-10.svg') center left no-repeat; background-size: 50px 100px; } .abs h2.uabb-number-string{ font-size:42px; } .abs-text{ font-size:18px;top:40%; } h1.fl-heading { font-size: 42px; } } @media only screen and (max-width: 992px) { .abs h2.uabb-number-string{ font-size:32px; } .abs-text { font-size:16px;top:40%; } .fl-builder-content-primary .fl-row:first-child .fl-row-content-wrap { padding-top: 130px; } .hero-menu li { padding-left: 50; text-align: left; background: none; } .hero-menu li a { padding-left: 0 !important; } .hero-menu li:hover { background: none; padding-left: 50; } h1.fl-heading { font-size: 37px; } } @media only screen and (max-width: 768px) { .abs h2.uabb-number-string{font-size:60px;} .abs-text{font-size:32px;top:45%;} .fl-builder-content-primary .fl-row:first-child .fl-row-content-wrap { padding-top: 80px; } .fl-row-bg-uabb_gradient .fl-row-content-wrap { padding-top: 80px !important; } .hero-menu li { padding-left: 0; text-align: left; background: none; } .hero-menu li a { padding-left:0 !important; } .hero-menu li:hover { background: none; padding-left:0 !important; } .hero-menu > .fl-module-content { margin-top: 0; } .uabb-creative-menu .menu { margin: 0px -20px 30px 0px; } .fl-builder-content .fl-node-5fbdb1720957b { max-width: 50% !important; } } /** Animations **/ .abs { position:absolute;pointer-events:none;top:30%; } .abs-text { pointer-events: none; text-transform: uppercase; color: #fff; text-align: center; top: 45%; position: absolute; line-height: 1.2em; font-weight: 600; } .relative{ position:relative;} .abs h2.uabb-number-string{ font-size:62px; } .abs h2 .uabb-number-int{ font-weight:700; } .abs-text .fl-html{ font-size: 22px; font-weight: 600; } @media only screen and (max-width: 768px) { .ginput_recaptcha { transform: scale(.75) !important; margin-left: -40px!important; } } .gform_ajax_spinner { width: 50px !important; max-width: 50px !important; } </style> <noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript><style>.perfmatters-lazy-youtube{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.23%;overflow:hidden}.perfmatters-lazy-youtube img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:auto;margin:auto;border:none;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.perfmatters-lazy-youtube img:hover{-webkit-filter:brightness(75%)}.perfmatters-lazy-youtube .play{position:absolute;top:50%;left:50%;right:auto;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background:url(https://smackhappy.com/wp-content/plugins/perfmatters/img/youtube.svg) no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:grayscale(1)}.perfmatters-lazy-youtube:hover .play{filter:grayscale(0)}.perfmatters-lazy-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}}</style><link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> <link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script"> <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" defer></script> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="mQj1jrIQKSFtQg" async></script> </head> <body class="page-template-default page page-id-7289 fl-builder fl-builder-2-8-5 fl-themer-1-4-11-2 fl-theme-1-7-17-1 fl-theme-builder-footer fl-theme-builder-footer-shd-footer-2020 fl-theme-builder-header fl-theme-builder-header-shd-header-2020 fl-theme-builder-part fl-theme-builder-part-test fl-framework-base fl-preset-default fl-full-width fl-search-active" itemscope="itemscope" itemtype="https://schema.org/WebPage">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPGKZQW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <a aria-label="Skip to content" class="fl-screen-reader-text" href="#fl-main-content">Skip to content</a><div class="fl-page"> <header class="fl-builder-content fl-builder-content-7284 fl-builder-global-templates-locked" data-post-id="7284" data-type="header" data-sticky="1" data-sticky-on="" data-sticky-breakpoint="medium" data-shrink="1" data-overlay="1" data-overlay-bg="default" data-shrink-image-height="50px" role="banner" itemscope="itemscope" itemtype="http://schema.org/WPHeader"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5fbdb17209577 fl-row-default-height fl-row-align-center" data-node="5fbdb17209577"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fbdb1720957a fl-col-group-equal-height fl-col-group-align-center fl-col-group-custom-width" data-node="5fbdb1720957a"> <div class="fl-col fl-node-5fbdb1720957b fl-col-bg-color fl-col-small fl-col-small-custom-width" data-node="5fbdb1720957b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fbdb1720957d full-logo" data-node="5fbdb1720957d"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="/" target="_self" itemprop="url"> <img data-perfmatters-preload decoding="async" class="fl-photo-img wp-image-7494 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/logo-white.svg" alt="Smack Happy Home" itemprop="image" height="79" width="336" data-no-lazy="1" /> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1720957c fl-col-bg-color" data-node="5fbdb1720957c"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-offcanvas-content fl-node-5ff8efd04b483 main-menu" data-node="5ff8efd04b483"> <div class="fl-module-content fl-node-content"> <div class="pp-offcanvas-content-wrap"> <div class="pp-offcanvas-content pp-offcanvas-content-5ff8efd04b483 pp-offcanvas-content-top pp-offcanvas-slide" data-id="5ff8efd04b483"> <div class="pp-offcanvas-header"> <div class="pp-offcanvas-close" role="button" aria-label="Close Off Canvas Panel" tabindex="0"> <span class="pp-offcanvas-close-icon" aria-hidden="true"></span> </div> </div> <div class="pp-offcanvas-body"> <div class="pp-offcanvas-content-inner"> <link rel="stylesheet" id="foundation-icons-css" media="all" data-pmdelayedstyle="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css?ver=2.8.5"></link> <link rel='stylesheet' id='fl-builder-layout-7603-css' href='https://smackhappy.com/wp-content/uploads/bb-plugin/cache/7603-layout-partial.css?ver=3a2f46458b48208dc67a6531a9a3e286' media='all' /> <div class="fl-builder-content fl-builder-content-7603 fl-builder-template fl-builder-row-template fl-builder-global-templates-locked" data-post-id="7603"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5ff8f4be597bf fl-row-default-height fl-row-align-center" data-node="5ff8f4be597bf"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5ff8f4be5a424" data-node="5ff8f4be5a424"> <div class="fl-col fl-node-5ff8f4be5a559 fl-col-bg-color fl-col-has-cols" data-node="5ff8f4be5a559"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-5ffcc681894e1 fl-col-group-nested" data-node="5ffcc681894e1"> <div class="fl-col fl-node-5ffcc68189dd0 fl-col-bg-color" data-node="5ffcc68189dd0"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5ff8f4edee66d shd-button orange-button" data-node="5ff8f4edee66d"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> <div class="fl-module fl-module-separator fl-node-5ff8f96c584b5" data-node="5ff8f96c584b5"> <div class="fl-module-content fl-node-content"> <div class="fl-separator"></div> </div> </div> <div class="fl-col-group fl-node-5ff8f507b78a8 fl-col-group-nested" data-node="5ff8f507b78a8"> <div class="fl-col fl-node-5ff8f507b819a fl-col-bg-color fl-col-small" data-node="5ff8f507b819a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-0564qb2rxgko menu-header" data-node="0564qb2rxgko"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>SERVICES</p> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff8f792b0c91" data-node="5ff8f792b0c91"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-services-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7293" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7289 current_page_item"><a href="https://smackhappy.com/web-design-development/">Web Design & Development</a></li><li id="menu-item-7295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/wordpress-support/">Website Support & Hosting</a></li><li id="menu-item-7292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/branding-graphic-design/">Branding & Design</a></li><li id="menu-item-9754" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/content-marketing/">Content Marketing</a></li><li id="menu-item-9916" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/creative-services/">Creative Services</a></li><li id="menu-item-9159" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/accessibility-audit/">Accessibility Services</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8f507b819e fl-col-bg-color fl-col-small" data-node="5ff8f507b819e"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-cwis4oxr7fbg menu-header" data-node="cwis4oxr7fbg"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>PORTFOLIO</p> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff8f98f87938" data-node="5ff8f98f87938"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-portfolio-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-1252" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/web-design/">Web Design</a></li><li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/graphic-design/">Graphic Design</a></li><li id="menu-item-1250" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/logo-design/">Logo Design</a></li><li id="menu-item-1249" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/illustration/">Illustration</a></li><li id="menu-item-9700" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/marketing/">Marketing</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fadcc6e3b fl-col-bg-color fl-col-small" data-node="5ff8fadcc6e3b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5ff8f8f8e19df phone" data-node="5ff8f8f8e19df"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right fl-button-has-icon"> <a href="tel:14158145885" target="_self" class="fl-button"> <i class="fl-button-icon fl-button-icon-before fi-telephone" aria-hidden="true"></i> <span class="fl-button-text">(415) 814-5885</span> </a> </div> </div> </div> <div class="fl-module fl-module-photo fl-node-5ffcfb577e129" data-node="5ffcfb577e129"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-right" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img data-perfmatters-preload decoding="async" class="fl-photo-img wp-image-7407 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/logo-white-symbol.svg" alt="logo-white-symbol" itemprop="image" height="114" width="114" title="logo-white-symbol" data-no-lazy="1" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8fa83710ef" data-node="5ff8fa83710ef"> <div class="fl-col fl-node-5ff8fa8371d28 fl-col-bg-color" data-node="5ff8fa8371d28"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-u5gyi46tkhev menu-header" data-node="u5gyi46tkhev"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>EVERYTHING ELSE</p> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8fa7f1e126" data-node="5ff8fa7f1e126"> <div class="fl-col fl-node-5ff8fa7f1ec43 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec43"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8973d6f" data-node="5ff8fa8973d6f"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-about-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/">About Us</a></li><li id="menu-item-7304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/process/">Our Process</a></li><li id="menu-item-7301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/happy-clients/">Our Clients</a></li><li id="menu-item-7410" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/case-studies/">Case Studies</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec46 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec46"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8cbc06b" data-node="5ff8fa8cbc06b"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-resources-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/blog/">Blog</a></li><li id="menu-item-7296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/resource-hub/">Resources</a></li><li id="menu-item-8207" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://smackhappy.com/newsletter/">Newsletter</a></li><li id="menu-item-7298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/videos/">Videos</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec48 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec48"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5ff8fa8fecb97" data-node="5ff8fa8fecb97"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-contact-menu" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/">Contact Us</a></li><li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/getting-started/">Getting Started</a></li><li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/faqs/">FAQs</a></li><li id="menu-item-7306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/support/">Support</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5ff8fa7f1ec49 fl-col-bg-color fl-col-small" data-node="5ff8fa7f1ec49"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-0n7qre8ipv3g" data-node="0n7qre8ipv3g"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>DON’T JUST BE HAPPY WITH YOUR MARKETING, BE SMACK HAPPY.</p> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5ff8f96c5853a" data-node="5ff8f96c5853a"> <div class="fl-col fl-node-5ff8f96c5861f fl-col-bg-color" data-node="5ff8f96c5861f"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-separator fl-node-5ff8f989846e9" data-node="5ff8f989846e9"> <div class="fl-module-content fl-node-content"> <div class="fl-separator"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="uabb-js-breakpoint" style="display: none;"></div> </div> </div> </div> <div class="pp-offcanvas-toggle-wrap"> <a href="javascript:void(0)" class="pp-offcanvas-toggle pp-offcanvas-toggle-button pp-offcanvas-icon-after" role="button"> <span class="pp-offcanvas-toggle-icon fas fa-equals" aria-hidden="true"></span> <span class="pp-offcanvas-toggle-text pp-toggle-label"> MENU </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header><div class="uabb-js-breakpoint" style="display: none;"></div> <div id="fl-main-content" class="fl-page-content" itemprop="mainContentOfPage" role="main"> <div class="fl-content-full container"> <div class="row"> <div class="fl-content col-md-12"> <article class="fl-post post-7289 page type-page status-publish has-post-thumbnail hentry" id="fl-post-7289" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="fl-post-content clearfix" itemprop="text"> <div class="fl-builder-content fl-builder-content-7289 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="7289"><div class="fl-row fl-row-full-width fl-row-bg-uabb_gradient fl-node-5fea1235915cc fl-row-default-height fl-row-align-center" data-node="5fea1235915cc"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="pp-row-separator pp-row-separator-bottom" style="color: #ffffff"> <svg class="pp-curve-layers" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" role="presentation"> <path d="M 0 14 s 88.64 3.48 300 36 c 260 40 514 27 703 -10 l 12 28 l 3 36 h -1018 z"></path> <path d="M 0 45 s 271 45.13 500 32 c 157 -9 330 -47 515 -63 v 86 h -1015 z"></path> <path d="M 0 58 s 188.29 32 508 32 c 290 0 494 -35 494 -35 v 45 h -1002 z"></path> </svg> </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea1235915c6 fl-col-group-equal-height fl-col-group-align-center" data-node="5fea1235915c6"> <div class="fl-col fl-node-5fea1235915c7 fl-col-bg-color" data-node="5fea1235915c7"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-animated-headlines fl-node-5fea12be63644" data-node="5fea12be63644"> <div class="fl-module-content fl-node-content"> <div class="pp-animated-headlines pp-headline--style-rotate pp-headline-loop" data-text="QUALITY|INSPIRATIONAL|SCALABLE|FUNCTIONAL|CREATIVE|FLEXIBLE"> <h2 class="pp-headline pp-headline-animation-type-slide pp-headline-left"> <span class="pp-headline-dynamic-wrapper pp-headline-text-wrapper"> </span> </h2> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fea1235915c9 fl-animation fl-slide-in-left" data-node="5fea1235915c9" data-animation-delay="0" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <h1 class="fl-heading"> <span class="fl-heading-text">Website design and development that does <em>more</em>.</span> </h1> </div> </div> <div class="fl-module fl-module-button fl-node-kgiezcyxrsd1 shd-button" data-node="kgiezcyxrsd1"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-left"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea1235915c8 fl-col-bg-color fl-col-small" data-node="5fea1235915c8"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-uabb-advanced-menu fl-node-5fea1235915cb fl-animation fl-slide-in-right hero-menu" data-node="5fea1235915cb" data-animation-delay="0.1" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <div class="uabb-creative-menu uabb-creative-menu-accordion-collapse uabb-menu-default"> <div class="uabb-clear"></div> <ul id="menu-services-menu-1" class="menu uabb-creative-menu-vertical uabb-toggle-none"><li id="menu-item-7293" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7289 current_page_item uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/web-design-development/"><span class="menu-item-text">Web Design & Development</span></a></li> <li id="menu-item-7295" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/wordpress-support/"><span class="menu-item-text">Website Support & Hosting</span></a></li> <li id="menu-item-7292" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/branding-graphic-design/"><span class="menu-item-text">Branding & Design</span></a></li> <li id="menu-item-9754" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/content-marketing/"><span class="menu-item-text">Content Marketing</span></a></li> <li id="menu-item-9916" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/creative-services/"><span class="menu-item-text">Creative Services</span></a></li> <li id="menu-item-9159" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://smackhappy.com/accessibility-audit/"><span class="menu-item-text">Accessibility Services</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fea14cfdb184 fl-row-default-height fl-row-align-center" data-node="5fea14cfdb184"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea14cfde733 fl-col-group-equal-height fl-col-group-align-center" data-node="5fea14cfde733"> <div class="fl-col fl-node-5fea14cfde878 fl-col-bg-color" data-node="5fea14cfde878"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-html fl-node-fhvzpy71gtwj" data-node="fhvzpy71gtwj"> <div class="fl-module-content fl-node-content"> <div class="fl-html"> <h2>You typically have less than <span style="color:#5c9c59;">5 seconds</span> to capture your audience’s attention.</h2></div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea14e79484d" data-node="5fea14e79484d"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><span style="font-weight: 400;">Do we have yours?</span></p> <p><span style="font-weight: 400;">Every moment is an experience. We help bring your vision forward through memorable design, so that every second counts. The result? Your website visitors reach out to you feeling curious, heard, and inspired.</span></p> <div style="display: none;"></div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea1539e3802 fl-col-bg-color fl-col-small" data-node="5fea1539e3802"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-video fl-node-6cvu8rkjmhel" data-node="6cvu8rkjmhel"> <div class="fl-module-content fl-node-content"> <div class="fl-video fl-embed-video"> <div class="perfmatters-lazy-youtube" data-src="https://www.youtube.com/embed/YTX0mrsFLvY" data-id="YTX0mrsFLvY" data-query="" onclick="perfmattersLazyLoadYouTube(this);"><div><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='360'%20viewBox='0%200%20480%20360'%3E%3C/svg%3E" alt="YouTube video" width="480" height="360" data-pin-nopin="true" nopin="nopin" class="perfmatters-lazy" data-src="https://i.ytimg.com/vi/YTX0mrsFLvY/hqdefault.jpg" /><noscript><img src="https://i.ytimg.com/vi/YTX0mrsFLvY/hqdefault.jpg" alt="YouTube video" width="480" height="360" data-pin-nopin="true" nopin="nopin"></noscript><div class="play"></div></div></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/YTX0mrsFLvY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> </div> </div> <div class="fl-module fl-module-callout fl-node-5fea19d76a7a6 fl-animation fl-slide-in-up" data-node="5fea19d76a7a6" data-animation-delay="0" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">94%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of first impressions are design-related and formed within 0.05 seconds.</p> <p style="text-align: right;"><span style="font-size: 16px;">- <em>C</em>XL</span></p> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5fea1778c150f fl-row-default-height fl-row-align-center" data-node="5fea1778c150f"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="pp-row-separator pp-row-separator-top" style="color: #ffffff"> <svg class="pp-tilt-right" xmlns="http://www.w3.org/2000/svg" version="1.1" fill="currentColor" width="100%" height="100" viewBox="0 0 4 0.266661" preserveAspectRatio="none" role="presentation"> <polygon class="fil0" points="4,0 4,0.266661 -0,0.266661 "></polygon> </svg> </div> <div class="fl-row-content fl-row-full-width fl-node-content"> <div class="fl-col-group fl-node-5fea1778c1505" data-node="5fea1778c1505"> <div class="fl-col fl-node-5fea1778c1507 fl-col-bg-color fl-col-has-cols" data-node="5fea1778c1507"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea170b07b1f" data-node="5fea170b07b1f"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">Every design element is built on quality.</span> </h2> </div> </div> <div class="fl-col-group fl-node-5fea1778c1508 fl-col-group-nested fl-col-group-equal-height fl-col-group-align-center" data-node="5fea1778c1508"> <div class="fl-col fl-node-5fea1778c1509 fl-col-bg-color fl-col-small" data-node="5fea1778c1509"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-devices fl-node-5fea1778c150b" data-node="5fea1778c150b"> <div class="fl-module-content fl-node-content"> <div class="pp-devices-content"> <div class="pp-devices-wrapper pp-device-orientation-portrait "> <div class="pp-device-wrap pp-device-laptop" > <div class="pp-device "> <div class="pp-device-shape" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 645 370" class="pp-devices-svg">  <rect class="back-shape frame" fill="#000000" x="59" y="0" width="527" height="357" rx="20"></rect>  <rect class="back-shape base" fill="#242424" x="0" y="350" width="645" height="11"></rect>  <rect class="overlay-shape base-tint" fill="#6b6a6a" x="0" y="350" width="645" height="11"></rect>  <path class="overlay-shape dent" d="M277,350 L368,350 L368,354 C368,356.209139 366.202696,358 364.001926,358 L280.998074,358 C278.789999,358 277,356.204644 277,354 L277,350 Z" fill="#383838"></path>  <circle class="overlay-shape camera" fill="#383838" cx="323" cy="11" r="3"></circle>  <path class="back-shape bottom" d="M0,361 C0,361 3.91836515,370 37.3210755,370 L320.849959,370 L324.150041,370 L607.694382,370 C641.097092,370 645,361 645,361 L0,361 Z" fill="#000000"></path> </svg> </div> <div class="pp-device-media pp-image-fit" > <div class="pp-device-media-inner"> <div class="pp-device-media-screen pp-device-media-screen-landscape pp-scrollable"> <div class="pp-device-media-screen-inner"> <figure> <img fetchpriority="high" decoding="async" width="801" height="801" src="https://smackhappy.com/wp-content/uploads/2020/01/Early-Buyer-Capture-for-B2B-Content-Marketing-The-Bloomking-Agency-2-1.png" class="attachment-large size-large" alt="Early Buyer Capture for B2B Content Marketing The Bloomking Agency 2 1" title="Web Design & Development 10"> </figure> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea179d4b25a fl-col-bg-color fl-col-small" data-node="5fea179d4b25a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5fea17213a948" data-node="5fea17213a948"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>Every website we create is developed with a beautiful design, flawless functionality, and <a href="https://smackhappy.com/responsive-design-adaptive-design/">clean usability</a> in mind because a quality website is what will attract new visitors to your business and keep them coming back.</p> <p> </p> <p><strong>Growth-Driven Design</strong></p> <p>Our websites are fast, reliable, and ready to grow with your business. <em>How the heck do you do that?</em></p> <ol> <li>We actively listen to get to know you and your audience to develop an empathetic, strategic approach.</li> <li>We infuse the strategy into a design intended to perform well and solve problems along their journey.</li> <li>We continue improving the website as we collect data over time to identify any high-impact actions you can take to grow your business long term.</li> </ol> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-button fl-node-5ff7601bae522 shd-button support-hours green-button" data-node="5ff7601bae522"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-left"> <a href="#" target="_self" class="fl-button"> <span class="fl-button-text">Full List of Services</span> </a> </div> </div> </div> <div class="fl-module fl-module-uabb-off-canvas fl-node-5ff76011cd1ea" data-node="5ff76011cd1ea"> <div class="fl-module-content fl-node-content"> <div class="uabb-offcanvas-5ff76011cd1ea uabb-offcanvas-parent-wrapper"> <div id="offcanvas-5ff76011cd1ea" class="uabb-offcanvas uabb-custom-offcanvas uabb-offcanvas-position-at-left uabb-offcanvas-type-noraml"> <div class="uabb-offcanvas-content"> <div class="uabb-offcanvas-action-wrap"> <div class="uabb-offcanvas-close-icon-wrapper uabb-offcanvas-close-icon-position-right-top"> <span class="uabb-offcanvas-close"> <i class="uabb-offcanvas-close-icon fas fa-times"></i> </span> </div> </div> <div class="uabb-offcanvas-text uabb-offcanvas-content-data"> <div class="uabb-text-editor uabb-offcanvas-text-content" ><h4><b>Full List of Services</b></h4> <p><b>Website Updates</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">When you’re having one of those weeks where you’re absolutely swamped and can’t even squeeze in a text change, send it to us!</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">This usually means updating text on your website, adding new content or new pages, and updating graphics or images.</span></li> </ul> <p><b>Graphic Design</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Anything print related, like:</span> <ul> <li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Postcards, business cards, trade show booths, flyers.</span></li> </ul> </li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Also other graphics online for things like advertisements, Zoom backgrounds, and social media.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Any kind of sales or marketing collateral.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We also design logos!</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We can do original illustrations and occasionally photography.</span></li> </ul> <p><b>Branding</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">If you have a need to create, refine, or rebuild your brand identity - we can help!</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Brand design (color palettes, image assets, fonts, brand & style guides)</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Messaging, target audience development, personas</span></li> </ul> <p><b>Content Marketing</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Most often we help with writing website copy, blog posts, and landing pages on behalf of our clients.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We also create graphics and messaging for social media and newsletters.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Copywriting for any sales or marketing collateral.</span></li> </ul> <p><b>Data and Analytics help</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We can review your current data tracking setup for your website, clean up extra tags, implement the new GA4 tracking, and even get you setup with key tools such as Google Search Console or Google Business. </span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">If you’re hoping to capture more events and conversions in Google Analytics - we can help with that too.</span></li> </ul> <p><b>Social Media Help</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We will create messages and graphics to keep your social media channels active with the goal of entertaining and educating your audience. Think of this as upcycling - we use your current content, elevate it, and keep it consistent.</span></li> </ul> <p><b>Newsletter Help</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We can help prepare weekly, monthly or quarterly newsletters with your existing content or write new content on your behalf.</span></li> </ul> <p><b>WordPress Coaching</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">If you’d like to make updates on your own we are happy to sit with you, teach you, or just be moral support (we’ve done this on multiple occasions!).</span></li> </ul> <p><b>Bug Fixes</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">When your site breaks we will step in to fix it as soon as we are notified with our monitored 24/7 support system.</span></li> </ul> <p><b>Hosting / Domain issues</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Need to transfer your hosting or is something wrong with your current setup? We can help.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">We can also help migrate your registrar or DNS.</span></li> </ul> <p><b>Website Integrations</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Salesforce, Pardot, ZenDesk, HubSpot, Zoho, and more </span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Need something integrated with your site that you can’t figure out? Let us help. We love reading documentation and figuring out how to make it work for you.</span></li> </ul> <p><b>General Web Help</b></p> <p><span style="font-weight: 400;">Sometimes logins and passwords can be misplaced, or you suddenly are ghosted by your web person and lose access to your accounts. We’ve helped several clients take back ownership of their website, domain registrar, analytics and ads accounts, and more. If you’re experiencing an issue like this, please let us know.</span></p> <p><span style="font-weight: 400;">We also offer general web and marketing support - if you have an idea we can help you get creative and run with it.</span></p> </div> </div> </div> </div> <div class="uabb-offcanvas-overlay "></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fea195b555bd fl-row-default-height fl-row-align-center" data-node="5fea195b555bd"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea195b90070" data-node="5fea195b90070"> <div class="fl-col fl-node-5fea195b90255 fl-col-bg-color fl-col-has-cols" data-node="5fea195b90255"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-5fea19f6ca6e1 fl-col-group-nested fl-col-group-equal-height fl-col-group-align-center" data-node="5fea19f6ca6e1"> <div class="fl-col fl-node-5fea19f6ca82e fl-col-bg-color" data-node="5fea19f6ca82e"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea2019848dc" data-node="5fea2019848dc"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">We design websites inspired by people and purpose.</span> </h2> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea199a36ce1" data-node="5fea199a36ce1"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>Every brand has its own personality that makes them stand out. We help bring your personality onto the website because people buy from people.</p> <p> </p> <p><strong>Beautiful & Compelling Design</strong><br /> According to a <a href="http://credibility.stanford.edu/guidelines/index.html" target="_blank" rel="noopener">web credibility</a> study by Stanford University, 75% of people judge the credibility of a website by its design. We believe in creating custom, high-quality websites with a compelling visual design that matches your site's purpose.</p> <p>Our <a href="https://smackhappy.com/about-us/">web designers</a> are creative artists who have great passion. As artists, we design websites that give people modern and relevant information so they will stick around, have more respect for your business and are more likely to reach out.</p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea19f6ca831 fl-col-bg-color fl-col-small" data-node="5fea19f6ca831"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-callout fl-node-5fea1544aca29 fl-animation fl-slide-in-up" data-node="5fea1544aca29" data-animation-delay="0" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">38%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of people will stop engaging with a website if they think it’s not attractive.</p> <p style="text-align: right;"><span style="font-size: 16px;">- <em>Adobe</em></span></p> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5fea1acfceb22 fl-row-default-height fl-row-align-center" data-node="5fea1acfceb22"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="pp-row-separator pp-row-separator-top" style="color: #ffffff"> <svg class="pp-tilt-left" xmlns="http://www.w3.org/2000/svg" version="1.1" fill="currentColor" width="100%" height="130" viewBox="0 0 4 0.266661" preserveAspectRatio="none" role="presentation"> <polygon class="fil0" points="4,0 4,0.266661 -0,0.266661 "></polygon> </svg> </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea1acfdf52d fl-col-group-equal-height fl-col-group-align-center fl-col-group-responsive-reversed" data-node="5fea1acfdf52d"> <div class="fl-col fl-node-5fea1acfdf68a fl-col-bg-color fl-col-small" data-node="5fea1acfdf68a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-callout fl-node-5fea1b0b0e862 fl-animation fl-slide-in-up" data-node="5fea1b0b0e862" data-animation-delay="0" data-animation-duration="1"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">80%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of people will stop engaging with content that doesn’t display well on their mobile device, which accounts for 67% of internet users.</p> <p style="text-align: right;"><span style="font-size: 16px;">- <em>Adobe</em></span></p> </div></div> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea1acfdf68d fl-col-bg-color" data-node="5fea1acfdf68d"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5fea1ad615f82" data-node="5fea1ad615f82"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><strong>Clear & Usable Experience</strong><br /> Three of the most common technical challenges we learn from our clients about their websites?</p> <ol> <li>Cumbersome to update or use, especially if an online store</li> <li>Doesn't adjust to modern screen sizes</li> <li>Unsure if they're reaching their <a href="https://smackhappy.com/2018/01/three-ways-to-identify-your-target-audience/">target audience</a></li> </ol> <p>Luckily, our <a href="https://smackhappy.com/2019/09/what-makes-a-great-web-developer/">web developers</a> are humble thought engineers at their core. We keep it simple and build websites nestled in our clean coding language philosophy.</p> <p>With us, you always get an easy-to-use website equipped with a wide range of tools that we know and love from a WordPress content management system to a built-in website builder.</p> <p>In short, we always deliver mobile-friendly websites that are <a href="https://smackhappy.com/responsive-design-adaptive-design/">responsive, adaptive,</a> and triple-tested on live, modern devices.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fea201fd6f8f fl-row-default-height fl-row-align-center" data-node="5fea201fd6f8f"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea201fe772e" data-node="5fea201fe772e"> <div class="fl-col fl-node-5fea201fe7893 fl-col-bg-color fl-col-has-cols" data-node="5fea201fe7893"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea195b4ad22" data-node="5fea195b4ad22"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">We create websites that...</span> </h2> </div> </div> <div class="fl-col-group fl-node-5fea203cd4875 fl-col-group-nested" data-node="5fea203cd4875"> <div class="fl-col fl-node-5fea203cd49c8 fl-col-bg-color fl-col-small" data-node="5fea203cd49c8"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-iconlist fl-node-5fea209e2584d" data-node="5fea209e2584d"> <div class="fl-module-content fl-node-content"> <div class="pp-icon-list pp-user-agent-ie"> <ul class="pp-icon-list-items pp-list-type-icon"> <li class="pp-icon-list-item pp-icon-list-item-0"> <span class="pp-list-item-icon fas fa-check"></span> <span class="pp-list-item-text">Treat people like people.</span> </li> </ul> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea203cd49cc fl-col-bg-color fl-col-small" data-node="5fea203cd49cc"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-iconlist fl-node-5fea20a37f1a1" data-node="5fea20a37f1a1"> <div class="fl-module-content fl-node-content"> <div class="pp-icon-list pp-user-agent-ie"> <ul class="pp-icon-list-items pp-list-type-icon"> <li class="pp-icon-list-item pp-icon-list-item-0"> <span class="pp-list-item-icon fas fa-check"></span> <span class="pp-list-item-text">Build relationships.</span> </li> </ul> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea203cd49ce fl-col-bg-color fl-col-small" data-node="5fea203cd49ce"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-iconlist fl-node-5fea2068ab5d0" data-node="5fea2068ab5d0"> <div class="fl-module-content fl-node-content"> <div class="pp-icon-list pp-user-agent-ie"> <ul class="pp-icon-list-items pp-list-type-icon"> <li class="pp-icon-list-item pp-icon-list-item-0"> <span class="pp-list-item-icon fas fa-check"></span> <span class="pp-list-item-text">Are minimum fuss, maximum fun.</span> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="fl-module fl-module-button fl-node-ozswlrd47f2n shd-button" data-node="ozswlrd47f2n"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-center"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fecc27126a15 fl-row-default-height fl-row-align-center" data-node="5fecc27126a15"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-full-width fl-node-content"> <div class="fl-col-group fl-node-5fecc27126a0f fl-col-group-equal-height fl-col-group-align-center fl-col-group-custom-width" data-node="5fecc27126a0f"> <div class="fl-col fl-node-5fecc27126a11 fl-col-bg-color fl-col-small-custom-width" data-node="5fecc27126a11"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fecc27126a13 green-arrow" data-node="5fecc27126a13"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <a href="https://smackhappy.com/portfolio/web-design/" title="Our Work" target="_self"> <span class="fl-heading-text">Our Work</span> </a> </h2> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fecc27126a16" data-node="5fecc27126a16"> <div class="fl-col fl-node-5fecc27126a17 fl-col-bg-color" data-node="5fecc27126a17"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-pp-content-grid fl-node-5fecc27126a18" data-node="5fecc27126a18"> <div class="fl-module-content fl-node-content"> <div class="pp-posts-wrapper"> <div class="pp-content-posts" style="--items-count: 3;--column-xl: 3;--column-lg: 3;--column-md: 3;--column-sm: 1;"> <div class="pp-content-post-grid pp-masonry-active clearfix" itemscope="itemscope" itemtype="https://schema.org/Collection"> <div class="pp-content-post pp-content-grid-post pp-grid-custom post-10760 portfolios type-portfolios status-publish has-post-thumbnail hentry portfolio-cats-featured-web portfolio-cats-pressto portfolio-cats-web-design portfolio-cats-wordpress" itemscope itemtype="https://schema.org/CreativeWork" data-id="10760"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="http://10760" content="Mobile Sage" /><meta itemprop="datePublished" content="2024-10-11" /><meta itemprop="dateModified" content="2024-10-11" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/heather/" /><meta itemprop="name" content="Heather Bauer" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio.png" /><meta itemprop="width" content="720" /><meta itemprop="height" content="720" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="pp-content-grid-post-image"> <a href="https://smackhappy.com/portfolios/mobile-sage/" title="Mobile Sage"><img decoding="async" width="720" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%20viewBox='0%200%20720%20720'%3E%3C/svg%3E" class=" pp-post-img wp-post-image perfmatters-lazy" alt="mobile sage shd portfolio" itemprop="image" title="Mobile Sage 1" data-src="https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio.png" data-srcset="https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio.png 720w, https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio-300x300.png 300w" data-sizes="(max-width: 720px) 100vw, 720px" /><noscript><img decoding="async" width="720" height="720" src="https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio.png" class=" pp-post-img wp-post-image" alt="mobile sage shd portfolio" itemprop="image" srcset="https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio.png 720w, https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/10/mobile-sage-shd-portfolio-300x300.png 300w" sizes="(max-width: 720px) 100vw, 720px" title="Mobile Sage 1"></noscript></a> <div class="pp-content-grid-post-text"> <h3 class="pp-content-grid-post-title"><a href="https://smackhappy.com/portfolios/mobile-sage/" title="Mobile Sage">Mobile Sage</a></h3> <ul class="pp-industries"><a href="https://smackhappy.com/portfolios/mobile-sage/">B2B, Small Business, Technology, IT, Start-ups</a></ul> </div> </div> </div> <div class="pp-content-post pp-content-grid-post pp-grid-custom post-10765 portfolios type-portfolios status-publish has-post-thumbnail hentry portfolio-cats-featured-web portfolio-cats-pressto portfolio-cats-web-design portfolio-cats-wordpress" itemscope itemtype="https://schema.org/CreativeWork" data-id="10765"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="http://10765" content="Boyett Construction" /><meta itemprop="datePublished" content="2024-10-10" /><meta itemprop="dateModified" content="2024-10-11" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/heather/" /><meta itemprop="name" content="Heather Bauer" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2024/10/Boyette.png" /><meta itemprop="width" content="612" /><meta itemprop="height" content="612" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="pp-content-grid-post-image"> <a href="https://smackhappy.com/portfolios/boyett-construction/" title="Boyett Construction"><img decoding="async" width="612" height="612" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='612'%20height='612'%20viewBox='0%200%20612%20612'%3E%3C/svg%3E" class=" pp-post-img wp-post-image perfmatters-lazy" alt="Boyette" itemprop="image" title="Boyett Construction 3" data-src="https://smackhappy.com/wp-content/uploads/2024/10/Boyette.png" data-srcset="https://smackhappy.com/wp-content/uploads/2024/10/Boyette.png 612w, https://smackhappy.com/wp-content/uploads/2024/10/Boyette-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/10/Boyette-300x300.png 300w" data-sizes="(max-width: 612px) 100vw, 612px" /><noscript><img decoding="async" width="612" height="612" src="https://smackhappy.com/wp-content/uploads/2024/10/Boyette.png" class=" pp-post-img wp-post-image" alt="Boyette" itemprop="image" srcset="https://smackhappy.com/wp-content/uploads/2024/10/Boyette.png 612w, https://smackhappy.com/wp-content/uploads/2024/10/Boyette-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/10/Boyette-300x300.png 300w" sizes="(max-width: 612px) 100vw, 612px" title="Boyett Construction 3"></noscript></a> <div class="pp-content-grid-post-text"> <h3 class="pp-content-grid-post-title"><a href="https://smackhappy.com/portfolios/boyett-construction/" title="Boyett Construction">Boyett Construction</a></h3> <ul class="pp-industries"><a href="https://smackhappy.com/portfolios/boyett-construction/">B2B, Manufacturing</a></ul> </div> </div> </div> <div class="pp-content-post pp-content-grid-post pp-grid-custom post-10606 portfolios type-portfolios status-publish has-post-thumbnail hentry portfolio-cats-featured-web portfolio-cats-pressto portfolio-cats-web-design portfolio-cats-wordpress" itemscope itemtype="https://schema.org/CreativeWork" data-id="10606"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="http://10606" content="SJ Alexander Philanthropy Associates" /><meta itemprop="datePublished" content="2024-06-24" /><meta itemprop="dateModified" content="2024-07-02" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/heather/" /><meta itemprop="name" content="Heather Bauer" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2024/06/sjalexander.png" /><meta itemprop="width" content="1042" /><meta itemprop="height" content="1042" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="pp-content-grid-post-image"> <a href="https://smackhappy.com/portfolios/sj-alexander-philanthropy-associates/" title="SJ Alexander Philanthropy Associates"><img decoding="async" width="1042" height="1042" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1042'%20height='1042'%20viewBox='0%200%201042%201042'%3E%3C/svg%3E" class=" pp-post-img wp-post-image perfmatters-lazy" alt itemprop="image" title="SJ Alexander Philanthropy Associates 5" data-src="https://smackhappy.com/wp-content/uploads/2024/06/sjalexander.png" data-srcset="https://smackhappy.com/wp-content/uploads/2024/06/sjalexander.png 1042w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-768x768.png 768w" data-sizes="(max-width: 1042px) 100vw, 1042px" /><noscript><img decoding="async" width="1042" height="1042" src="https://smackhappy.com/wp-content/uploads/2024/06/sjalexander.png" class=" pp-post-img wp-post-image" alt="" itemprop="image" srcset="https://smackhappy.com/wp-content/uploads/2024/06/sjalexander.png 1042w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2024/06/sjalexander-768x768.png 768w" sizes="(max-width: 1042px) 100vw, 1042px" title="SJ Alexander Philanthropy Associates 5"></noscript></a> <div class="pp-content-grid-post-text"> <h3 class="pp-content-grid-post-title"><a href="https://smackhappy.com/portfolios/sj-alexander-philanthropy-associates/" title="SJ Alexander Philanthropy Associates">SJ Alexander Philanthropy Associates</a></h3> <ul class="pp-industries"><a href="https://smackhappy.com/portfolios/sj-alexander-philanthropy-associates/">Coaching, Consulting, Non-Profit, Small Business</a></ul> </div> </div> </div> <div class="pp-grid-space"></div> </div> <div class="fl-clear"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fea2100c24d5 fl-row-default-height fl-row-align-center" data-node="5fea2100c24d5"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea2100e1dfe" data-node="5fea2100e1dfe"> <div class="fl-col fl-node-5fea2100e203f fl-col-bg-color" data-node="5fea2100e203f"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea2100c0dc1" data-node="5fea2100c0dc1"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">We won't redesign the wheel, unless we need to. </span> </h2> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea2128c2ac0" data-node="5fea2128c2ac0"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><strong>Here's how it all works:</strong></p> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-600244b6ee2a5 fl-row-default-height fl-row-align-center fl-visible-desktop fl-visible-large fl-visible-medium" data-node="600244b6ee2a5"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-full-width fl-node-content"> <div class="fl-col-group fl-node-600244b734db1" data-node="600244b734db1"> <div class="fl-col fl-node-600244b734f1b fl-col-bg-color" data-node="600244b734f1b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5ffe48d552d6c process-img" data-node="5ffe48d552d6c"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="/process/" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-7857 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1175'%20height='198'%20viewBox='0%200%201175%20198'%3E%3C/svg%3E" alt="shd process graphic-Web Design" itemprop="image" height="198" width="1175" title="shd process graphic-Web Design" data-src="https://smackhappy.com/wp-content/uploads/2021/01/shd-process-graphic-Web-Design.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-7857 size-full" src="https://smackhappy.com/wp-content/uploads/2021/01/shd-process-graphic-Web-Design.svg" alt="shd process graphic-Web Design" itemprop="image" height="198" width="1175" title="shd process graphic-Web Design" /></noscript> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-6011bb9503cfa fl-row-default-height fl-row-align-center fl-visible-mobile" data-node="6011bb9503cfa"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-6011bb9503d9b" data-node="6011bb9503d9b"> <div class="fl-col fl-node-6011bb9503d9c fl-col-bg-color" data-node="6011bb9503d9c"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-6011bb9503d9d process-img" data-node="6011bb9503d9d"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="/process/" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='0'%20height='0'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="process graphic vertical 01" itemprop="image" title="Web Design & Development 11" data-src="https://smackhappy.com/wp-content/uploads/2021/01/process-graphic-vertical-01.svg" /><noscript><img decoding="async" class="fl-photo-img" src="https://smackhappy.com/wp-content/uploads/2021/01/process-graphic-vertical-01.svg" alt="process graphic vertical 01" itemprop="image" title="Web Design & Development 11"></noscript> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-600244beef1fb fl-row-default-height fl-row-align-center" data-node="600244beef1fb"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-600244bf16a08" data-node="600244bf16a08"> <div class="fl-col fl-node-600244bf16c19 fl-col-bg-color fl-col-small" data-node="600244bf16c19"> <div class="fl-col-content fl-node-content"></div> </div> <div class="fl-col fl-node-600244f904d7e fl-col-bg-color" data-node="600244f904d7e"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-600244f904e44" data-node="600244f904e44"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><strong>What happens after launch?</strong> Ongoing support, monthly strategies, and monitoring, all wrapped up in a safe and secure environment.</p> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5fea214abffcb fl-row-default-height fl-row-align-center" data-node="5fea214abffcb"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea214abffbc" data-node="5fea214abffbc"> <div class="fl-col fl-node-5fea214abffbe fl-col-bg-color fl-col-has-cols" data-node="5fea214abffbe"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-5fea214abffc1 fl-col-group-nested fl-col-group-equal-height fl-col-group-align-bottom fl-col-group-custom-width" data-node="5fea214abffc1"> <div class="fl-col fl-node-5fea214abffc6 fl-col-bg-color fl-col-small-custom-width" data-node="5fea214abffc6"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea214abffc8 green-arrow" data-node="5fea214abffc8"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <a href="https://smackhappy.com/happy-clients/" title="What Clients Say" target="_self"> <span class="fl-heading-text">What Clients Say</span> </a> </h2> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fea214abffc0 fl-col-group-nested" data-node="5fea214abffc0"> <div class="fl-col fl-node-5fea214abffc2 fl-col-bg-color fl-col-small" data-node="5fea214abffc2"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fea214abffc4" data-node="5fea214abffc4"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img decoding="async" class="fl-photo-img wp-image-8383 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='77'%20height='57'%20viewBox='0%200%2077%2057'%3E%3C/svg%3E" alt="quote-mark" itemprop="image" height="57" width="77" title="quote-mark" data-src="https://smackhappy.com/wp-content/uploads/2021/04/quote-mark.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-8383 size-full" src="https://smackhappy.com/wp-content/uploads/2021/04/quote-mark.svg" alt="quote-mark" itemprop="image" height="57" width="77" title="quote-mark" /></noscript> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea214abffc3 fl-col-bg-color" data-node="5fea214abffc3"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5fea214abffc5" data-node="5fea214abffc5"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>Smack Happy knows what they are doing; they get to know you and what you are trying to do, then support you doing it through the care plan, giving you good ideas, implementing as promised, and providing support at a reasonable cost. I don’t know why you wouldn’t sign up for a care plan.<br /><em>— Peter DiGiammarino, IntelliVen</em></p> <div style="display: none;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea214abffbf fl-col-bg-color fl-col-small" data-node="5fea214abffbf"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fea214abffca" data-node="5fea214abffca"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-crop-square fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-jpg"> <img decoding="async" class="fl-photo-img wp-image-5974 size-medium perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='600'%20viewBox='0%200%20480%20600'%3E%3C/svg%3E" alt="Peter-DiGiammarino" itemprop="image" height="600" width="480" title="Peter-DiGiammarino-819x1024" data-src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/Peter-DiGiammarino-819x1024-480x600-square-dda72b0ae15fcf9975b5e3c1441eb1fb-5fea214abffca.jpg" /><noscript><img decoding="async" class="fl-photo-img wp-image-5974 size-medium" src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/Peter-DiGiammarino-819x1024-480x600-square-dda72b0ae15fcf9975b5e3c1441eb1fb-5fea214abffca.jpg" alt="Peter-DiGiammarino" itemprop="image" height="600" width="480" title="Peter-DiGiammarino-819x1024" /></noscript> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-jfhq8yvgsiwm" data-node="jfhq8yvgsiwm"> <div class="fl-col fl-node-j8lvktxzwqn3 fl-col-bg-color" data-node="j8lvktxzwqn3"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-20eor5fbv1ps shd-button" data-node="20eor5fbv1ps"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-center"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5fea30ce71637 fl-row-default-height fl-row-align-center icons-3-columns" data-node="5fea30ce71637"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fea30ce6052d" data-node="5fea30ce6052d"> <div class="fl-col fl-node-5fea30ce6053e fl-col-bg-color" data-node="5fea30ce6053e"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fea30ce6053f" data-node="5fea30ce6053f"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">Hire a team family, like us.</span> </h2> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fea30ce6052c fl-col-group-equal-height fl-col-group-align-top" data-node="5fea30ce6052c"> <div class="fl-col fl-node-5fea30ce6052f fl-col-bg-color fl-col-small" data-node="5fea30ce6052f"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fea30ce60535" data-node="5fea30ce60535"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img decoding="async" class="fl-photo-img wp-image-7433 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='69'%20height='58'%20viewBox='0%200%2069%2058'%3E%3C/svg%3E" alt="icon-collaborate" itemprop="image" height="58" width="69" title="icon-collaborate" data-src="https://smackhappy.com/wp-content/uploads/2020/12/icon-collaborate.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-7433 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/icon-collaborate.svg" alt="icon-collaborate" itemprop="image" height="58" width="69" title="icon-collaborate" /></noscript> </div> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fea30ce60532" data-node="5fea30ce60532"> <div class="fl-module-content fl-node-content"> <h5 class="fl-heading"> <span class="fl-heading-text">Collaborative Partnership</span> </h5> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea30ce60533" data-node="5fea30ce60533"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>We know there’s a Bermuda Triangle full of developers, designers, and marketers somewhere out there. So far, we’ve not been able to locate it. We stay present and are prepared to go above and beyond to take care of all of your <a href="https://smackhappy.com/marketing-strategy/">marketing needs</a>. Your partnership means a lot to us and we truly believe in your long-term success. Think of us as part of your team!</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-callout fl-node-5fea30ce60534" data-node="5fea30ce60534"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">47%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of our clients declare this in our testimonials</p> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea30ce60531 fl-col-bg-color fl-col-small" data-node="5fea30ce60531"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fea30ce6053d" data-node="5fea30ce6053d"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img decoding="async" class="fl-photo-img wp-image-7434 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='69'%20height='58'%20viewBox='0%200%2069%2058'%3E%3C/svg%3E" alt="icon-communicate" itemprop="image" height="58" width="69" title="icon-communicate" data-src="https://smackhappy.com/wp-content/uploads/2020/12/icon-communicate.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-7434 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/icon-communicate.svg" alt="icon-communicate" itemprop="image" height="58" width="69" title="icon-communicate" /></noscript> </div> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fea30ce6053a" data-node="5fea30ce6053a"> <div class="fl-module-content fl-node-content"> <h5 class="fl-heading"> <span class="fl-heading-text">Clear Communication</span> </h5> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea30ce6053b" data-node="5fea30ce6053b"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>We’re a team who thinks. We continually perfect our process to ensure our communication is mint. You can expect nothing short of quick responses, full transparency, and complete understanding from us. Guaranteed!</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-callout fl-node-5fea30ce6053c" data-node="5fea30ce6053c"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">88%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of our clients boast about this in our testimonials</p> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5fea30ce60530 fl-col-bg-color fl-col-small" data-node="5fea30ce60530"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fea30ce60539" data-node="5fea30ce60539"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <img decoding="async" class="fl-photo-img wp-image-7432 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='69'%20height='58'%20viewBox='0%200%2069%2058'%3E%3C/svg%3E" alt="icon-caring" itemprop="image" height="58" width="69" title="icon-caring" data-src="https://smackhappy.com/wp-content/uploads/2020/12/icon-caring.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-7432 size-full" src="https://smackhappy.com/wp-content/uploads/2020/12/icon-caring.svg" alt="icon-caring" itemprop="image" height="58" width="69" title="icon-caring" /></noscript> </div> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fea30ce60537" data-node="5fea30ce60537"> <div class="fl-module-content fl-node-content"> <h5 class="fl-heading"> <span class="fl-heading-text">Caring Culture</span> </h5> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fea30ce60536" data-node="5fea30ce60536"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>There’s a difference between an <a href="https://smackhappy.com/about-us/">engaged design team</a> and one that’s not. When we invest in each other's growth, we are more than willing to invest in yours. We care about your business just as much as you do, and want to help you make a positive impact on the world. Let us transform your vision into something magical!</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-callout fl-node-5fea30ce60538" data-node="5fea30ce60538"> <div class="fl-module-content fl-node-content"> <div class="fl-callout fl-callout-has-photo fl-callout-photo-above-title"> <div class="fl-callout-content"> <h3 class="fl-callout-title"><span class="fl-callout-title-text">61%</span></h3><div class="fl-callout-text-wrap"><div class="fl-callout-text"><p>of our clients brag about this in our testimonials</p> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div></div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fea30ce6052e" data-node="5fea30ce6052e"> <div class="fl-col fl-node-5fea30ce60540 fl-col-bg-color" data-node="5fea30ce60540"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-rich-text fl-node-5fea30ce60545" data-node="5fea30ce60545"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <h2>Every design begins with a story, <a style="color: #289dbb;" href="/getting-started/">tell us yours.</a></h2> <div style="display: none;"></div> <div style="display: none;"></div> <div style="display: none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-6011b20e8afe3 fl-row-default-height fl-row-align-center" data-node="6011b20e8afe3"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-6011b37cc7150" data-node="6011b37cc7150"> <div class="fl-col fl-node-6011b37cc7241 fl-col-bg-color" data-node="6011b37cc7241"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-6011b37cc70bf" data-node="6011b37cc70bf"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">The Latest in Web Design</span> </h2> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-6011b20eb2e01" data-node="6011b20eb2e01"> <div class="fl-col fl-node-6011b20eb3032 fl-col-bg-color" data-node="6011b20eb3032"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-post-grid fl-node-6011b20e88353" data-node="6011b20e88353"> <div class="fl-module-content fl-node-content"> <div class="fl-post-grid" itemscope="itemscope" itemtype="https://schema.org/Blog"> <div class="fl-post-column"> <div class="fl-post-grid-post fl-post-grid-image-above-title fl-post-columns-post fl-post-align-left post-10529 post type-post status-publish format-standard has-post-thumbnail hentry category-inspiration category-news tag-creativity tag-culture tag-featured-branding-post tag-featured-design-post tag-featured-marketing-post tag-featured-support-post tag-news tag-smack-happy tag-small-business" itemscope itemtype="https://schema.org/BlogPosting"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://smackhappy.com/2024/04/digital-art-renaissance-smack-happy-curated-art-show/" content="Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show" /><meta itemprop="datePublished" content="2024-04-15" /><meta itemprop="dateModified" content="2024-04-15" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/diera/" /><meta itemprop="name" content="Danielle Iera" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left.jpg" /><meta itemprop="width" content="2113" /><meta itemprop="height" content="613" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="fl-post-grid-image"> <a href="https://smackhappy.com/2024/04/digital-art-renaissance-smack-happy-curated-art-show/" rel="bookmark" title="Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show"> <img decoding="async" width="600" height="174" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='174'%20viewBox='0%200%20600%20174'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image perfmatters-lazy" alt="smack happy curated art show" title="Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show 7" data-src="https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-600x174.jpg" data-srcset="https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-600x174.jpg 600w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-1200x348.jpg 1200w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-300x87.jpg 300w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-768x223.jpg 768w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-1536x446.jpg 1536w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-2048x594.jpg 2048w" data-sizes="(max-width: 600px) 100vw, 600px" /><noscript><img decoding="async" width="600" height="174" src="https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-600x174.jpg" class="attachment-medium size-medium wp-post-image" alt="smack happy curated art show" srcset="https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-600x174.jpg 600w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-1200x348.jpg 1200w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-300x87.jpg 300w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-768x223.jpg 768w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-1536x446.jpg 1536w, https://smackhappy.com/wp-content/uploads/2024/04/abstract-octo-mermaid-text-left-2048x594.jpg 2048w" sizes="(max-width: 600px) 100vw, 600px" title="Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show 7"></noscript> </a> </div> <div class="fl-post-grid-text"> <h2 class="fl-post-grid-title" itemprop="headline"> <a href="https://smackhappy.com/2024/04/digital-art-renaissance-smack-happy-curated-art-show/" title="Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show">Unveiling a Digital Art Renaissance: The Smack Happy Curated Art Show</a> </h2> <div class="fl-post-grid-meta"> <span class="fl-post-grid-author"> By <a href="https://smackhappy.com/author/diera/"><span>Danielle Iera</span></a> </span> <span class="fl-sep"> | </span> <span class="fl-post-grid-date"> April 15, 2024 </span> </div> <div class="fl-post-grid-content"> <p>Launching on May 24th, 2024, the Smack Happy Curated Art Show is Nicole Hanusek’s innovative solution to blend her passion for art with her web design business. This virtual art exhibition, exclusive to Smack Happy Design’s network, serves as a dynamic platform to showcase art, foster artist and client connections, and enhance referral networks. Attendees gain access to a curated selection of websites hosting a diverse collection of artworks, each narrating its own unique story, showcasing the vast potential of creative collaboration.</p> </div> </div> </div> </div> <div class="fl-post-column"> <div class="fl-post-grid-post fl-post-grid-image-above-title fl-post-columns-post fl-post-align-left post-10510 post type-post status-publish format-standard has-post-thumbnail hentry category-news tag-featured-branding-post tag-featured-design-post tag-featured-marketing-post tag-fun tag-news tag-smack-happy" itemscope itemtype="https://schema.org/BlogPosting"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://smackhappy.com/2024/04/announcing-the-smack-happy-curated-art-show/" content="Announcing The Smack Happy Curated Art Show" /><meta itemprop="datePublished" content="2024-04-10" /><meta itemprop="dateModified" content="2024-04-10" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/diera/" /><meta itemprop="name" content="Danielle Iera" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show.jpeg" /><meta itemprop="width" content="1300" /><meta itemprop="height" content="377" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="fl-post-grid-image"> <a href="https://smackhappy.com/2024/04/announcing-the-smack-happy-curated-art-show/" rel="bookmark" title="Announcing The Smack Happy Curated Art Show"> <img decoding="async" width="600" height="174" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='174'%20viewBox='0%200%20600%20174'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image perfmatters-lazy" alt="the smack happy curated art show" title="Announcing The Smack Happy Curated Art Show 8" data-src="https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-600x174.jpeg" data-srcset="https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-600x174.jpeg 600w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-1200x348.jpeg 1200w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-300x87.jpeg 300w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-768x223.jpeg 768w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show.jpeg 1300w" data-sizes="(max-width: 600px) 100vw, 600px" /><noscript><img decoding="async" width="600" height="174" src="https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-600x174.jpeg" class="attachment-medium size-medium wp-post-image" alt="the smack happy curated art show" srcset="https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-600x174.jpeg 600w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-1200x348.jpeg 1200w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-300x87.jpeg 300w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show-768x223.jpeg 768w, https://smackhappy.com/wp-content/uploads/2022/05/the-smack-happy-curated-art-show.jpeg 1300w" sizes="(max-width: 600px) 100vw, 600px" title="Announcing The Smack Happy Curated Art Show 8"></noscript> </a> </div> <div class="fl-post-grid-text"> <h2 class="fl-post-grid-title" itemprop="headline"> <a href="https://smackhappy.com/2024/04/announcing-the-smack-happy-curated-art-show/" title="Announcing The Smack Happy Curated Art Show">Announcing The Smack Happy Curated Art Show</a> </h2> <div class="fl-post-grid-meta"> <span class="fl-post-grid-author"> By <a href="https://smackhappy.com/author/diera/"><span>Danielle Iera</span></a> </span> <span class="fl-sep"> | </span> <span class="fl-post-grid-date"> April 10, 2024 </span> </div> <div class="fl-post-grid-content"> <p>In the heart of San Francisco, where creativity meets technology, Smack Happy Design unveils a passion project that reimagines the art show. A pioneering virtual gallery experience, The Smack Happy Curated Art Show curated by Smack Happy Design Founder, Nicole Hanusek, bridges the gap between art enthusiasts and the vibrant Bay Area community.</p> </div> </div> </div> </div> <div class="fl-post-column"> <div class="fl-post-grid-post fl-post-grid-image-above-title fl-post-columns-post fl-post-align-left post-10250 post type-post status-publish format-standard has-post-thumbnail hentry category-news tag-awards tag-branding tag-building-trust tag-creativity tag-featured-branding-post tag-featured-design-post tag-featured-marketing-post tag-pr tag-press-release tag-smack-happy" itemscope itemtype="https://schema.org/BlogPosting"> <meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://smackhappy.com/2023/09/smack-happy-gold-winner-summit-creative/" content="Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners’ Private Equity Talent Benchmark Report" /><meta itemprop="datePublished" content="2023-09-14" /><meta itemprop="dateModified" content="2023-09-15" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Smack Happy Design"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://smackhappy.com/author/diera/" /><meta itemprop="name" content="Danielle Iera" /></div><div itemscope itemprop="image" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold.jpg" /><meta itemprop="width" content="2275" /><meta itemprop="height" content="691" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div> <div class="fl-post-grid-image"> <a href="https://smackhappy.com/2023/09/smack-happy-gold-winner-summit-creative/" rel="bookmark" title="Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners’ Private Equity Talent Benchmark Report"> <img decoding="async" width="600" height="182" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='182'%20viewBox='0%200%20600%20182'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image perfmatters-lazy" alt="smack happy wins gold" title="Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners' Private Equity Talent Benchmark Report 9" data-src="https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-600x182.jpg" data-srcset="https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-600x182.jpg 600w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-1200x364.jpg 1200w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-300x91.jpg 300w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-768x233.jpg 768w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-1536x467.jpg 1536w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-2048x622.jpg 2048w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-610x185.jpg 610w" data-sizes="(max-width: 600px) 100vw, 600px" /><noscript><img decoding="async" width="600" height="182" src="https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-600x182.jpg" class="attachment-medium size-medium wp-post-image" alt="smack happy wins gold" srcset="https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-600x182.jpg 600w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-1200x364.jpg 1200w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-300x91.jpg 300w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-768x233.jpg 768w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-1536x467.jpg 1536w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-2048x622.jpg 2048w, https://smackhappy.com/wp-content/uploads/2023/09/smack-happy-wins-gold-610x185.jpg 610w" sizes="(max-width: 600px) 100vw, 600px" title="Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners' Private Equity Talent Benchmark Report 9"></noscript> </a> </div> <div class="fl-post-grid-text"> <h2 class="fl-post-grid-title" itemprop="headline"> <a href="https://smackhappy.com/2023/09/smack-happy-gold-winner-summit-creative/" title="Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners’ Private Equity Talent Benchmark Report">Smack Happy Design Wins Gold in 2023 Summit Creative Award® for Bespoke Partners’ Private Equity Talent Benchmark Report</a> </h2> <div class="fl-post-grid-meta"> <span class="fl-post-grid-author"> By <a href="https://smackhappy.com/author/diera/"><span>Danielle Iera</span></a> </span> <span class="fl-sep"> | </span> <span class="fl-post-grid-date"> September 14, 2023 </span> </div> <div class="fl-post-grid-content"> <p>San Francisco, CA, September 14, 2023 — Smack Happy Design, a leading design firm specializing in custom WordPress websites and graphic design, is thrilled to…</p> </div> </div> </div> </div> </div> <div class="fl-clear"></div> <div class="fl-builder-pagination"> <ul class='page-numbers'> <li><span aria-current="page" class="page-numbers current">1</span></li> <li><a class="page-numbers" href="https://smackhappy.com/web-design-development/paged-2/2/">2</a></li> <li><a class="page-numbers" href="https://smackhappy.com/web-design-development/paged-2/3/">3</a></li> <li><span class="page-numbers dots">…</span></li> <li><a class="page-numbers" href="https://smackhappy.com/web-design-development/paged-2/17/">17</a></li> <li><a class="next page-numbers" href="https://smackhappy.com/web-design-development/paged-2/2/">Next »</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="uabb-js-breakpoint" style="display: none;"></div> </div> </article>  </div> </div> </div> </div> <div class="fl-builder-content fl-builder-content-8155 fl-builder-global-templates-locked" data-post-id="8155" data-type="part"></div><div class="uabb-js-breakpoint" style="display: none;"></div><footer class="fl-builder-content fl-builder-content-7283 fl-builder-global-templates-locked" data-post-id="7283" data-type="footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter"><div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5fbdb1054a532 fl-row-default-height fl-row-align-center" data-node="5fbdb1054a532"> <div class="fl-row-content-wrap"> <div class="uabb-row-separator uabb-top-row-separator" > </div> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5fbdb1054a533" data-node="5fbdb1054a533"> <div class="fl-col fl-node-5fbdb1054a534 fl-col-bg-color" data-node="5fbdb1054a534"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fbdb1054a536" data-node="5fbdb1054a536"> <div class="fl-module-content fl-node-content"> <h2 class="fl-heading"> <span class="fl-heading-text">Don’t just be happy with your marketing, be Smack Happy.</span> </h2> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a535 fl-col-bg-color fl-col-small" data-node="5fbdb1054a535"> <div class="fl-col-content fl-node-content"></div> </div> <div class="fl-col fl-node-5fbdb1054a549 fl-col-bg-color fl-col-small" data-node="5fbdb1054a549"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-button fl-node-5fbdb1054a54a orange-button" data-node="5fbdb1054a54a"> <div class="fl-module-content fl-node-content"> <div class="fl-button-wrap fl-button-width-auto fl-button-right"> <a href="https://smackhappy.com/getting-started/" target="_self" class="fl-button"> <span class="fl-button-text">Get a Quote</span> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col-group fl-node-5fbdb1054a537 fl-col-group-equal-height fl-col-group-align-bottom" data-node="5fbdb1054a537"> <div class="fl-col fl-node-5fbdb1054a538 fl-col-bg-color fl-col-small fl-col-has-cols" data-node="5fbdb1054a538"> <div class="fl-col-content fl-node-content"> <div class="fl-col-group fl-node-wr8lbkqn7h3c fl-col-group-nested" data-node="wr8lbkqn7h3c"> <div class="fl-col fl-node-1mhrpxjqkoeu fl-col-bg-color fl-col-small" data-node="1mhrpxjqkoeu"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-r3ws82clqhp4 fl-visible-desktop fl-visible-large" data-node="r3ws82clqhp4"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-svg"> <a href="https://smackhappy.com" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-8382 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='114'%20height='114'%20viewBox='0%200%20114%20114'%3E%3C/svg%3E" alt="Smack Happy Home" itemprop="image" height="114" width="114" title="Smack Happy Home" data-src="https://smackhappy.com/wp-content/uploads/2021/04/logo-white-symbol2.svg" /><noscript><img decoding="async" class="fl-photo-img wp-image-8382 size-full" src="https://smackhappy.com/wp-content/uploads/2021/04/logo-white-symbol2.svg" alt="Smack Happy Home" itemprop="image" height="114" width="114" title="Smack Happy Home" /></noscript> </a> </div> </div> </div> </div> </div> </div> <div class="fl-col fl-node-ph53z0ined8r fl-col-bg-color fl-col-small" data-node="ph53z0ined8r"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-photo fl-node-5fbdb1054a53c fl-visible-desktop fl-visible-large" data-node="5fbdb1054a53c"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-png"> <a href="https://smackhappy.com/2023/09/smack-happy-gold-winner-summit-creative/" target="_self" itemprop="url"> <img decoding="async" class="fl-photo-img wp-image-10269 size-full perfmatters-lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1501'%20height='1501'%20viewBox='0%200%201501%201501'%3E%3C/svg%3E" alt="sia" itemprop="image" height="1501" width="1501" title="23-sca-seal" data-src="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png" data-srcset="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png 1501w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-1200x1200.png 1200w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-768x768.png 768w" data-sizes="(max-width: 1501px) 100vw, 1501px" /><noscript><img decoding="async" class="fl-photo-img wp-image-10269 size-full" src="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png" alt="sia" itemprop="image" height="1501" width="1501" title="23-sca-seal" srcset="https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal.png 1501w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-600x600.png 600w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-1200x1200.png 1200w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-300x300.png 300w, https://smackhappy.com/wp-content/uploads/2020/11/23-sca-seal-768x768.png 768w" sizes="(max-width: 1501px) 100vw, 1501px" /></noscript> </a> </div> </div> </div> </div> </div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fbdb1054a547" data-node="5fbdb1054a547"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <a href="tel:+14158145885" title="(415) 814-5885" target="_self"> <span class="fl-heading-text">(415) 814-5885</span> </a> </h4> </div> </div> <div class="fl-module fl-module-html fl-node-4we53x8z1udq footer-social" data-node="4we53x8z1udq"> <div class="fl-module-content fl-node-content"> <div class="fl-html"> <a href="https://www.linkedin.com/company/smack-happy-design/" target="_blank" rel="noopener"> <i class="fab fa-linkedin-in" aria-hidden="true" aria-role="img" aria-label="Visit us on LinkedIn!"></i> </a> <a href="https://www.facebook.com/smackhappydesign" target="_blank" rel="noopener"> <i class="fab fa-facebook-f" aria-hidden="true" aria-role="img" aria-label="Visit us on Facebook!"></i> </a> <a href="https://g.page/smackhappy/review" target="_blank" rel="noopener"> <i class="fab fa-google" aria-hidden="true" aria-role="img" aria-label="Leave us a review on Google!"></i> </a> <a href="https://www.yelp.com/biz/smack-happy-design-san-francisco" target="_blank" rel="noopener"> <i class="fab fa-yelp" aria-hidden="true" aria-role="img" aria-label="Visit us on Yelp!"></i> </a> <a href="https://pinterest.com/smackhappy/" target="_blank" rel="noopener"> <i class="fab fa-pinterest-p" aria-hidden="true" aria-role="img" aria-label="Visit us on Pinterest!"></i> </a> <a href="https://www.youtube.com/c/SmackHappyDesignLLC" target="_blank" rel="noopener"> <i class="fab fa-youtube" aria-hidden="true" aria-role="img" aria-label="Watch our videos on YouTube!"></i> </a> <a href="https://www.instagram.com/smackhappyd/" target="_blank" rel="noopener"> <i class="fab fa-instagram" aria-hidden="true" aria-role="img" aria-label="Visit us on Instagram!"></i> </a> <a href="/feed/" target="_self" aria-role="img" aria-label="Subscribe to our Feed!"> <i class="fas fa-rss" aria-hidden="true"></i> </a></div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-6046cf7997b84 fl-visible-desktop fl-visible-large fl-visible-medium" data-node="6046cf7997b84"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>© 2008-2024 Smack Happy Design. All Rights Reserved.</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-6046cfa5bd0da fl-visible-desktop fl-visible-large fl-visible-medium" data-node="6046cfa5bd0da"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-privacy-menu" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy"><a href="https://smackhappy.com/privacy/">Privacy Policy</a></li><li id="menu-item-8296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/terms-and-conditions/">Terms and Conditions</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a539 fl-col-bg-color fl-col-small" data-node="5fbdb1054a539"> <div class="fl-col-content fl-node-content"></div> </div> <div class="fl-col fl-node-5fbdb1054a53a fl-col-bg-color fl-col-small" data-node="5fbdb1054a53a"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-heading fl-node-5fbdb1054a546" data-node="5fbdb1054a546"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <span class="fl-heading-text">Services</span> </h4> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a540" data-node="5fbdb1054a540"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-services-menu-2" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7293" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7289 current_page_item"><a href="https://smackhappy.com/web-design-development/">Web Design & Development</a></li><li id="menu-item-7295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/wordpress-support/">Website Support & Hosting</a></li><li id="menu-item-7292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/branding-graphic-design/">Branding & Design</a></li><li id="menu-item-9754" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/content-marketing/">Content Marketing</a></li><li id="menu-item-9916" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/creative-services/">Creative Services</a></li><li id="menu-item-9159" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/accessibility-audit/">Accessibility Services</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-heading fl-node-5fbdb1054a53d" data-node="5fbdb1054a53d"> <div class="fl-module-content fl-node-content"> <h4 class="fl-heading"> <span class="fl-heading-text">Portfolio</span> </h4> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a53e" data-node="5fbdb1054a53e"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-portfolio-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-1252" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/web-design/">Web Design</a></li><li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/graphic-design/">Graphic Design</a></li><li id="menu-item-1250" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/logo-design/">Logo Design</a></li><li id="menu-item-1249" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/illustration/">Illustration</a></li><li id="menu-item-9700" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/portfolio/marketing/">Marketing</a></li></ul></nav></div> </div> </div> </div> </div> <div class="fl-col fl-node-5fbdb1054a53b fl-col-bg-color fl-col-small" data-node="5fbdb1054a53b"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-menu fl-node-5fbdb1054a530" data-node="5fbdb1054a530"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-about-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/">About Us</a></li><li id="menu-item-7304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/process/">Our Process</a></li><li id="menu-item-7301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/happy-clients/">Our Clients</a></li><li id="menu-item-7410" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/case-studies/">Case Studies</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a548" data-node="5fbdb1054a548"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-resources-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/blog/">Blog</a></li><li id="menu-item-7296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/resource-hub/">Resources</a></li><li id="menu-item-8207" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://smackhappy.com/newsletter/">Newsletter</a></li><li id="menu-item-7298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/videos/">Videos</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-5fbdb1054a541" data-node="5fbdb1054a541"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-contact-menu-1" class="menu fl-menu-vertical fl-toggle-none"><li id="menu-item-7305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/">Contact Us</a></li><li id="menu-item-7307" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/getting-started/">Getting Started</a></li><li id="menu-item-7308" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/faqs/">FAQs</a></li><li id="menu-item-7306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/contact/support/">Support</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-menu fl-node-bo2tdwvci167" data-node="bo2tdwvci167"> <div class="fl-module-content fl-node-content"> <div class="fl-menu fl-menu-responsive-toggle-always"> <button class="fl-menu-mobile-toggle hamburger-label" aria-label="More Goodies"><span class="fl-menu-icon svg-container"><svg version="1.1" class="hamburger-menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"> <rect class="fl-hamburger-menu-top" width="512" height="102"/> <rect class="fl-hamburger-menu-middle" y="205" width="512" height="102"/> <rect class="fl-hamburger-menu-bottom" y="410" width="512" height="102"/> </svg> </span><span class="fl-menu-mobile-toggle-label">More Goodies</span></button> <div class="fl-clear"></div> <nav aria-label="More Goodies" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-footer-menu" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8861" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/job-openings/">Join the Team</a></li><li id="menu-item-8298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/about-us/our-culture/">Our Purpose & Culture</a></li><li id="menu-item-6980" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/diversity-inclusion-resources/">Diversity & Inclusion</a></li><li id="menu-item-8299" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/work-life-balance-culture/">Balance & Well-Being in the Workplace</a></li><li id="menu-item-8208" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/responsive-design-adaptive-design/">Responsive & Adaptive Design</a></li><li id="menu-item-8414" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/website-design-revamp-refresh/">Design, Revamp, or Refresh?</a></li><li id="menu-item-10067" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/convert-more-prospects/">Convert More Prospects</a></li><li id="menu-item-10663" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/referrals/">Referrals</a></li></ul></nav></div> </div> </div> <div class="fl-module fl-module-rich-text fl-node-5fbdb1054a529 fl-visible-mobile" data-node="5fbdb1054a529"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p>© 2008-2024 Smack Happy Design. All Rights Reserved.</p> <div style="display: none;"></div> </div> </div> </div> <div class="fl-module fl-module-menu fl-node-5ff3abb13ca5c fl-visible-mobile" data-node="5ff3abb13ca5c"> <div class="fl-module-content fl-node-content"> <div class="fl-menu"> <div class="fl-clear"></div> <nav aria-label="Menu" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"><ul id="menu-privacy-menu-1" class="menu fl-menu-horizontal fl-toggle-none"><li id="menu-item-8295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy"><a href="https://smackhappy.com/privacy/">Privacy Policy</a></li><li id="menu-item-8296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://smackhappy.com/terms-and-conditions/">Terms and Conditions</a></li></ul></nav></div> </div> </div> </div> </div> </div> </div> </div> </div> </footer><div class="uabb-js-breakpoint" style="display: none;"></div> </div>  <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/2788133.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.waypoints.min.js?ver=2.8.5" id="jquery-waypoints-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.imagesloaded.min.js?ver=2.8.5" id="imagesloaded-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bbpowerpack/assets/js/isotope.pkgd.min.js?ver=3.0.1" id="jquery-isotope-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.fitvids.min.js?ver=1.2" id="jquery-fitvids-js" defer></script> <script src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/7289-layout.js?ver=1ecdf6f6d32dc5f6cd9fcad7746a2ee8" id="fl-builder-layout-7289-js" defer></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.ba-throttle-debounce.min.js?ver=2.8.5" id="jquery-throttle-js" defer></script> <script src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/d1a69435958a8785adba89df073de17e-layout-bundle.js?ver=2.8.5-1.4.11.2" id="fl-builder-layout-bundle-d1a69435958a8785adba89df073de17e-js" defer></script> <script id="perfmatters-lazy-load-js-before"> window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;});function perfmattersLazyLoadYouTube(e){var t=document.createElement("iframe"),r="ID?";r+=0===e.dataset.query.length?"":e.dataset.query+"&",r+="autoplay=1",t.setAttribute("src",r.replace("ID",e.dataset.src)),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","1"),t.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),e.replaceChild(t,e.firstChild)} </script> <script async src="https://smackhappy.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.3.3" id="perfmatters-lazy-load-js"></script> <script src="https://smackhappy.com/wp-content/plugins/bb-plugin/js/jquery.magnificpopup.min.js?ver=2.8.5" id="jquery-magnificpopup-js" defer></script> <script id="fl-automator-js-extra"> var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768","lightbox":"enabled","scrollTopPosition":"800"}; </script> <script src="https://smackhappy.com/wp-content/themes/bb-theme/js/theme.min.js?ver=1.7.17.1" id="fl-automator-js" defer></script> <script async data-no-optimize="1" src="https://smackhappy.com/wp-content/plugins/perfmatters/vendor/instant-page/pminstantpage.min.js?ver=2.3.3" id="perfmatters-instant-page-js"></script> <script src="https://smackhappy.com/wp-content/cache/perfmatters/smackhappy.com/minify/bef679a2ca17.ada.min.js?ver=0.5.1" id="ada-js-js" defer></script> <script src="https://smackhappy.com/wp-content/uploads/bb-plugin/cache/7603-layout-partial.js?ver=3a2f46458b48208dc67a6531a9a3e286" id="fl-builder-layout-7603-js" defer></script> <script type="text/javascript"> (function() { var t = document.createElement( 'script' ); t.type = 'text/javascript'; t.async = true; t.id = 'gauges-tracker'; t.setAttribute( 'data-site-id', '64d4df1d33a83c261ed64562' ); t.src = '//secure.gaug.es/track.js'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( t, s ); })(); </script> <script id="perfmatters-delayed-scripts-js">const pmDelayClick=false;const pmDelayTimer=setTimeout(pmTriggerDOMListener,10*1000);const pmUserInteractions=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"],pmDelayedScripts={normal:[],defer:[],async:[]},jQueriesArray=[],pmInterceptedClicks=[];var pmDOMLoaded=!1,pmClickTarget="";function pmTriggerDOMListener(){"undefined"!=typeof pmDelayTimer&&clearTimeout(pmDelayTimer),pmUserInteractions.forEach(function(e){window.removeEventListener(e,pmTriggerDOMListener,{passive:!0})}),document.removeEventListener("visibilitychange",pmTriggerDOMListener),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",pmTriggerDelayedScripts):pmTriggerDelayedScripts()}async function pmTriggerDelayedScripts(){pmDelayEventListeners(),pmDelayJQueryReady(),pmProcessDocumentWrite(),pmSortDelayedScripts(),pmPreloadDelayedScripts(),await pmLoadDelayedScripts(pmDelayedScripts.normal),await pmLoadDelayedScripts(pmDelayedScripts.defer),await pmLoadDelayedScripts(pmDelayedScripts.async),await pmTriggerEventListeners(),document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))}),window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),pmWaitForPendingClicks().then(()=>{pmReplayClicks()})}function pmDelayEventListeners(){let e={};function t(t,n){function r(n){return e[t].delayedEvents.indexOf(n)>=0?"perfmatters-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]},t.addEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)}),e[t].delayedEvents.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:n||function(){},set:function(n){e["perfmatters"+t]=n}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}function pmDelayJQueryReady(){let e=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>e,set(t){if(t&&t.fn&&!jQueriesArray.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){pmDOMLoaded?e.bind(document)(t):document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})};let n=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e=(e=(e=e.split(" ")).map(function(e){return"load"===e||0===e.indexOf("load.")?"perfmatters-jquery-load":e})).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(function(t){delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return n.apply(this,arguments),this},jQueriesArray.push(t)}e=t}})}function pmProcessDocumentWrite(){let e=new Map;document.write=document.writeln=function(t){var n=document.currentScript,r=document.createRange();let a=e.get(n);void 0===a&&(a=n.nextSibling,e.set(n,a));var i=document.createDocumentFragment();r.setStart(i,0),i.appendChild(r.createContextualFragment(t)),n.parentElement.insertBefore(i,a)}}function pmSortDelayedScripts(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){e.hasAttribute("src")?e.hasAttribute("defer")&&!1!==e.defer?pmDelayedScripts.defer.push(e):e.hasAttribute("async")&&!1!==e.async?pmDelayedScripts.async.push(e):pmDelayedScripts.normal.push(e):pmDelayedScripts.normal.push(e)})}function pmPreloadDelayedScripts(){var e=document.createDocumentFragment();[...pmDelayedScripts.normal,...pmDelayedScripts.defer,...pmDelayedScripts.async].forEach(function(t){var n=t.getAttribute("src");if(n){var r=document.createElement("link");r.href=n,"module"==t.getAttribute("data-perfmatters-type")?r.rel="modulepreload":(r.rel="preload",r.as="script"),e.appendChild(r)}}),document.head.appendChild(e)}async function pmLoadDelayedScripts(e){var t=e.shift();return t?(await pmReplaceScript(t),pmLoadDelayedScripts(e)):Promise.resolve()}async function pmReplaceScript(e){return await pmNextFrame(),new Promise(function(t){let n=document.createElement("script");[...e.attributes].forEach(function(e){let t=e.nodeName;"type"!==t&&("data-perfmatters-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))}),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t()),e.parentNode.replaceChild(n,e)})}async function pmTriggerEventListeners(){pmDOMLoaded=!0,await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-readystatechange")),await pmNextFrame(),document.perfmattersonreadystatechange&&document.perfmattersonreadystatechange(),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-load")),await pmNextFrame(),window.perfmattersonload&&window.perfmattersonload(),await pmNextFrame(),jQueriesArray.forEach(function(e){e(window).trigger("perfmatters-jquery-load")});let e=new Event("perfmatters-pageshow");e.persisted=window.pmPersisted,window.dispatchEvent(e),await pmNextFrame(),window.perfmattersonpageshow&&window.perfmattersonpageshow({persisted:window.pmPersisted})}async function pmNextFrame(){return new Promise(function(e){requestAnimationFrame(e)})}function pmReplayClicks(){window.removeEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.removeEventListener("mousedown",pmTouchStartHandler),pmInterceptedClicks.forEach(e=>{e.target.outerHTML===pmClickTarget&&e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))})}function pmWaitForPendingClicks(){return new Promise(e=>{window.pmIsClickPending?pmPendingClickFinished=e:e()})}function pmPndingClickStarted(){window.pmIsClickPending=!0}function pmPendingClickFinished(){window.pmIsClickPending=!1}function pmClickHandler(e){e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmInterceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),pmPendingClickFinished()}function pmTouchStartHandler(e){"HTML"!==e.target.tagName&&(pmClickTarget||(pmClickTarget=e.target.outerHTML),window.addEventListener("touchend",pmTouchEndHandler),window.addEventListener("mouseup",pmTouchEndHandler),window.addEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.addEventListener("mousemove",pmTouchMoveHandler),e.target.addEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"onclick","pm-onclick"),pmPendingClickStarted())}function pmTouchMoveHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler),e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmPendingClickFinished()}function pmTouchEndHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler)}function pmRenameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}window.pmIsClickPending=!1,window.addEventListener("pageshow",e=>{window.pmPersisted=e.persisted}),pmUserInteractions.forEach(function(e){window.addEventListener(e,pmTriggerDOMListener,{passive:!0})}),pmDelayClick&&(window.addEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.addEventListener("mousedown",pmTouchStartHandler)),document.addEventListener("visibilitychange",pmTriggerDOMListener);</script></body> </html>