B2B Web Design - B2B Website Development Services

<!DOCTYPE html> <head> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="1.2.6",this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this.t.bind(this),this.touchStartHandler=this.i.bind(this),this.touchMoveHandler=this.o.bind(this),this.touchEndHandler=this.h.bind(this),this.clickHandler=this.u.bind(this),this.interceptedClicks=[],this.interceptedClickListeners=[],this.l(this),window.addEventListener("pageshow",(t=>{this.persisted=t.persisted,this.everythingLoaded&&this.m()})),this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",(t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))})),document.addEventListener("DOMContentLoaded",(()=>{this.k()})),this.delayedScripts={normal:[],async:[],defer:[]},this.trash=[],this.allJQueries=[]}p(t){document.hidden?t.t():(this.triggerEvents.forEach((e=>window.addEventListener(e,t.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",t.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",t.touchStartHandler),document.addEventListener("visibilitychange",t.userEventHandler))}_(){this.triggerEvents.forEach((t=>window.removeEventListener(t,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}i(t){"HTML"!==t.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),t.target.addEventListener("click",this.clickHandler),this.L(t.target,!0),this.S(t.target,"onclick","rocket-onclick"),this.C())}o(t){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.M()}h(){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}u(t){t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.interceptedClicks.push(t),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.M()}O(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((t=>{t.target.dispatchEvent(new MouseEvent("click",{view:t.view,bubbles:!0,cancelable:!0}))}))}l(t){EventTarget.prototype.addEventListenerWPRocketBase=EventTarget.prototype.addEventListener,EventTarget.prototype.addEventListener=function(e,i,o){"click"!==e||t.windowLoaded||i===t.clickHandler||t.interceptedClickListeners.push({target:this,func:i,options:o}),(this||window).addEventListenerWPRocketBase(e,i,o)}}L(t,e){this.interceptedClickListeners.forEach((i=>{i.target===t&&(e?t.removeEventListener("click",i.func,i.options):t.addEventListener("click",i.func,i.options))})),t.parentNode!==document.documentElement&&this.L(t.parentNode,e)}D(){return new Promise((t=>{this.P?this.M=t:t()}))}C(){this.P=!0}M(){this.P=!1}S(t,e,i){t.hasAttribute&&t.hasAttribute(e)&&(event.target.setAttribute(i,event.target.getAttribute(e)),event.target.removeAttribute(e))}t(){this._(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this.R.bind(this)):this.R()}k(){let t=[];document.querySelectorAll("script[type=rocketlazyloadscript][data-rocket-src]").forEach((e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){0===i.indexOf("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}})),t=[...new Map(t.map((t=>[JSON.stringify(t),t]))).values()],this.T(t,"preconnect")}async R(){this.lastBreath=Date.now(),this.j(this),this.F(this),this.I(),this.W(),this.q(),await this.A(this.delayedScripts.normal),await this.A(this.delayedScripts.defer),await this.A(this.delayedScripts.async);try{await this.U(),await this.H(this),await this.J()}catch(t){console.error(t)}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.D().then((()=>{this.O()})),this.N()}W(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)}))}async B(t){if(await this.G(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise((e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.indexOf("Firefox/")>0||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach((t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))})),t.text&&(i.text=t.text),i.hasAttribute("src")?(i.addEventListener("load",o),i.addEventListener("error",(function(){i.setAttribute("data-rocket-status","failed-network"),e()})),setTimeout((()=>{i.isConnected||e()}),1)):(i.text=t.text,o()),t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o),t.addEventListener("error",(i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: data-uri blocked by CSP -> fallback"),t.removeAttribute("src"),this.B(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())})),s?(t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}}));t.setAttribute("data-rocket-status","skipped")}async A(t){const e=t.shift();return e&&e.isConnected?(await this.B(e),this.A(t)):Promise.resolve()}q(){this.T([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}T(t,e){var i=document.createDocumentFragment();t.forEach((t=>{const o=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(o&&!o.startsWith("data:")){const s=document.createElement("link");s.href=o,s.rel=e,"preconnect"!==e&&(s.as="script"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(s.crossOrigin=!0),t.crossOrigin&&(s.crossOrigin=t.crossOrigin),t.integrity&&(s.integrity=t.integrity),i.appendChild(s),this.trash.push(s)}})),document.head.appendChild(i)}j(t){let e={};function i(i,o){return e[o].eventsToRewrite.indexOf(i)>=0&&!t.everythingLoaded?"rocket-"+i:i}function o(t,o){!function(t){e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(o)}function s(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o||function(){},set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}o(document,"DOMContentLoaded"),o(window,"DOMContentLoaded"),o(window,"load"),o(window,"pageshow"),o(document,"readystatechange"),s(document,"onreadystatechange"),s(window,"onload"),s(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}F(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map((t=>"load"===t||0===t.indexOf("load.")?"rocket-jquery-load":t)).join(" ")}function o(o){function s(t){const e=o.fn[t];o.fn[t]=o.fn.init.prototype[t]=function(){return this[0]===window&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e}))),e.apply(this,arguments),this}}o&&o.fn&&!t.allJQueries.includes(o)&&(o.fn.ready=o.fn.init.prototype.ready=function(e){return t.domReadyFired?e.bind(document)(o):document.addEventListener("rocket-DOMContentLoaded",(()=>e.bind(document)(o))),o([])},s("on"),s("one"),t.allJQueries.push(o)),e=o}o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}async H(t){const e=document.querySelector("script[data-webpack]");e&&(await async function(){return new Promise((t=>{e.addEventListener("load",t),e.addEventListener("error",t)}))}(),await t.K(),await t.H(t))}async U(){this.domReadyFired=!0;try{document.readyState="interactive"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}async J(){try{document.readyState="complete"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted}),this.windowLoaded=!0}m(){document.onreadystatechange&&document.onreadystatechange(),window.onload&&window.onload(),window.onpageshow&&window.onpageshow({persisted:this.persisted})}I(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript;i||console.error("WPRocket unable to document.write this: "+e);const o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async G(){Date.now()-this.lastBreath>45&&(await this.K(),this.lastBreath=Date.now())}async K(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}N(){this.trash.forEach((t=>t.remove()))}static run(){const t=new RocketLazyLoadScripts;t.p(t)}}RocketLazyLoadScripts.run()})();</script> <title>B2B Web Design - B2B Website Development Services | OuterBox</title><link rel="preload" data-rocket-preload as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;800&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;800&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;800&display=swap" /></noscript><link rel="preload" data-rocket-preload as="image" href="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/wordpress-logo.jpg" fetchpriority="high"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <meta name="description" content="B2B Website Design Services by OuterBox. Our company specializes in custom B2B websites and corporate web solutions." /> <link rel="canonical" href="https://www.outerboxdesign.com/web-design/b2b-website-development" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="B2B Web Design - B2B Website Development Services | OuterBox" /> <meta property="og:description" content="B2B Website Design Services by OuterBox. Our company specializes in custom B2B websites and corporate web solutions." /> <meta property="og:url" content="https://www.outerboxdesign.com/web-design/b2b-website-development" /> <meta property="og:site_name" content="OuterBox" /> <meta property="article:publisher" content="https://www.facebook.com/OuterBox/" /> <meta property="article:modified_time" content="2024-10-30T20:10:25+00:00" /> <meta property="og:image" content="https://www.outerboxdesign.com/frontend/img/outerbox.jpg" /> <meta property="og:image:width" content="1280" /> <meta property="og:image:height" content="800" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.outerboxdesign.com/web-design/b2b-website-development","url":"https://www.outerboxdesign.com/web-design/b2b-website-development","name":"B2B Web Design - B2B Website Development Services | OuterBox","isPartOf":{"@id":"https://www.outerboxdesign.com/#website"},"datePublished":"2021-07-22T18:22:39+00:00","dateModified":"2024-10-30T20:10:25+00:00","description":"B2B Website Design Services by OuterBox. Our company specializes in custom B2B websites and corporate web solutions.","breadcrumb":{"@id":"https://www.outerboxdesign.com/web-design/b2b-website-development#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.outerboxdesign.com/web-design/b2b-website-development"]}]},{"@type":"BreadcrumbList","@id":"https://www.outerboxdesign.com/web-design/b2b-website-development#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.outerboxdesign.com/"},{"@type":"ListItem","position":2,"name":"B2B Website Design"}]},{"@type":"WebSite","@id":"https://www.outerboxdesign.com/#website","url":"https://www.outerboxdesign.com/","name":"OuterBox SEO, PPC, Web Design & Digital Marketing Agency","description":"SEO, Web Design, & eCommerce Website Development Agency","publisher":{"@id":"https://www.outerboxdesign.com/#organization"},"alternateName":"OuterBox","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.outerboxdesign.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.outerboxdesign.com/#organization","name":"OuterBox","alternateName":"OuterBox","url":"https://www.outerboxdesign.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.outerboxdesign.com/#/schema/logo/image/","url":"https://www.outerboxdesign.com/frontend/outerbox-logo-v.jpg","contentUrl":"https://www.outerboxdesign.com/frontend/outerbox-logo-v.jpg","width":655,"height":645,"caption":"OuterBox"},"image":{"@id":"https://www.outerboxdesign.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/OuterBox/","https://www.instagram.com/outerbox/","https://www.linkedin.com/company/outerbox-solutions-inc-/","https://www.youtube.com/user/outerbox"]}]}</script>  <link rel='dns-prefetch' href='//js.hs-scripts.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="OuterBox » Stories Feed" href="https://www.outerboxdesign.com/web-stories/feed/"><style id='wp-emoji-styles-inline-css' type='text/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='classic-theme-styles-inline-css' type='text/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> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link data-minify="1" rel='stylesheet' id='ppress-frontend-css' href='https://www.outerboxdesign.com/wp-content/cache/min/1/wp-content/plugins/wp-user-avatar/assets/css/frontend.min.css?ver=1731704884' media='all' /> <link rel='stylesheet' id='ppress-flatpickr-css' href='https://www.outerboxdesign.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.css?ver=4.15.17' media='all' /> <link rel='stylesheet' id='ppress-select2-css' href='https://www.outerboxdesign.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.css?ver=6.6.2' media='all' /> <link data-minify="1" rel='stylesheet' id='all-css' href='https://www.outerboxdesign.com/wp-content/cache/min/1/wp-content/themes/outerbox/frontend/dist/css/all.css?ver=1731704884' media='all' /> <link data-minify="1" rel='stylesheet' id='html5blank-css' href='https://www.outerboxdesign.com/wp-content/cache/min/1/wp-content/themes/outerbox/style.css?ver=1731704884' media='all' /> <style id='rocket-lazyload-inline-css' type='text/css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.outerboxdesign.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} </style> <link rel="https://api.w.org/" href="https://www.outerboxdesign.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.outerboxdesign.com/wp-json/wp/v2/pages/30553" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.outerboxdesign.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.outerboxdesign.com%2Fweb-design%2Fb2b-website-development" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.outerboxdesign.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.outerboxdesign.com%2Fweb-design%2Fb2b-website-development&format=xml" /> <meta name="generator" content="Site Kit by Google 1.139.0" />  <script type="rocketlazyloadscript" class="hsq-set-content-id" data-content-id="standard-page"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); </script>  <link rel="icon" href="https://www.outerboxdesign.com/frontend/cropped-obx-fav-180-32x32.png.webp" sizes="32x32" /> <link rel="icon" href="https://www.outerboxdesign.com/frontend/cropped-obx-fav-180-192x192.png.webp" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.outerboxdesign.com/frontend/cropped-obx-fav-180-180x180.png.webp" /> <meta name="msapplication-TileImage" content="https://www.outerboxdesign.com/frontend/cropped-obx-fav-180-270x270.png" /> <style type="text/css" id="wp-custom-css"> [data-outerbox-theme] .acf_directory .directory-row { grid-auto-rows: auto; } [data-outerbox-theme] .obx-slider .title * { color: #fff; } [data-outerbox-theme] .directory-row--no-last-column.directory-row--no-last-column { grid-template-columns: repeat(2, 1fr); } @media (max-width: 68.12375em) { [data-outerbox-theme] .directory-row--no-last-column.directory-row--no-last-column { padding-bottom: 30px; } } .footer-list__title { font-size: 20px; font-weight: 700; } .footer-list__title + ul { margin-bottom: 50px; } [data-outerbox-theme] #footer-nav li { display: block; } [data-outerbox-theme] .large-4.cell.large-offset-1 {} [data-outerbox-theme] .footer-list__title { font-size: 20px; font-weight: 700; color: #fff; } [data-outerbox-theme] .footer-list__title a { color: #fff; } [data-outerbox-theme] .footer-list__title + ul { margin-bottom: 50px; } [data-outerbox-theme] #footer-nav li { display: block; } [data-outerbox-theme] .top-nav .notification { color: #fff; } #gform_6 .gform_body +.gform_footer { visibility: hidden; position: absolute; left: -100vw; } [data-outerbox-theme] .main-nav #main-nav#main-nav .menu>ul a, [data-outerbox-theme] .main-nav #main-nav#main-nav .menu>ul span { font-weight: bold; } [data-outerbox-theme] .main-nav .extra .nav-button svg { width: 100%; } /*for extremely long blog migrations*/ div#long-blog h2:not(h2:first-of-type) { margin-top: 3vh; } @media only screen and (width >= 768px) { ul.jl-long { column-count: 2; } } ul.jl-long { padding-left: 15px; column-gap: 40px; } ul.jl-long li a { font-size: 1.2rem; } .home [data-outerbox-theme] .main-nav-container.js-sticky{background:#17212E;} [data-outerbox-theme] .main-nav .logo{ position:relative; top:13px; } @media (max-width: 62.5rem){ [data-outerbox-theme] .main-nav .logo { top:0; } } /* New Custom Case Study page (remove when new layouts are done) */ #light-blue-bg{ background:#EBF1F5 !important; padding:72px 20px; margin:0; } #light-blue-bg .acf_3-columns .content-container, #light-blue-bg .acf_3-columns .content-container .layout__text.layout__text--center.layout__text--full {margin-bottom:0;} #dark-blue-bg{ background:#17212E !important; padding:72px 0; } #dark-blue-bg .testimonial{ border:3px solid #ECA548; border-radius:10px; } #dark-blue-bg .testimonial .apostrophe{ display:none; } .height-fix{ max-width:1100px; } .faux-h4{ color:#0E6E92; font-size:24px; font-weight:900; } .faux-h5{ color:#333333; font-size:24px; font-weight:900; } .share-section br{display:none;} .share-section p:empty{display:none;} .share-section .share{ position: relative; top: 5px; display:inline-block; vertical-align:top; } .share-section .icon, .icon-callout .icon{ width:50px; height:50px; display:inline-block; margin-right:20px; } .icon-callout .icon{float:left;} .seo-icon{ background:url(https://www.outerboxdesign.com/frontend/tile-seo-grad.svg); background-size:cover; } .ppc-icon{background:url(https://www.outerboxdesign.com/frontend/tile-ppc-grad.svg); background-size:cover; background-repeat:no-repeat;} .emm-icon{background:url(https://www.outerboxdesign.com/frontend/tile-emm-grad.svg); background-size:cover; background-repeat:no-repeat;} .pfm-icon{background:url(https://www.outerboxdesign.com/frontend/tile-pfm-grad.svg); background-size:cover; background-repeat:no-repeat;} .web-icon{background:url(https://www.outerboxdesign.com/frontend/tile-web-grad.svg); background-size:cover; background-repeat:no-repeat;} .cro-icon{background:url(https://www.outerboxdesign.com/frontend/tile-cro-grad.svg); background-size:cover; background-repeat:no-repeat;} .social-icon{ width:24px; height:24px; display: inline-block; margin-right: 10px; position: relative; top: 6px; } .facebook-icon{background:url(https://www.outerboxdesign.com/frontend/icon-facebook.svg); background-size:cover; background-repeat:no-repeat;} .x-twitter-icon{background:url(https://www.outerboxdesign.com/frontend/icon-x-twitter.svg); background-size:cover; background-repeat:no-repeat;} .instagram-icon{background:url(https://www.outerboxdesign.com/frontend/icon-instagram.svg); background-size:cover; background-repeat:no-repeat;} .pinterest-icon{background:url(https://www.outerboxdesign.com/frontend/icon-pinterest.svg); background-size:cover; background-repeat:no-repeat;} .email-icon{background:url(https://www.outerboxdesign.com/frontend/icon-email.svg); background-size:cover; background-repeat:no-repeat;} .mini-cta-dark-blue{ padding:20px; background:#0E6E92; color:white; font-size:24px; text-align:center; } #listicle-simple h2{ color:#0E6E92; font-size:36px; } #listicle-simple h3{ color:#C0532A; font-size:26px; } #listicle-simple p{ color:#444444; font-size:1.125rem; } #list-heading-adjustment{margin-left:20px;} #listicle-simple .flex-row{ padding:0 80px; } #listicle-simple .flex-item{ flex-basis:50%; } #listicle-simple .flex-item strong.xb{ color:#11668C; font-size:22px; } #mobile-row{display:none;} @media (max-width: 700px){ .video-fix .wistia_embed{ width:100% !important; max-height:275px !important; } .m-bottom{margin-bottom:20px;} } div#dark-blue-bg .cs-flex h2 { color: #fff; font-size: 2.25rem; } .cs-flex .col { flex-basis: 40%; align-self: center; } .cs-flex .col.f-start { align-self: flex-start; } .percent { font-size: 6rem; color: #eb8f18; line-height: 1; } @media only screen and (max-width: 768px) { .cs-flex .col { max-width: 90%; margin: 0 auto; } .cs-flex:first-child div { flex-direction: column; } .cs-flex .col:first-of-type { margin-bottom: 40px; } } #dark-blue-bg-fw { background: #17212E !important; padding: 72px 0; margin: 0; } #conversion-calculator{ background:#2d394a; margin: 5rem 0 0; padding-top:55px; } #conversion-calculator-heading{ margin-top:8rem;} #conversion-calculator .content-container{max-width:100%;} #calculator input[type=number]::-webkit-inner-spin-button,#calculator input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none } #calculator input[type=number] { -moz-appearance: textfield; border-radius: 3px; border: none; background-color: #ffffff25; color: #fff; padding: 5px; min-height: 40px } #calculator { width: 1105px; margin: 0 auto; max-width: 100%; padding: 20px; border-radius: 3px } #calc_input_hldr { display: flex; flex-direction: column } #calc_input_left { margin-bottom: 30px } @media screen and (min-width: 840px) { #calc_input_hldr { flex-direction:row } #calc_input_left { width: 40%; margin-bottom: 0 } #calc_input_right { width: 60%; padding-left: 30px } } #calculator .calc_site_area,#calculator .calc_prog { display: flex; justify-content: space-between } #calculator .calc_prog { margin-bottom: 5px } #calculator .calc_prog_label,#calculator .calc_label { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff } #calculator .calc_site_area { align-items: flex-end } #calculator .calc_site_area:last-child { justify-content: flex-end } #calculator .calc_prog_input input { width: 50px } #calculator .calc_prog_funnel,#calculator .calc_sa_name { width: 150px; min-width: 150px; text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase } #calculator .calc_prog_funnel { line-height: 1 } #calculator .calc_prog_funnel svg { width: 60px; fill: #bee3df; transition: .3s; margin-top: 3px } #calculator #calc_left_header,#calculator #calc_right_header { text-align: center; font-size: 28px; font-weight: 300; margin-bottom: 15px; color: #bee3df } #calculator #calculations_hldr { background: #fff; border-radius: 3px; padding: 10px 15px; margin-top: 20px; float: left; width: 100%; max-width: 400px } #calculator .calcs_row { display: flex; justify-content: space-between; align-items: center; margin-top: 15px } #calculator .calcs_row:first-child { margin-top: 0 } #calculator .calcs_label { float: left; width: 48%; font-weight: 700; text-align: right; line-height: 1.2 } #calculator .calcs_total { float: left; width: 48%; font-size: 22px; font-weight: 700; text-align: right; color: #0f8797 } #calculator .calc_left_input { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px } #calculator .calc_label,#calculator .calc_input { width: 48% } #calculator .calc_input { white-space: nowrap; text-align: right; font-weight: 700; color: #fff; font-size: 14px } #calculator .calc_input input { width: 130px; font-weight: 400; background-color: #ffffff25; color: #fff; border: none; padding: 0 10px; font-size: 16px } #calculator .calc_sa_name { color: #fff } .rll-youtube-player[data-id="DJGjEnj6DbY"] .play { background-position: left 5% bottom 10%; } /* Custom Button Rows */ .button-row .c-btn{ background: #EC9D35; border-radius: 5px; display: block; width: 22%; margin-left: 3%; height: 60px; margin-bottom: 40px; text-align: center; color:white; } .button-row .c-btn:last-child{margin-right:3%;} .button-row .c-btn p{ position: relative; display: inline-block; margin: 0; line-height: 60px; max-width:198px; } .button-row .c-btn span.icon{ display: block; position: absolute; width: 32px; height: 32px; left: -36px; top: 10px; } .eight-featured-articles .small-9{ width: calc(25% - 1.25rem) !important; } .show-all-articles{ background: #EC9D35; border-radius: 5px; display: block; width: 15%; margin:0 auto; height: 60px; margin-bottom: 40px; text-align: center; color:white; line-height:60px; } @media screen and (max-width: 840px) { /* fake select */ #desktop-row{display:none;} #mobile-row{display:block;} #select-op-btn { border: 1px solid #F2F2F2; display: block; padding: 8px 0 8px 8px; cursor: pointer; background-image: url('https://www.outerboxdesign.com/frontend/downarrow.png'); background-repeat: no-repeat; background-position: right center; } .select_box { box-sizing: border-box; margin: 30px 0; } ul#options { list-style-type: none; font-size: 0px; border-color: #F2F2F2; border-style: solid; border-width: 0px 1px 1px 1px; padding-left:10px; } ul#options li{ font-size: 16px; display: block; padding: 8px 0; cursor:pointer; } ul#options li:last-child{ padding-bottom:10px; } ul#options li:hover { background: #F2F2F2; } .js-drop { display: none; } .default{ color:#AAA; } .button-row .c-btn{ width:100%; margin-left:0; margin-right:0; } } .article-cell > * { display: block; } .article-cell .article-thumb { box-shadow: 0 0 0.5625rem 0.0625rem rgba(0, 0, 0, 0.11); border-radius: 6px; overflow: hidden; margin: 0 0 10px; } .article-cell .article-thumb img { display: block; aspect-ratio: 338/190; width: 100%; height: auto; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .article-cell .article-metas { margin: 10px 0; } .article-cell .article-metas .category-link { display: inline-block; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 2px 0; color: #333333; } .article-cell .article-metas .read-time { display: inline-block; padding: 2px 0; } .article-cell .article-title { color: #333333; font-weight: bold; font-size: 18px; line-height: 28px; } .article-cell .article-excerpt { color: #333333; font-size: 16px; line-height: 24px; margin: 10px 0 35px; } /* Featured Articles Content Group */ .article-cell { margin-bottom: 35px; color: #333333; } .article-cell > * { display: block; } .article-cell .article-thumb { box-shadow: 0 0 0.5625rem 0.0625rem rgba(0, 0, 0, 0.11); border-radius: 6px; overflow: hidden; margin: 0 0 10px; display: block; } .article-cell .article-thumb img { display: block; aspect-ratio: 338/190; width: 100%; height: auto; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; transition: all 0.2s ease; } .article-cell .article-thumb:hover img { transform: scale(1.1); } .article-cell .article-metas { margin: 15px 0 10px; } .article-cell .article-metas .category-link { display: inline-block; text-transform: uppercase; font-weight: 300; text-decoration: none; padding: 2px 0; color: #01668c; transition: all 0.2s ease; } .article-cell .article-metas .category-link:hover { color: #f2a94a; } .article-cell .article-metas .read-time { display: block; padding: 2px 0; margin-left: 0; color: inherit; font-weight: 300; } .article-cell .article-title { color: inherit; font-weight: bold; font-size: 1.125rem; line-height: 1.75rem; margin: 10px 0; transition: all 0.2s ease; } .article-cell .article-title:hover { color: #f2a94a; } .article-cell .article-excerpt { color: inherit; font-size: 1rem; line-height: 1.5rem; margin: 10px 0 0; } @media print, screen and (min-width: 68.125em) { *:not(.large-article) .article-cell .article-metas .read-time { display: inline-block; margin-left: 10px; } } .five-featured-articles.transparent, .eight-featured-articles.transparent { background: transparent; } .five-featured-articles.light-gray, .eight-featured-articles.light-gray { background: #f6f6f6; padding-top: 100px; padding-bottom: 65px; } .five-featured-articles.light-blue, .eight-featured-articles.light-blue { background: #EBF1F5; padding-top: 100px; padding-bottom: 65px; } .five-featured-articles.dark-blue, .eight-featured-articles.dark-blue { background: #17212E; padding-top: 100px; padding-bottom: 65px; } .five-featured-articles.dark-blue h2, .eight-featured-articles.dark-blue h2 { color: #fff; } .five-featured-articles.dark-blue .article-cell, .eight-featured-articles.dark-blue .article-cell { color: #fff; } .five-featured-articles.dark-blue .article-cell .article-metas .category-link, .eight-featured-articles.dark-blue .article-cell .article-metas .category-link { color: inherit; } .five-featured-articles.dark-blue .article-cell .article-metas .category-link:hover, .eight-featured-articles.dark-blue .article-cell .article-metas .category-link:hover { color: #f2a94a; } .five-featured-articles.dark-blue .large-article .article-cell .article-metas .read-time { border-left: 1px solid #fff; } .five-featured-articles.dark-blue .author a, .eight-featured-articles.dark-blue .author a { color: inherit; } .five-featured-articles.dark-blue .author a:hover, .eight-featured-articles.dark-blue .author a:hover { color: #f2a94a; } .five-featured-articles h2, .eight-featured-articles h2 { font-size: 2.625rem; line-height: 3.438rem; font-weight: 800; margin: 0 0 40px; } .five-featured-articles .article-cell .article-excerpt, .eight-featured-articles .article-cell .article-excerpt { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .five-featured-articles .large-article .article-cell .article-metas .read-time { padding-left: 15px; border-left: 1px solid #333333; display: inline-block; margin-left: 10px; } .five-featured-articles .large-article .article-cell .article-title { font-size: 1.875rem; line-height: 2.375rem; margin: 15px 0 20px; } .five-featured-articles .large-article .article-cell .article-excerpt { -webkit-line-clamp: 4 !important; } .five-featured-articles .large-left-content { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 35px; } .five-featured-articles .large-left-content h2 { margin-bottom: 20px; } .five-featured-articles .large-left-content h3 { font-size: 2rem; line-height: 1.75rem; color: #333333; } .five-featured-articles .large-left-content a:not([class]) { text-decoration: none; } .five-featured-articles .large-left-content li:not(:last-child) { margin-bottom: 15px; } .five-featured-articles .large-left-content > *:last-child { margin-bottom: 0; } .five-featured-articles .author, .eight-featured-articles .author { align-items: center; display: flex; margin-top: 1.25rem; margin-bottom: 1.25rem; color: inherit; } .five-featured-articles .author .date, .eight-featured-articles .author .date { margin-bottom: 0; } @media screen and (min-width: 55.625em) { .five-featured-articles .author .date { margin-left: 0.3125rem; } .five-featured-articles .author .date:before { content: "//"; margin-right: 0.1875rem; } } .five-featured-articles .author .image, .eight-featured-articles .author .image { margin-right: 0.625rem; } .five-featured-articles .author .image img, .eight-featured-articles .author .image img { display: block; } .five-featured-articles .author .image-container, .eight-featured-articles .author .image-container { border-radius: 50%; overflow: hidden; margin-right: 1rem; } .five-featured-articles .author .image-container .avatar, .eight-featured-articles .author .image-container .avatar { border-radius: 50%; } .five-featured-articles .author .post-info, .eight-featured-articles .author .post-info { display: flex; } @media screen and (max-width: 55.6238em) { .five-featured-articles .author .post-info, .eight-featured-articles .author .post-info { display: block; } .eight-featured-articles .small-9{ width: calc(100% - 1.25rem) !important; } } @media print, screen and (min-width: 68.125em) { .five-featured-articles .large-article, .five-featured-articles .large-left-content { padding-right: 40px; } } /* "As Seen In" Homepage Logos Mobile Alignment Fix */ @media screen and (max-width: 55.6238em) { [data-outerbox-theme] .as-seen-in--mobile ul { flex-wrap: nowrap; } [data-outerbox-theme] .as-seen-in--mobile ul li { flex: 1 1 9.375rem; } } /* eNewsletter Signup Form Block Styles */ .acf_contact-form #gform_14 .button { width: 100%; background: #ee8b09; padding: 0.6rem 1.75rem; } .acf_contact-form #gform_14 .gfield { margin-bottom: 0 !important; margin-left: 0 !important; } .enewsletter-form .button { width: 100%; background: #ee8b09; padding: 0.6rem 1.75rem; } .enewsletter-form .acf-form-custom-heading { padding: 0 1rem; } .enewsletter-form .acf_cta__image-container { flex: 0 1 8rem; } .enewsletter-form .gform_wrapper.gravity-theme .gform_fields .gfield { align-self: center; } .enewsletter-form .acf_cta { padding: 1rem 1.5rem; justify-content: space-around; } .enewsletter-form .acf_cta .acf_cta__image-container { margin-right: 1.5rem; } .enewsletter-form .acf_cta .acf_cta__form-container { flex-grow: 1; } @media screen and (max-width: 68.1238em) { .enewsletter-form .acf_cta .acf_cta__image-container { margin-right: 0; } .enewsletter-form .acf_cta .acf-form-custom-heading { text-align: center; } } .sidebar_subscription input[type=text]::-moz-placeholder { font-size: 1rem !important; font-weight: 400 !important; color: #333 !important; } .sidebar_subscription input[type=text]::placeholder { font-size: 1rem !important; font-weight: 400 !important; color: #333 !important; } </style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="//cdn-4.convertexperiments.com/v1/js/10047477-100414319.js?environment=live" data-cookieyes="cookieyes-performance" data-rocket-defer defer></script>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KPPHMK9'); </script>  <link href="//www.google-analytics.com" rel="dns-prefetch"> <link href="https://www.outerboxdesign.com/wp-content/themes/outerbox/favicon.ico" rel="shortcut icon"> <link href="https://www.outerboxdesign.com/wp-content/themes/outerbox/img/icons/touch.png" rel="apple-touch-icon-precomposed"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.outerboxdesign.com/wp-content/themes/outerbox/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.outerboxdesign.com/wp-content/themes/outerbox/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="144x144" href="https://www.outerboxdesign.com/wp-content/themes/outerbox/android-icon-144x144.png.webp"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="format-detection" content="telephone=no"> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/loader.js?ver=1731704885" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" charset="UTF-8" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/loader.js?ver=1731704885" data-rocket-defer defer></script> <link data-minify="1" id="load-css-0" rel="stylesheet" type="text/css" href="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/css/core/tooltip.css?ver=1731704885"> <link data-minify="1" id="load-css-1" rel="stylesheet" type="text/css" href="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/css/util/util.css?ver=1731704885"> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" charset="UTF-8" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/js/jsapi_compiled_default_module.js?ver=1731704885" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" charset="UTF-8" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/js/jsapi_compiled_graphics_module.js?ver=1731704885" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" charset="UTF-8" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/js/jsapi_compiled_ui_module.js?ver=1731704885" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" charset="UTF-8" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/charts/51/js/jsapi_compiled_corechart_module.js?ver=1731704886" data-rocket-defer defer></script> <script src='//fw-cdn.com/762161/1817107.js' chat='false'> </script>   <script type="rocketlazyloadscript" data-rocket-type='text/javascript'> var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; var target = 'https://www.clickcease.com/monitor/stat.js'; script.src = target; var elem = document.head; elem.appendChild(script); window.lintrk('track', { conversion_id: 12895442 }); </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <noscript> <a href='https://www.clickcease.com' rel='nofollow'><img src='https://monitor.clickcease.com' alt='ClickCease' /></a> </noscript>  <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", (event) => { function adjustSvgWidth() { // Select the SVG element const svg = document.querySelector('.quote-button-header svg'); if (!svg) return; // Get the original width (240 in your case) const originalWidth = 204; const newWidth = svg.getBoundingClientRect().width; const scaleFactor = newWidth / originalWidth; // Update SVG width and viewBox svg.setAttribute('width', newWidth); svg.setAttribute('viewBox', `0 0 ${newWidth} 41.8`); // Adjust polyline points const polylines = svg.querySelectorAll('.quote-button-header polyline'); polylines.forEach(polyline => { const points = polyline.getAttribute('points').split(' '); const adjustedPoints = points.map(point => { const [x, y] = point.split(',').map(Number); return `${x * scaleFactor},${y}`; }).join(' '); polyline.setAttribute('points', adjustedPoints); }); // Generate a unique CSS animation name based on timestamp const animationName = `stroke-${Date.now()}`; const path = svg.querySelector('.quote-button-header polyline'); // Change to the correct path selector const pathLength = path.getTotalLength(); const dashOffset0 = 0; const dashOffset30 = -pathLength * 0.3; // Adjust the percentage as needed const dashOffset60 = pathLength * 0.6; // Adjust the percentage as needed const dashOffset90 = pathLength * 0.9; // Adjust the percentage as needed const dashOffset1 = pathLength; // Adjust the percentage as needed // Create the CSS animation style directly const style = document.createElement('style'); style.innerHTML = ` @keyframes ${animationName} { 0%, 41.67% { stroke-dashoffset: 0; } 12.5%, 41.67% { /* Adjusted to 30% of 41.67% */ stroke-dashoffset: -490; stroke-opacity: 1; } 25%, 41.67% { /* Adjusted to 60% of 41.67% */ stroke-dashoffset: 150; stroke-opacity: 0; } 27.08%, 100% { /* Adjusted to 65% of 41.67%, then stays till 100% */ stroke-opacity: 0; } } `; // Append the style to the document document.head.appendChild(style); // Assign the new CSS animation to the button const button = document.querySelector('.quote-button-header svg'); button.style.animation = `${animationName} 12s infinite`; } adjustSvgWidth(); }); </script> <style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.17.2.1" data-wpr-features="wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_cache_webp wpr_minify_css wpr_desktop wpr_preload_links" /></head> <body class="page-template-default page page-id-30553 b2b-website-design">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPPHMK9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <style> [data-outerbox-theme] .top-nav .notification span { color: #fff; text-decoration: none !important; } </style> <div data-outerbox-theme class="header-container"> <div class="top-nav"> <div class="grid-container"> <div class="grid-x grid-margin-x align-center align-middle"> <div class="large-9 cell"> <div class="notification"> <a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/" class="text"> OuterBox Has Been Named "Best SEO Services" of 2024 by Forbes Advisor </a> </a> </div> </div> <div class="large-9 cell"> <div class="desktop-menu__top__button-container"> <div class="phone-callout"> Need an Expert Web Design Team? <a href="tel:1-866-647-9218" class="mobile-menu__top__button mobile-menu__top__button--phone"> 1-866-647-9218</a> </div> </div> </div> </div> </div> </div> <div class="main-nav-container"> <header class="main-nav"> <div class="mobile-menu__top"> <div class="mobile-menu__top__button-container"> <a href="tel:1-866-647-9218" class="mobile-menu__top__button mobile-menu__top__button--phone"> 1-866-647-9218</a> </div> <div class="mobile-menu__top__button-container"> <a href="https://www.outerboxdesign.com/estimate-web-design" class="mobile-menu__top__button mobile-menu__top__button--quote"><span class="mobile-menu__top__button__text">Get a Free Quote</span></a> </div> </div> <div class="main-nav-top"> <a href="https://www.outerboxdesign.com" class="logo"> <style> [data-outerbox-theme] .main-nav .logo-img { width: 15.6rem; } </style> <img width="210" height="57" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/OBX-2024.svg" alt="B2B Website Design Services: OuterBox" title="B2B Web Design & Website Development Company: OuterBox"> </a> <div class="button-and-nav"> <div class="extra"> <div class="phone"> <div class="logos-with-button"> <div class="partner-logo-container"> <img width="120" height="42" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/google-partner-navigation.jpg" alt="Google Partner"> </div> <a href="https://www.outerboxdesign.com/estimate-web-design" class="nav-button button button--success quote-button-header"> <svg width="204.31px" height="41.8px" viewBox="0 0 204.31 41.8" class="border"> <polyline points="202.31,0.9 202.31,40.9 1.9,40.9 1.9,0.9 202.31,0.9" class="bg-line"></polyline> <polyline points="202.31,0.9 202.31,40.9 1.9,40.9 1.9,0.9 202.31,0.9" class="hl-line"></polyline> </svg> Get a Website Quote </a> </div> </div> <div class="mobile-menu__extra"> <div class="mobile-menu__hamburger"> <svg width="100%" height="100%" viewBox="0 0 85 84" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <g transform="matrix(1,0,0,1,-34,-124)"> <rect x="46" y="177" width="36" height="6" style="fill:white;" /> </g> <g transform="matrix(1.66667,0,0,1,-64.6667,-144)"> <rect x="46" y="177" width="36" height="6" style="fill:white;" /> </g> <g transform="matrix(1.66667,0,0,1,-64.6667,-164)"> <rect x="46" y="177" width="36" height="6" style="fill:white;" /> </g> <g class="mobile-menu__hamburger__triangle" transform="matrix(0.0073846,-1.05384,1.66858,0.0116923,-237.288,165.514)"> <path d="M104.5,178L114.18,185.207C108.403,182.899 102.403,182.74 96.129,185.221L104.5,178Z" style="fill:rgb(249,193,92);" /> </g> </svg> </div> </div> </div> <nav id="main-nav" role="navigation"> <div class="menu"> <ul><li id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children orange menu-item-863"><a title="SEO Services by Outerbox" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-services">SEO Services</a> <ul class="sub-menu"> <li id="menu-item-30510" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30510"><a title="eCommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/">eCommerce SEO</a></li> <li id="menu-item-30511" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30511"><a title="Lead Generation SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-lead-generation">Lead Generation SEO</a></li> <li id="menu-item-26362" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-26362"><a title="Wordpress SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/wordpress-seo">WordPress SEO</a></li> <li id="menu-item-30764" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30764"><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/shopify-seo">Shopify SEO</a></li> <li id="menu-item-4502" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-4502"><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/magento-seo">Magento SEO</a></li> <li id="menu-item-30407" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30407"><a title="Bigcommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/bigcommerce-seo-services">BigCommerce SEO</a></li> <li id="menu-item-30406" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30406"><a title="WooCommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/woocommerce-seo">WooCommerce SEO</a></li> <li id="menu-item-30426" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30426"><a title="Volusion SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/volusion-seo/">Volusion SEO</a></li> <li id="menu-item-30425" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30425"><a title="NopCommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/nopcommerce-seo/">nopCommerce SEO</a></li> <li id="menu-item-31143" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31143"><a title="B2B SEO Services Agency" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/b2b-seo">B2B SEO</a></li> <li id="menu-item-31064" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31064"><a title="Amazon SEO Services" href="https://www.outerboxdesign.com/amazon-marketing/amazon-seo-services">Amazon SEO</a></li> <li id="menu-item-30497" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30497"><a title="SEO Consulting" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-consulting-services">SEO Consulting</a></li> </ul> </li> <li id="menu-item-875" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children green menu-item-875"><a title="PPC Management" href="https://www.outerboxdesign.com/search-marketing/ppc-management/">Paid Media</a> <ul class="sub-menu"> <li id="menu-item-30545" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30545"><a title="Google Ads & AdWords Management Services" href="https://www.outerboxdesign.com/search-marketing/google-ads-management-agency/">Google Ads Management</a></li> <li id="menu-item-30544" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30544"><a title="Google Shopping Management" href="https://www.outerboxdesign.com/search-marketing/google-shopping-campaign-management/">Google Shopping Management</a></li> <li id="menu-item-36528" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-36528"><a href="https://www.outerboxdesign.com/search-marketing/google-ads-management-agency/ecommerce-ppc-services">eCommerce PPC Management</a></li> <li id="menu-item-30543" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30543"><a title="Lead Generation PPC Management" href="https://www.outerboxdesign.com/search-marketing/ppc-management/ppc-lead-generation">Lead Gen PPC Management</a></li> <li id="menu-item-33205" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-33205"><a href="https://www.outerboxdesign.com/search-marketing/google-ads-consultant">Google Ads Consulting</a></li> <li id="menu-item-35246" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-35246"><a href="https://www.outerboxdesign.com/search-marketing/ppc-management/ppc-consultants">PPC Consulting</a></li> <li id="menu-item-30542" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30542"><a title="Amazon PPC" href="https://www.outerboxdesign.com/amazon-marketing/amazon-ppc-management">Amazon PPC Management</a></li> </ul> </li> <li id="menu-item-30508" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children orange menu-item-30508"><a href="https://www.outerboxdesign.com/web-design/">Web Design</a> <ul class="sub-menu"> <li id="menu-item-30509" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30509"><a title="Website Design Services" href="https://www.outerboxdesign.com/web-design/">Website Design & Development</a></li> <li id="menu-item-31510" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31510"><a title="eCommerce Website Design" href="https://www.outerboxdesign.com/ecommerce-website-design/">eCommerce Website Design</a></li> <li id="menu-item-30560" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-30553 current_page_item orange menu-item-30560"><a title="B2B Website Design Services" href="https://www.outerboxdesign.com/web-design/b2b-website-development" aria-current="page">B2B Website Design</a></li> <li id="menu-item-30564" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30564"><a title="Corporate Web Design" href="https://www.outerboxdesign.com/web-design/corporate-website-design">Corporate Website Design</a></li> <li id="menu-item-31147" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31147"><a title="WordPress Web Design Company" href="https://www.outerboxdesign.com/web-design/wordpress-website-design-development">WordPress Website Design</a></li> <li id="menu-item-30586" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30586"><a title="Website Maintenance Services" href="https://www.outerboxdesign.com/web-design/website-maintenance/">Website Maintenance</a></li> <li id="menu-item-4467" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-4467"><a title="Website Design Consulting" href="https://www.outerboxdesign.com/web-design/website-development-consulting">Website Development Consulting</a></li> <li id="menu-item-30552" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-30552"><a title="B2B eCommerce" href="https://www.outerboxdesign.com/ecommerce-website-design/b2b-platform">B2B eCommerce Website Design</a></li> <li id="menu-item-34312" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-34312"><a href="https://www.outerboxdesign.com/ecommerce-website-design/shopify-design-development">Shopify Website Design</a></li> <li id="menu-item-34313" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-34313"><a href="https://www.outerboxdesign.com/ecommerce-website-design/woocommerce-development">WooCommerce Website Design</a></li> </ul> </li> <li id="menu-item-4512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children orange menu-item-4512"><a title="Conversion Rate Optimization Services" href="https://www.outerboxdesign.com/conversion-rate-optimization/">CRO</a> <ul class="sub-menu"> <li id="menu-item-40031" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40031"><a href="https://www.outerboxdesign.com/conversion-rate-optimization/conversion-rate-optimization-consulting-services">Conversion Optimization Consulting</a></li> <li id="menu-item-39005" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-39005"><a href="https://www.outerboxdesign.com/ecommerce-optimization-services/">eCommerce Optimization Services</a></li> </ul> </li> <li id="menu-item-32100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children orange menu-item-32100"><a title="Email Marketing Services" href="https://www.outerboxdesign.com/email-marketing/email-marketing-services">Email</a> <ul class="sub-menu"> <li id="menu-item-38867" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-38867"><a href="https://www.outerboxdesign.com/email-marketing/targeted-email-marketing-services">Targeted Email Marketing Services</a></li> <li id="menu-item-39824" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-39824"><a href="https://www.outerboxdesign.com/email-marketing-services/klaviyo-email-marketing">Klaviyo Email Marketing</a></li> <li id="menu-item-40427" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40427"><a href="https://www.outerboxdesign.com/email-marketing-services/salesforce-email-marketing">Salesforce Email Marketing</a></li> <li id="menu-item-40259" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40259"><a href="https://www.outerboxdesign.com/email-marketing-services/mailchimp-email-marketing">Mailchimp Email Marketing</a></li> <li id="menu-item-40116" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40116"><a href="https://www.outerboxdesign.com/email-marketing-services/hubspot-email-marketing">HubSpot Email Marketing</a></li> </ul> </li> <li id="menu-item-40625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children orange menu-item-40625"><a href="https://www.outerboxdesign.com/web-analytics-services">Analytics</a> <ul class="sub-menu"> <li id="menu-item-40710" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40710"><a href="https://www.outerboxdesign.com/web-analytics-services/loop-analytics">LOOP Analytics</a></li> <li id="menu-item-40780" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40780"><a href="https://www.outerboxdesign.com/web-analytics-services/google-analytics-consulting">Google Analytics Consulting</a></li> <li id="menu-item-40786" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-40786"><a href="https://www.outerboxdesign.com/web-analytics-services/call-tracking">Call Tracking Analytics</a></li> <li id="menu-item-41026" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-41026"><a href="https://www.outerboxdesign.com/web-analytics-services/website-intelligence">Website Intelligence</a></li> <li id="menu-item-41009" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-41009"><a href="https://www.outerboxdesign.com/web-analytics-services/online-lead-attribution">Online Lead Attribution</a></li> </ul> </li> <li id="menu-item-4514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children orange menu-item-4514"><a title="About OuterBox" href="https://www.outerboxdesign.com/company/about-us">Company</a> <ul class="sub-menu"> <li id="menu-item-31152" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31152"><a title="About Us" href="https://www.outerboxdesign.com/company/about-us">About OuterBox</a></li> <li id="menu-item-31223" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31223"><a href="https://www.outerboxdesign.com/company/office-locations">Office & Directions</a></li> <li id="menu-item-4517" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-4517"><a title="Team" href="https://www.outerboxdesign.com/company/team">Our Team</a></li> <li id="menu-item-4515" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-4515"><a title="Careers" href="https://www.outerboxdesign.com/company/careers">Careers & Openings</a></li> </ul> </li> <li id="menu-item-31239" class="menu-item menu-item-type-post_type menu-item-object-page orange menu-item-31239"><a title="Web Design & SEO Articles" href="https://www.outerboxdesign.com/web-design-articles/">Guides</a></li> </ul> </div> </nav> </div> </div> </header> </div> </div> <main class="" role="main"> <div data-outerbox-theme> <div data-outerbox-theme> <div class="header-with-stats header-with-stats--white-background " style=""> <div class="grid-container"> <div class="grid-x grid-margin-x align-middle"> <div class="large-18 cell"> <ul itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumbs"> <li class="first" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.outerboxdesign.com/" itemprop="item"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" ><a title='Services' href="https://www.outerboxdesign.com/all-services" itemprop="item"><span itemprop="name">Services</span></a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class='last'><a title='B2B Web Design' href="https://www.outerboxdesign.com/web-design/b2b-website-development" itemprop="item"><span itemprop="name">B2B Website Design</span></a> <meta itemprop="position" content="3" /> </li> </ul> </div> <div class="large-8 cell"> <div class="content-container"> <h1> B2B Website Design & Development Services </h1> <p>Capture more leads with a conversion-focused <strong>B2B website custom-designed to help you achieve your business goals and objectives.</strong></p><ul><li>Lead-generation and conversion-focused, data-driven web design</li><li>Responsive design optimized for all browsers and devices</li><li>A user-friendly Content Management System (CMS) makes editing and adding new content a breeze</li></ul> <a href="https://www.outerboxdesign.com/estimate-web-design" class="button desktop-button">Talk with our B2B website design experts 禄</a> </div> </div> <div class="large-9 large-offset-1 cell"> <div class="header-with-stats-right"> <div class="icons"> <div class="icon"><img width="120" height="51" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/google-rating-gray.png" alt="Google Partner"></div> <div class="icon"><img width="153" height="51" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/inc-500-award-gray.png" alt="Inc 500"></div> <div class="icon"><img width="102" height="51" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/clutch-5-stars-gray.png" alt="Top SEOs"></div> </div> <img width="900" height="506" src="https://www.outerboxdesign.com/frontend/img/web-design/b2b-website-design-banner.jpg.webp" alt='B2B Website Design Services' class="main-img"> <a href="https://www.outerboxdesign.com/estimate-web-design" class="button mobile-button">Talk with our B2B website design experts 禄</a> </div> </div> </div> </div> </div> <div class="acf_logo_slider layout__section layout__section--margin" > <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="small-18 cell"> <h3 style="font-size:1.125rem;line-height:1;color:#454545;max-width:px;margin-left:auto;margin-right:auto;" class="t__title ">We Partner With And Service All Major B2B Website Service Platforms</h3> <ul data-slick='{"slidesToShow": 4, "slidesToScroll": 4, "arrows" : true, "dots" : false, "autoplay" : true, "responsive" : [{"breakpoint": 1024, "settings": {"slidesToShow": 1, "slidesToScroll": 1}}]}' class="logos"> <li class="item"> <img width="175" height="49" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/shopify-logo.jpg.webp" alt="Shopify B2B Website Design"> </li> <li class="item"> <img width="195" height="55" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/magento-logo.jpg.webp" alt="Magento B2B Web Development"> </li> <li class="item"> <img width="214" height="48" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/bigcommerce-logo.jpg.webp" alt="BigCommerce"> </li> <li class="item"> <img width="195" height="55" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/woocommerce-logo.jpg.webp" alt="WooCommerce"> </li> <li class="item"> <img width="218" height="52" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/wordpress-logo.jpg.webp" alt="Wordpress B2B Website Services"> </li> <li class="item"> <img width="220" height="37" src="https://www.outerboxdesign.com/frontend/img/ecommerce/partners/nopcommerce-logo.jpg.webp" alt="NopCommerce"> </li> </ul> </div> </div> </div> </div> <div class="layout__section layout__section--margin" > <div class="acf_3-columns"> <div class="content-container"> <div class="layout__text layout__text--center layout__text--full layout__text--margin-bottom-20"> <h2 style="font-size:1.75rem;line-height:1;color:#454545;max-width:px;margin-left:auto;margin-right:auto;" class="t__title layout__text--center ">Let our B2B website design experts build a website that drives leads</h2> <div class="layout__text__body t__body "> <p class="ecomp" style="text-align: center;">For over 20 years, OuterBox has designed and developed award-winning, conversion-focused websites. Regardless of your preferred CMS or platform, our extensive in-house staff of designers, developers, and programmers have the skills and experience necessary to grow your leads through a professional digital presence. From award-winning web design to search engine marketing, OuterBox offers all the tools your B2B company needs to thrive online.聽<strong>Maximize your online potential with B2B web design and development from OuterBox.</strong></p> </div> </div> </div> <div class="columns"> <div class="column"> <img width="160" height="160" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20160'%3E%3C/svg%3E" alt="B2B Design Pros" data-lazy-src="https://www.outerboxdesign.com/frontend/img/web-design/website-design-icon-2.png.webp"><noscript><img width="160" height="160" src="https://www.outerboxdesign.com/frontend/img/web-design/website-design-icon-2.png.webp" alt="B2B Design Pros"></noscript> <h2 class="title">B2B Industry Pros</h2> <div class="content">B2B companies face unique challenges, and we've faced them before. No one understands the nuances of lead-generation better than OuterBox.</div> </div> <div class="column"> <img width="160" height="160" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20160'%3E%3C/svg%3E" alt="Manage Your B2B Website" data-lazy-src="https://www.outerboxdesign.com/frontend/img/web-design/website-content-management-2.png.webp"><noscript><img width="160" height="160" src="https://www.outerboxdesign.com/frontend/img/web-design/website-content-management-2.png.webp" alt="Manage Your B2B Website"></noscript> <h2 class="title">CMS Experts</h2> <div class="content">A proper CMS configuration enables your entire staff to make changes to your website. Easily add, edit, or delete content on your B2B website.</div> </div> <div class="column"> <img width="160" height="160" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20160'%3E%3C/svg%3E" alt="B2B Website Quote" data-lazy-src="https://www.outerboxdesign.com/frontend/img/web-design/website-quote.png.webp"><noscript><img width="160" height="160" src="https://www.outerboxdesign.com/frontend/img/web-design/website-quote.png.webp" alt="B2B Website Quote"></noscript> <h2 class="title">Need an Estimate for your B2B Operation?</h2> <div class="content">Every company is different and has unique requirements. Contact us for a free personalized quote.</div> </div> </div> </div> </div> <div class="layout__section layout__section--margin" > <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="cell medium-18"> <div class="acf_contact-form__content"> <div class="layout__text layout__text--center "> <h2 style="font-size:3rem;line-height:1;color:#4DAF40;max-width:px;margin-left:auto;margin-right:auto;" class="t__title layout__text--center ">Get Your B2B Web Design Estimate</h2> <div class="layout__text__body t__body "> <p>Our team will answer questions, give suggestions, and provide you with a detailed website scope, pricing estimate, and project timeline. <strong>We look forward to discussing your website project.</strong></p> </div> </div> </div> </div> </div> </div> <div class="acf_contact-form"> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="cell medium-14"> <div class="acf_contact-form__form__container"> <div class="acf_contact-form__form__form"> <script type="rocketlazyloadscript" data-rocket-type="text/javascript">var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});</script> <div class='gf_browser_chrome gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_5' ><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style><div id='gf_5' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h3 class="gform_title">Quote Request - Website Quote</h3> <p class='gform_description'>General quote request form for all services</p> </div><form method='post' enctype='multipart/form-data' id='gform_5' action='/web-design/b2b-website-development#gf_5' data-formid='5' novalidate> <div class='gform-body gform_body'><ul id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><li class="gfmc-column gfmc-column50 gfmc-row-1-column gfmc-row-1-col-1-of-2"><ul class="flex-wrapper flex-wrapper-2"><li id="field_5_4" class="gfield gfield--type-html gfield--input-type-html gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_4" ><span>Website</span></li><li id="field_5_1" class="gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_1" ><label class='gfield_label gform-field-label' for='input_5_1'>Website Address / Domain:</label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_1' id='input_5_1' type='text' value='' class='medium' tabindex='1' aria-invalid="false" /> </div></li><li id="field_5_15" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_5_15" ><label class='gfield_label gform-field-label' for='input_5_15'>Tell us about your Website project needs and goals:</label><div class='gfield_description' id='gfield_description_5_15'>Please explain your website needs, timeline, and goals.</div><div class='ginput_container ginput_container_textarea'><textarea data-hj-allow name='input_15' id='input_5_15' class='textarea medium' tabindex='2' aria-describedby="gfield_description_5_15" aria-invalid="false" rows='10' cols='50'></textarea></div></li><li id="field_5_24" class="gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_24" ><label class='gfield_label gform-field-label gfield_label_before_complex' >Interested in any other services?</label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_5_24'><li class='gchoice gchoice_5_24_1'> <input class='gfield-choice-input' data-hj-allow name='input_24.1' type='checkbox' value='Conversion Rate Optimization' id='choice_5_24_1' tabindex='3' /> <label for='choice_5_24_1' id='label_5_24_1' class='gform-field-label gform-field-label--type-inline'>Conversion Rate Optimization</label> </li><li class='gchoice gchoice_5_24_2'> <input class='gfield-choice-input' data-hj-allow name='input_24.2' type='checkbox' value='Search Engine Optimization' id='choice_5_24_2' tabindex='4' /> <label for='choice_5_24_2' id='label_5_24_2' class='gform-field-label gform-field-label--type-inline'>Search Engine Optimization</label> </li><li class='gchoice gchoice_5_24_3'> <input class='gfield-choice-input' data-hj-allow name='input_24.3' type='checkbox' value='Paid Search Marketing' id='choice_5_24_3' tabindex='5' /> <label for='choice_5_24_3' id='label_5_24_3' class='gform-field-label gform-field-label--type-inline'>Paid Search Marketing</label> </li><li class='gchoice gchoice_5_24_4'> <input class='gfield-choice-input' data-hj-allow name='input_24.4' type='checkbox' value='Email Marketing' id='choice_5_24_4' tabindex='6' /> <label for='choice_5_24_4' id='label_5_24_4' class='gform-field-label gform-field-label--type-inline'>Email Marketing</label> </li><li class='gchoice gchoice_5_24_5'> <input class='gfield-choice-input' data-hj-allow name='input_24.5' type='checkbox' value='Website Maintenance' id='choice_5_24_5' tabindex='7' /> <label for='choice_5_24_5' id='label_5_24_5' class='gform-field-label gform-field-label--type-inline'>Website Maintenance</label> </li><li class='gchoice gchoice_5_24_6'> <input class='gfield-choice-input' data-hj-allow name='input_24.6' type='checkbox' value='Product Feed Management' id='choice_5_24_6' tabindex='8' /> <label for='choice_5_24_6' id='label_5_24_6' class='gform-field-label gform-field-label--type-inline'>Product Feed Management</label> </li></ul></div></li></ul></li><li class="gfmc-column gfmc-column50 gfmc-row-1-column gfmc-row-1-col-2-of-2"><ul class="flex-wrapper flex-wrapper-2"><li id="field_5_8" class="gfield gfield--type-html gfield--input-type-html gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_8" ><span>Contact Information</span></li><li id="field_5_10" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_10" ><label class='gfield_label gform-field-label' for='input_5_10'>First Name:<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_10' id='input_5_10' type='text' value='' class='medium' tabindex='9' aria-required="true" aria-invalid="false" /> </div></li><li id="field_5_25" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_25" ><label class='gfield_label gform-field-label' for='input_5_25'>Last Name:<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_25' id='input_5_25' type='text' value='' class='medium' tabindex='10' aria-required="true" aria-invalid="false" /> </div></li><li id="field_5_9" class="gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_9" ><label class='gfield_label gform-field-label' for='input_5_9'>Company:</label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_9' id='input_5_9' type='text' value='' class='medium' tabindex='11' aria-invalid="false" /> </div></li><li id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_11" ><label class='gfield_label gform-field-label' for='input_5_11'>Email Address:<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_11' id='input_5_11' type='text' value='' class='medium' tabindex='12' aria-required="true" aria-invalid="false" /> </div></li><li id="field_5_12" class="gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_12" ><label class='gfield_label gform-field-label' for='input_5_12'>Phone Number:<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_12' id='input_5_12' type='text' value='' class='medium' aria-describedby="gfield_description_5_12" tabindex='13' aria-required="true" aria-invalid="false" /> </div><div class='gfield_description' id='gfield_description_5_12'>*Providing a phone number will allow us to easily contact you regarding questions we may have about your project.</div></li><li id="field_5_21" class="gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_21" ><div class="gform_footer"> <button class="gform_button button"> Submit Estimate Request </button> </div> <style type="text/css"> .gform_body +.gform_footer { visibility: hidden; position: absolute; left: -100vw; } </style></li><li id="field_5_23" class="gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_23" ><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_23' id='input_5_23' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></li><li id="field_5_22" class="gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_5_22" ><div class='ginput_container ginput_container_text'><input data-hj-allow name='input_22' id='input_5_22' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></li></ul></li></ul></div> <div class='gform_footer top_label'> <button type="submit" id="gform_submit_button_5" class="gform_button button" tabindex="14" onclick='if(window["gf_submitting_5"]){return false;} if( !jQuery("#gform_5")[0].checkValidity || jQuery("#gform_5")[0].checkValidity()){window["gf_submitting_5"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_5"]){return false;} if( !jQuery("#gform_5")[0].checkValidity || jQuery("#gform_5")[0].checkValidity()){window["gf_submitting_5"]=true;} jQuery("#gform_5").trigger("submit",[true]); }'>Submit Estimate Request</button> <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='5' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIyNC4xXCI6XCIzOTIyNjBlN2VlYThlOGUwZDA3NmY4MmZmMDdjYmU4N1wiLFwiMjQuMlwiOlwiOTg5ZmM5NjI5OGRlZWQ2ZTFhODkwNGMwZmMxYjliMGNcIixcIjI0LjNcIjpcIjU0MWViMTkyNDVhYTVjNjFlZjE4NjcwNTg0MDQ0YzY3XCIsXCIyNC40XCI6XCIxNjk5NjE4MTVmNTlhYzE4ODRmY2ZlNjQ4MjQ2Yzc1MlwiLFwiMjQuNVwiOlwiMTE1NTgzNTc2YzFkODcyNTNkYzIxMmMxMTZlM2Q2YzZcIixcIjI0LjZcIjpcIjBiZjI2ZTcwOTRhM2Q4NGRlNGEwNDc2MmZjZTc1OTRjXCJ9IiwiMzJiY2EzMmIyYmYwMTRmZjg0YzI2ZTk4OTZjOTI0ZWMiXQ==' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://www.outerboxdesign.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(2000); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://www.outerboxdesign.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).scrollTop(2000);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_5" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_5"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [5, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 5, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ });</script> </div> </div> </div> <div class="cell medium-3"> <div class="contact-info "> <div class="top-images"> <img width="200" height="84" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2084'%3E%3C/svg%3E" alt="Google Partner" data-lazy-src="https://www.outerboxdesign.com/frontend/img/paid-search/premier-google-partner.gif"><noscript><img width="200" height="84" src="https://www.outerboxdesign.com/frontend/img/paid-search/premier-google-partner.gif" alt="Google Partner"></noscript> </div> <div class="section twenty-four"> <div class="title"> We'll get back to you within 24 hours. </div> <div class="hours"> Monday - Friday. </div> </div> <div class="section phone"> <div class="title"> Want To Talk Now? <br> 1-866-647-9218 </div> <div class="hours"> Offices open 9-5 EST. </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout__section layout__section--margin"> <div class='grid-container acf_simple' id=""> <div class='grid-x grid-margin-x'> <div class="small-18 cell"> <h2 style="text-align: center;">How We Work With B2B Companies</h2><p style="text-align: center;" align="justify"><strong>The foundation of any successful B2B <a href="https://www.outerboxdesign.com/web-design/">website design</a> and development project is planning.</strong> Our team will work directly with your team to gain an intimate understanding of your B2B companies goals and business objectives, and work to design a website that removes as much friction as possible throughout each and every conversion point opportunity.</p><p style="text-align: center;" align="justify">Once we have learned the nuances of your niche and industry, we’ll move into the wireframe and initial design phase. During design, we bring ideas to life! We will go through multiple rounds of revisions until you’re 100% satisfied with the aesthetic and feel of the site. After initial designs have been approved, we’ll begin working on the code and programming aspects of the site and integrate with the CMS of your choice (<a title="Wordpress Web Design & Development with OuterBox" href="https://www.outerboxdesign.com/web-design/wordpress-website-design-development">WordPress</a>,聽<a title="Shopify Web Design & Development Services" href="https://www.outerboxdesign.com/ecommerce-website-design/shopify-design-development">Shopify</a>, etc.) As your new website approaches its launch date, we’ll get your site ready for search engine consumption with our unrivaled <a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/b2b-seo">B2B SEO</a> and <a href="https://www.outerboxdesign.com/search-marketing/ppc-management/">PPC management services</a>. New websites typically launch within a 3-6 month timeline.</p><p style="text-align: center;"><a class="button button--secondary button--large button--1" style="font-size: 1.25em;" href="https://www.outerboxdesign.com/estimate-web-design" aria-label=""><span class="button__text">Let’s talk about your B2B website design project</span></a></p> </div> </div> </div> </div> <div class="layout__section layout__section--margin"> <div class='grid-container acf_simple' id=""> <div class='grid-x grid-margin-x'> <div class="small-18 cell"> <hr> </div> </div> </div> </div> <div class="acf_logo_slider layout__section layout__section--margin" > <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="small-18 cell"> <div style="font-size:1.125rem;line-height:1;color:#737373;max-width:px;margin-left:auto;margin-right:auto;" class="t__title ">From Start-Ups To Fortune 500 Companies, Our Clients Are Succeeding Online</div> <ul data-slick='{"slidesToShow": 4, "slidesToScroll": 4, "arrows" : true, "dots" : false, "autoplay" : true, "responsive" : [{"breakpoint": 1024, "settings": {"slidesToShow": 1, "slidesToScroll": 1}}]}' class="logos"> <li class="item"> <img width="136" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20136%2063'%3E%3C/svg%3E" alt="ABB" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/abb-logo.gif"><noscript><img width="136" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/abb-logo.gif" alt="ABB"></noscript> </li> <li class="item"> <img width="205" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20205%2063'%3E%3C/svg%3E" alt="Atlas Oil" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/atlas-logo.gif"><noscript><img width="205" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/atlas-logo.gif" alt="Atlas Oil"></noscript> </li> <li class="item"> <img width="200" height="43" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2043'%3E%3C/svg%3E" alt="Epicor" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/epicor-logo.gif"><noscript><img width="200" height="43" src="https://www.outerboxdesign.com/frontend/img/logos/epicor-logo.gif" alt="Epicor"></noscript> </li> <li class="item"> <img width="149" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20149%2063'%3E%3C/svg%3E" alt="JEGS" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/jegs-logo.gif"><noscript><img width="149" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/jegs-logo.gif" alt="JEGS"></noscript> </li> <li class="item"> <img width="187" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20187%2063'%3E%3C/svg%3E" alt="K2 " data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/k2-awards-logo.gif"><noscript><img width="187" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/k2-awards-logo.gif" alt="K2 "></noscript> </li> <li class="item"> <img width="300" height="33" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%2033'%3E%3C/svg%3E" alt="Lethal Performance" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/lethal-logo.gif"><noscript><img width="300" height="33" src="https://www.outerboxdesign.com/frontend/img/logos/lethal-logo.gif" alt="Lethal Performance"></noscript> </li> <li class="item"> <img width="235" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20235%2063'%3E%3C/svg%3E" alt="Matco Tools" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/matco-logo.gif"><noscript><img width="235" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/matco-logo.gif" alt="Matco Tools"></noscript> </li> <li class="item"> <img width="165" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20165%2063'%3E%3C/svg%3E" alt="Rocky Boots" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/rocky-logo.gif"><noscript><img width="165" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/rocky-logo.gif" alt="Rocky Boots"></noscript> </li> <li class="item"> <img width="200" height="56" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2056'%3E%3C/svg%3E" alt="Tronair" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/tronair-logo.gif"><noscript><img width="200" height="56" src="https://www.outerboxdesign.com/frontend/img/logos/tronair-logo.gif" alt="Tronair"></noscript> </li> <li class="item"> <img width="149" height="63" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20149%2063'%3E%3C/svg%3E" alt="UH" data-lazy-src="https://www.outerboxdesign.com/frontend/img/logos/uh-logo.gif"><noscript><img width="149" height="63" src="https://www.outerboxdesign.com/frontend/img/logos/uh-logo.gif" alt="UH"></noscript> </li> </ul> </div> </div> </div> </div> </div> </div> </main>   <footer data-wpr-lazyrender="1" data-outerbox-theme> <div class="greyback rating as-seen-in"> <div class="container" align="center" style="z-index:1"> <ul id="ratings"> <li><img width="140" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3E%3C/svg%3E" alt="Inc 5000 Web Design & SEO Company" data-lazy-src="/frontend/inc5000-logo-1.png.webp"><noscript><img width="140" height="140" src="/frontend/inc5000-logo-1.png.webp" alt="Inc 5000 Web Design & SEO Company"></noscript></li> <li><img width="200" height="69" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2069'%3E%3C/svg%3E" alt="Microsoft Advertising Select Partner Company" data-lazy-src="/frontend/microsoft-select-2024-web.jpg.webp"><noscript><img width="200" height="69" src="/frontend/microsoft-select-2024-web.jpg.webp" alt="Microsoft Advertising Select Partner Company"></noscript></li> <li> <a href="https://www.google.com/partners/agency?id=8198713847" target="_blank"> <img width="153" height="146" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20153%20146'%3E%3C/svg%3E" alt="Google Premier Partner Company" data-lazy-src="/frontend/premier-partner-24.gif"/><noscript><img width="153" height="146" src="/frontend/premier-partner-24.gif" alt="Google Premier Partner Company"/></noscript> </a> </li> <li><a href="https://clutch.co/profile/outerbox"><img width="157" height="68" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20157%2068'%3E%3C/svg%3E" alt="Clutch Best Agencies" data-lazy-src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/clutch.gif"><noscript><img width="157" height="68" src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/clutch.gif" alt="Clutch Best Agencies"></noscript></a></li> <li><img width="127" height="127" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20127%20127'%3E%3C/svg%3E" alt="Design Rush Best SEO Agencies" data-lazy-src="/frontend/2024-forbes-advisor-awards.png.webp"><noscript><img width="127" height="127" src="/frontend/2024-forbes-advisor-awards.png.webp" alt="Design Rush Best SEO Agencies"></noscript></li> </ul> </div> </div> <div class="greyback rating as-seen-in as-seen-in--mobile"> <div class="container" align="center" style="z-index:1"> <ul id="ratings"> <li><img width="103" height="103" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20103%20103'%3E%3C/svg%3E" alt="Inc 5000 Web Design & SEO Company" data-lazy-src="/frontend/inc5000-logo-m.gif"><noscript><img width="103" height="103" src="/frontend/inc5000-logo-m.gif" alt="Inc 5000 Web Design & SEO Company"></noscript></li> <li> <a href="https://www.google.com/partners/agency?id=8198713847" target="_blank"> <img width="103" height="98" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20103%2098'%3E%3C/svg%3E" alt="Google Premier Partner Company" data-lazy-src="/frontend/premier-partner-24-m.gif"/><noscript><img width="103" height="98" src="/frontend/premier-partner-24-m.gif" alt="Google Premier Partner Company"/></noscript> </a> </li> <li><img width="110" height="55" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20110%2055'%3E%3C/svg%3E" alt="Clutch Best Agencies" data-lazy-src="/frontend/clutch-m.gif.webp"><noscript><img width="110" height="55" src="/frontend/clutch-m.gif.webp" alt="Clutch Best Agencies"></noscript></li> </ul> </div> </div> <div id="footer-wrapper"> <div id="footer" class="container clearfix"> <div class="grid-container"> <div class="grid-x grid-margin-x align-middle align-center"> <div class="large-9 cell"> <div id="newsletter-form" class="clearfix"> <span class="heading">sign up for industry news</span> <p>Receive the latest updates<span class="hidden-phone"> and industry news</span>.</p> <div id='crmWebToEntityForm'> <form action='https://crm.zoho.com/crm/WebToContactForm' name=WebToContacts1022499000000582027 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatery()' accept-charset='UTF-8'> <input type='text' style='display:none;' name='xnQsjsdp' value='wumg6XSUC9JthYo@kRl79w$$' /> <input type='hidden' name='zc_gad' id='zc_gad' value='' /> <input type='text' style='display:none;' name='xmIwtLD' value='S-k6j55UglRvu4wrTIpZA80XrZSOibw7' /> <input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM=' /> <input type='text' style='display:none;' name='returnURL' value='http://www.outerboxdesign.com/thank-you/email' /> <label class="visuallyhidden" for="form-news-txt-email">Email Address</label> <span style="display:none"><input name='Last Name' type='text' value="Email Subscriber" maxlength='80' /> </span> <input placeholder="enter your email address" id="form-news-txt-email" name='Email' type="text" /> <button class="btn" type="submit">join</button> </form> </div> </div>  </div>  <div class="large-9 cell"> <div id="expert-advice" class="clearfix"> <span class="heading">contact us for<span class="hidden-tablet"> expert</span> advice</span> <p>Call<span> 1.866.647.9218</span> or click a button below to contact our team</p> <a href="/estimate"><button type="button">request an estimate</button></a><a href="/contact"><button type="button">contact customer support</button></a> </div>  </div> </div> </div> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="large-18 cell"> <div id="footer-nav"> <div data-outerbox-theme=""><div class="grid-container new-footer"><div class="grid-x grid-margin-x"><div class="large-4 cell large-offset-1"><div class="footer-list__title"><a title="SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-services">SEO Services</a></div><ul><li><a title="eCommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/">eCommerce SEO</a></li><li><a title="SEO Audit Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-audit-services">SEO Audits</a></li><li><a title="SEO Packages" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-packages">SEO Packages</a></li><li><a title="SEO Consulting Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-consulting-services">SEO Consulting</a></li><li><a title="SEO Copywriting Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-copywriting">SEO Copywriting</a></li><li><a title="Enterprise SEO" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/enterprise-seo">Enterprise SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/google-seo-services">Google SEO</a></li><li><a title="SEO Agency" href="https://www.outerboxdesign.com/seo-agency">SEO Agency</a></li><li><a title="Amazon SEO Company" href="https://www.outerboxdesign.com/amazon-marketing/amazon-seo-services">Amazon SEO</a></li><li><a title="Website SEO Migration" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/website-migration-seo-services">SEO Migration</a></li><li><a title="Link Building Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/link-building-services">Link Building</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/local-seo-services">Local SEO</a></li><li><a title="Shopify SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/shopify-seo">SEO for Shopify</a></li><li><a title="WordPress SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/wordpress-seo">SEO for WordPress</a></li><li><a title="BigCommerce SEO Services" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/bigcommerce-seo-services">SEO for BigCommerce</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/magento-seo">SEO for Magento</a></li><li><a title="Google Penalty Removal" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/google-penalty-recovery-removal-services">Google Penalty Recovery</a></li><li><a title="Content Marketing Services" href="https://www.outerboxdesign.com/digital-marketing/content-marketing-agency">Content Marketing</a></li></ul><div class="footer-list__title"><a href="https://www.outerboxdesign.com/digital-marketing/">Digital Marketing</a></div><ul><li style="list-style-type: none;"><ul><li><a title="eCommerce Marketing Company" href="https://www.outerboxdesign.com/digital-marketing/ecommerce-marketing-services">eCommerce Marketing</a></li><li><a title="Email Marketing Campaign Management" href="https://www.outerboxdesign.com/email-marketing/email-marketing-services">Email Marketing Services</a></li><li><a title="Digital Marketing Consultant" href="https://www.outerboxdesign.com/digital-marketing/marketing-consultant">Digital Marketing Consulting</a></li><li><a title="Amazon Advertising Agency" href="https://www.outerboxdesign.com/amazon-marketing/amazon-advertising">Amazon Advertising</a></li><li><a title="Social Media Management Services" href="https://www.outerboxdesign.com/social-media-marketing-management/">Social Media Management</a></li><li><a title="Salesforce Marketing Cloud Agency" href="https://www.outerboxdesign.com/digital-marketing/salesforce-marketing-cloud-agency">Salesforce Marketing Cloud</a></li><li><a href="https://www.outerboxdesign.com/healthcare-marketing/">Healthcare Marketing Services</a></li><li><a href="https://www.outerboxdesign.com/google-shopping-feed-management">Google Shopping Feed Management</a></li><li><a href="https://www.outerboxdesign.com/searchgpt-optimization-services/">SearchGPT Optimization Services</a></li></ul></li></ul></div><div class="large-4 cell"><div class="footer-list__title"><a title="PPC Management Services" href="https://www.outerboxdesign.com/search-marketing/ppc-management/">PPC Management</a></div><ul><li style="list-style-type: none;"><ul><li><a title="Google Ads Paid Search & AdWords Management" href="https://www.outerboxdesign.com/search-marketing/google-ads-management-agency/">Google Ads Management Services</a></li><li><a title="Google Shopping Management Services" href="https://www.outerboxdesign.com/search-marketing/google-shopping-campaign-management/">Google Shopping Management</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/ppc-management/ppc-consultants">PPC Consulting</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/google-premier-partner">Google Premier Partner</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/google-ads-management-agency/ecommerce-ppc-services">eCommerce PPC</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/google-ads-consultant">Google Ads Consultant</a></li></ul></li></ul><div class="footer-list__title"><a href="https://www.outerboxdesign.com/email-marketing/email-marketing-services">Email Marketing</a></div><ul><li><a href="https://www.outerboxdesign.com/email-marketing-services/klaviyo-email-marketing">Klaviyo Email Marketing</a></li><li><a href="https://www.outerboxdesign.com/email-marketing-services/salesforce-email-marketing">Salesforce Email Marketing</a></li><li><a href="https://www.outerboxdesign.com/email-marketing-services/mailchimp-email-marketing">Mailchimp Email Marketing</a></li><li><a href="https://www.outerboxdesign.com/email-marketing-services/hubspot-email-marketing">HubSpot Email Marketing</a></li></ul><p></p><div class="footer-list__title"><a href="https://www.outerboxdesign.com/conversion-rate-optimization/">Conversion Rate Optimization</a></div><ul><li style="list-style-type: none;"><ul></ul></li><li><a title="CRO / Conversion Rate Optimization" href="https://www.outerboxdesign.com/conversion-rate-optimization/">CRO Services</a></li><li><a href="https://www.outerboxdesign.com/conversion-rate-optimization/conversion-rate-optimization-consulting-services">Conversion Optimization Consulting</a></li><li><a title="eCommerce SEO CRO Optimization" href="https://www.outerboxdesign.com/ecommerce-optimization-services/">eCommerce Optimization Services</a></li></ul><ul></ul><div class="footer-list__title"><a href="https://www.outerboxdesign.com/web-analytics-services">Analytics & Reporting</a></div><ul><li><a href="https://www.outerboxdesign.com/web-analytics-services/loop-analytics">LOOP Analytics</a></li><li><a href="https://www.outerboxdesign.com/web-analytics-services/google-analytics-consulting">Google Analytics Consulting</a></li><li><a href="https://www.outerboxdesign.com/web-analytics-services/call-tracking">Call Tracking Analytics</a></li><li><a href="https://www.outerboxdesign.com/web-analytics-services/website-intelligence">Website Intelligence</a></li><li><a href="https://www.outerboxdesign.com/web-analytics-services/online-lead-attribution">Online Lead Attribution</a></li></ul><p><br /></p><p></p></div><div class="large-4 cell"><div class="footer-list__title">Web Design</div><ul><li style="list-style-type: none;"><ul><li><a title="Corporate Web Design & Website Development" href="https://www.outerboxdesign.com/web-design/corporate-website-design">Corporate Website Design</a></li><li><a title="Wordpress Website Design & Development" href="https://www.outerboxdesign.com/web-design/wordpress-website-design-development">WordPress Website Design</a></li><li><a title="WooCommere Website Design" href="https://www.outerboxdesign.com/ecommerce-website-design/woocommerce-development">WooCommerce Development</a></li><li><a title="White Label Web Design" href="https://www.outerboxdesign.com/partnerships/white-label-web-design">White Label Website Design</a></li><li><a href="https://www.outerboxdesign.com/ecommerce-website-design/b2b-platform">B2B eCommerce Web Design</a></li><li><a title="Web Design Consultant" href="https://www.outerboxdesign.com/web-design/website-development-consulting">Website Design Consulting</a></li><li><a title="Custom Web Design" href="https://www.outerboxdesign.com/custom-website-design/">Custom Website Design</a></li></ul></li></ul><div class="footer-list__title">SEO By Industry</div><ul><li><a title="B2B SEO" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/b2b-seo">B2B SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/law-firm-seo-services">Law Firm SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/moving-companies-seo">SEO for Moving Companies</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/medical-seo/">Medical SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/franchise-seo/">Franchise SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/healthcare-hospital-seo">Hospital & Healthcare SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/hvac-seo">HVAC SEO</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/plastic-surgery-seo/">SEO for Plastic Surgeons</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/self-storage-seo">SEO for Self Storage</a></li></ul><div class="footer-list__title">Featured Guides</div><ul><li style="list-style-type: none;"><ul><li><a title="Best SEO Companies" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/best-seo-companies-list">SEO Companies</a></li><li><a title="SEO Pricing & Costs" href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/seo-pricing-costs">SEO Pricing</a></li><li><a title="eCommerce Website Cost & Pricing" href="https://www.outerboxdesign.com/web-design-articles/ecommerce-website-pricing-costs">eCommerce Website Pricing</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/scam-behind-guaranteed-seo-rankings">Guaranteed SEO Services</a></li><li><a href="https://www.outerboxdesign.com/web-design-articles/how-to-increase-online-sales">Increase Website Sales</a></li><li><a href="https://www.outerboxdesign.com/web-design-articles/ecommerce-website-features">eCommerce Features</a></li><li><a href="https://www.outerboxdesign.com/web-design-articles/website-pricing-costs">Website Design Pricing</a></li><li><a href="https://www.outerboxdesign.com/articles/email-marketing/what-is-email-marketing">Email Marketing Basics</a></li></ul></li></ul></div><div class="large-4 cell"><div class="footer-list__title"><a title="eCommerce Website Design & Website Development" href="https://www.outerboxdesign.com/ecommerce-website-design/">eCommerce Web Design</a></div><ul><li><a title="Shopify Website Design & Development" href="https://www.outerboxdesign.com/ecommerce-website-design/shopify-design-development">Shopify Website Design</a></li><li><a title="BigCommerce Website Development Services" href="https://www.outerboxdesign.com/ecommerce-website-design/bigcommerce-custom-design">BigCommerce Website Design</a></li></ul><div class="footer-list__title">PPC By Industry</div><ul><li><a title="eCommerce PPC Agency" href="https://www.outerboxdesign.com/search-marketing/google-ads-management-agency/ecommerce-ppc-services">PPC for eCommerce</a></li></ul><div class="footer-list__title">Company</div><ul><li style="list-style-type: none;"><ul><li><a title="About OuterBox" href="https://www.outerboxdesign.com/company/about-us">About</a></li><li><a href="https://www.outerboxdesign.com/work/website-design-projects">Our Work</a></li><li><a href="https://www.outerboxdesign.com/work/case-studies/">Case Studies</a></li></ul></li></ul><div class="footer-list__title">Offices & Locations</div><ul><li style="list-style-type: none;"><ul><li><a href="https://www.outerboxdesign.com/company/office-locations">Main Office Locations</a></li><li><a href="https://www.outerboxdesign.com/search-marketing/search-engine-optimization/columbus-ohio-seo-company">Columbus SEO</a></li></ul></li></ul><ul><li><a href="https://www.outerboxdesign.com/contact">Contact</a></li><li><a href="https://www.outerboxdesign.com/sitemap">Site Map</a></li><li><a href="https://www.outerboxdesign.com/privacy-policy">Privacy Policy</a></li><li><span id="do-not-sell-footer-link-wrap">聽</span></li></ul></div></div></div></div> </div>  </div> </div>  </div>  <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="large-9 cell"> <div id="social-links"> <span class="heading">Be Social</span> <ul> <li><a class="yt" href="http://www.youtube.com/user/outerbox" target="_blank"><span class="ir">YouTube</span></a></li> <li><a class="tw" href="https://twitter.com/outerbox" target="_blank"><span class="ir">Twitter</span></a></li> <li><a class="ig" href="https://www.instagram.com/outerbox/" target="_blank"><span class="ir">Instagram</span></a></li> <li><a class="fb" href="https://www.facebook.com/OuterBox" target="_blank"><span class="ir">Facebook</span></a></li> </ul> </div>  </div> <div class="large-9 cell"> <div id="copyright"> <span class="heading">copyright & credits</span> <p>Website Copyright 2004 - 2024 OuterBox, Inc.</p> <span class="logo"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20170%2048'%3E%3C/svg%3E" title="OuterBox SEO" alt="OuterBox" class="logo-img" width="170" height="48" data-lazy-src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/svgs/logo.svg"><noscript><img src="https://www.outerboxdesign.com/wp-content/themes/outerbox/frontend/img/svgs/logo.svg" title="OuterBox SEO" alt="OuterBox" class="logo-img" width="170" height="48"></noscript> </span> </div> </div> </div> </div>  </div> <link rel='stylesheet' id='gforms_reset_css-css' href='https://www.outerboxdesign.com/wp-content/plugins/gravityforms/legacy/css/formreset.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gforms_formsmain_css-css' href='https://www.outerboxdesign.com/wp-content/plugins/gravityforms/legacy/css/formsmain.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gforms_ready_class_css-css' href='https://www.outerboxdesign.com/wp-content/plugins/gravityforms/legacy/css/readyclass.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gforms_browsers_css-css' href='https://www.outerboxdesign.com/wp-content/plugins/gravityforms/legacy/css/browsers.min.css?ver=2.8.18' media='all' /> <link rel='stylesheet' id='gfmc_styles-css' href='https://www.outerboxdesign.com/wp-content/plugins/gf-form-multicolumn/includes/public/css/gf-form-multicolumn.min.css?ver=4.0.6' media='all' /> <script type="text/javascript" id="leadin-script-loader-js-js-extra"> /* <![CDATA[ */ var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.1.66"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/22154206.js?ver=1731704886" id="leadin-script-loader-js-js" data-rocket-defer defer></script> <script type="text/javascript" id="wpil-frontend-script-js-extra"> /* <![CDATA[ */ var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"30553","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-content/plugins/link-whisper-premium/js/frontend.min.js?ver=1723718901" id="wpil-frontend-script-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/seo-playbook|\/ip|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.outerboxdesign.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-content/cache/min/1/wp-content/themes/outerbox/frontend/dist/js/all.js?ver=1731704887" id="all-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.outerboxdesign.com/wp-includes/js/dist/a11y.min.js?ver=d90eebea464f6c09bfd5" id="wp-a11y-js" data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" defer='defer' data-rocket-src="https://www.outerboxdesign.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 5) {} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ });</script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_5" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_5"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [5, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 5, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ });</script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.outerboxdesign.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi_webp/ID/hqdefault.webp'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>  </footer> <script type="rocketlazyloadscript"> // Get the current site domain var site_domain = window.location.hostname; // Get the referrer URL from the document.referrer property var referrer = document.referrer; // Check if the referrer URL is not equal to the site domain if (referrer && referrer.indexOf(site_domain) === -1) { // Parse the referrer URL to get the host var referrer_host = new URL(referrer).hostname; // Set the referrer cookie with a value of the referrer URL var expire_date = new Date(); expire_date.setTime(expire_date.getTime() + 30 * 24 * 60 * 60 * 1000); document.cookie = "referrer=" + referrer_host + "; expires=" + expire_date.toUTCString() + "; path=/"; } function setGclidCookie(gclid) { var d = new Date(); d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000)); // expires in 30 days var expires = "expires=" + d.toUTCString(); document.cookie = "gclid=" + gclid + ";" + expires + ";path=/"; } function getParameterByName(name) { var url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ""; return decodeURIComponent(results[2].replace(/\+/g, " ")); } var gclid = getParameterByName("gclid"); if (gclid) { setGclidCookie(gclid); } document.addEventListener("DOMContentLoaded", function() { // Get the hidden field element var referrerHiddenFields = document.querySelector( "#input_1_22, #input_9_19, #input_6_25, #input_8_22, #input_4_21, #input_7_20, #input_10_22, #input_5_22" ); var gclidHiddenFields = document.querySelector( "#input_1_21, #input_9_18, #input_6_24, #input_8_21, #input_4_20, #input_7_21, #input_10_21, #input_5_23" ) // Get the referrer cookie value var referrer = getCookie("referrer"); var gclidCookie = getCookie("gclid"); // Set the value of the hidden field to the referrer cookie value if (referrerHiddenFields && referrer) { referrerHiddenFields.value = referrer; } if (gclidHiddenFields && gclidCookie) { gclidHiddenFields.value = gclidCookie; } }); // Function to get the value of a cookie function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts .pop() .split(";") .shift(); } </script> <a href='javascript:void(0)' onclick='revisitCkyConsent()' id="do-not-sell-footer-link">Do Not Sell or Share My Personal Information</a> <script type="rocketlazyloadscript" id="cookie-revisit-script"> function moveElement() { let elementToMove = document.getElementById("do-not-sell-footer-link"); let targetElement = document.getElementById("do-not-sell-footer-link-wrap"); if (elementToMove && targetElement) { targetElement.prepend(elementToMove); } } moveElement(); </script> </body> </html>

CINXE.COM

B2B Web Design - B2B Website Development Services | OuterBox