Web Design & Development Case Studies

<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <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 name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no" /> <meta name="language" content="en-us" /> <link rel="icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo-favicon.ico" type="image/x-icon" sizes="any" /> <link rel="icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo-favicon.svg" type="image/svg+xml" /> <link rel="apple-touch-icon" sizes="180x180" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/favicon-16x16.png" /> <link rel="manifest" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/manifest.json" /> <link rel="mask-icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/safari-pinned-tab.svg" color="#16171A" /> <meta name="msapplication-TileColor" content="#16171A" /> <meta name="theme-color" content="#16171A" /> <script> var wpAjaxUrl = 'https://www.spinxdigital.com/wp/wp-admin/admin-ajax.php'; // Define AjaxURL var wpEnv = "production"; // Pass PHP environment to JavaScript </script> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>Web Design & Development Case Studies | SPINX Digital</title>  <meta name="description" content="Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much more." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://www.spinxdigital.com/work/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.6.6" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="SPINX Digital -" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Web Design & Development Case Studies | SPINX Digital" /> <meta property="og:description" content="Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much more." /> <meta property="og:url" content="https://www.spinxdigital.com/work/" /> <meta property="article:published_time" content="2022-08-24T11:11:56+00:00" /> <meta property="article:modified_time" content="2024-08-05T09:35:43+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Web Design & Development Case Studies | SPINX Digital" /> <meta name="twitter:description" content="Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much more." /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.spinxdigital.com\/#organization","name":"SPINX Digital","url":"https:\/\/www.spinxdigital.com\/","telephone":"+12138949933","logo":{"@type":"ImageObject","url":"https:\/\/www.spinxdigital.com\/app\/uploads\/2023\/03\/spinx-logo-white.png","@id":"https:\/\/www.spinxdigital.com\/work\/#organizationLogo","width":264,"height":64},"image":{"@id":"https:\/\/www.spinxdigital.com\/work\/#organizationLogo"}},{"@type":"VideoObject","@id":"https:\/\/www.spinxdigital.com\/work\/#aioseo-video-lglus82l","name":"Web Design & Development Case Studies | SPINX Digital","description":"Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much more.","contentUrl":"https:\/\/www.spinxdigital.com\/app\/uploads\/2023\/03\/SPINX_Video.mp4","embedUrl":"https:\/\/www.spinxdigital.com\/work\/","thumbnailUrl":"https:\/\/www.spinxdigital.com\/app\/uploads\/2023\/04\/SPINX-Our-work.png","isFamilyFriendly":true},{"@type":"WebPage","@id":"https:\/\/www.spinxdigital.com\/work\/#webpage","url":"https:\/\/www.spinxdigital.com\/work\/","name":"Web Design & Development Case Studies | SPINX Digital","description":"Check out what we do at SPINX Digital and how we help our clients in providing them right solutions in web design & development, online marketing and much more.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.spinxdigital.com\/#website"},"datePublished":"2022-08-24T11:11:56+00:00","dateModified":"2024-08-05T09:35:43+00:00"},{"@type":"WebSite","@id":"https:\/\/www.spinxdigital.com\/#website","url":"https:\/\/www.spinxdigital.com\/","name":"SPINX Digital","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.spinxdigital.com\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//www.google.com' /> <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'> body{--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;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :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;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://www.spinxdigital.com/app/plugins/cookie-notice/css/front.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='megamenu-css' href='https://www.spinxdigital.com/app/uploads/maxmegamenu/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='theme-style-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/slick.css' type='text/css' media='all' /> <link rel='stylesheet' id='work-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/work.css' type='text/css' media='all' /> <link rel='stylesheet' id='consultation-popup-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/consultation-popup.css' type='text/css' media='all' /> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/www.spinxdigital.com\/wp\/wp-admin\/admin-ajax.php","nonce":"b150c2e15d","hideEffect":"slide","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":true,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/cookie-notice/js/front.min.js" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/component/consultationTrigger.js" id="consultationTrigger-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/app.js" id="custom-js"></script> <link rel="https://api.w.org/" href="https://www.spinxdigital.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.spinxdigital.com/wp-json/wp/v2/pages/10" /><link rel='shortlink' href='https://www.spinxdigital.com/?p=10' /> <link rel="alternate" type="application/json+oembed" href="https://www.spinxdigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spinxdigital.com%2Fwork%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.spinxdigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spinxdigital.com%2Fwork%2F&format=xml" /> <script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'request type not allowed' : 'hit'),pageType: 'page',isEligibleForOptimization: false,}</script><script id='nitro-generic' nitro-exclude>(()=>{window.NitroPack=window.NitroPack||{coreVersion:"na",isCounted:!1};let e=document.createElement("script");if(e.src="https://nitroscripts.com/ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ",e.async=!0,e.id="nitro-script",document.head.appendChild(e),!window.NitroPack.isCounted){window.NitroPack.isCounted=!0;let t=()=>{navigator.sendBeacon("https://to.getnitropack.com/p",JSON.stringify({siteId:"ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ",url:window.location.href,isOptimized:!!window.IS_NITROPACK,coreVersion:"na",missReason:window.NPTelemetryMetadata?.missReason||"",pageType:window.NPTelemetryMetadata?.pageType||"",isEligibleForOptimization:!!window.NPTelemetryMetadata?.isEligibleForOptimization}))};(()=>{let e=()=>new Promise(e=>{"complete"===document.readyState?e():window.addEventListener("load",e)}),i=()=>new Promise(e=>{document.prerendering?document.addEventListener("prerenderingchange",e,{once:!0}):e()}),a=async()=>{await i(),await e(),t()};a()})(),window.addEventListener("pageshow",e=>{if(e.persisted){let i=document.prerendering||self.performance?.getEntriesByType?.("navigation")[0]?.activationStart>0;"visible"!==document.visibilityState||i||t()}})}})();</script><link rel="icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" sizes="32x32" /> <link rel="icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" /> <meta name="msapplication-TileImage" content="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" /> <style type="text/css" id="wp-custom-css"> .mc4wp-checkbox-contact-form-7{ display:none; } </style> <style type="text/css">/** Mega Menu CSS: fs **/</style> <meta name="google-site-verification" content="rpvifN_OGzNVRTaHh4btNd4LpyxiQOD_WHs8h8P-Id0" />  <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-NSC6GPL');</script>  <script> var thirdParty = document.referrer; if(thirdParty !=''){ var thirdParty = thirdParty.split( '/' ); var protocol = thirdParty[0]; var host = thirdParty[2]; var thirdPartyUrl = protocol + '//' + host; if(thirdPartyUrl != 'https://www.spinxdigital.com' && thirdPartyUrl != 'http://spinx.local'){ setCookie('thirdpartyurl',thirdPartyUrl , 1); } } function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } </script> <script>{const e=()=>{document.querySelectorAll("script[data-type='lazy']").forEach((e=>e.src=e.dataset.src)),document.querySelectorAll("iframe[data-type='lazy']").forEach((e=>e.src=e.dataset.src))},t=setTimeout(e,5e3),a=()=>{e(),clearTimeout(t)};["mouseover","keydown","touchmove","touchstart"].forEach((e=>window.addEventListener(e,a,{passive:!0,once:!0})))}</script> </head> <body class="page-template page-template-templates page-template-work-list page-template-templateswork-list-php page page-id-10 page-parent cookies-not-set mega-menu-main-menu group-blog has-header-image page-two-column colors-light"> <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%; right: 0"><a href="https://www.awwwards.com/sites/spinx-digital" target="_blank" rel="noopener" title="awwwards"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="black"><path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495"></path></g></svg></a></div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSC6GPL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="page-wrapper"> <header id="header" class="fixed-top" role="banner"> <div class="head-phone"> <div class="container"> <div class="row"> <div class="col-12"> <div class="top-head-links"> <a href="tel:213.894.9933">213.894.9933</a> <a href="https://www.spinxdigital.com/lead-magnet/" class="aipower" target="">Get a Free AI-Powered Website Audit<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 7L5 4L2 1" stroke="white" stroke-linecap="square"/></svg></a> </div> </div> </div> </div> </div> <nav class="navbar navbar-expand-lg" role="menu"> <div class="container"> <a class="navbar-brand" href="https://www.spinxdigital.com"> <img src="https://www.spinxdigital.com/app/uploads/2023/03/spinx-logo-white.png" class="svg img-fluid" width="132" height="32" alt="Los Angeles Web Design & Website Development" title="SPINX Digital Logo"> </a> <div class="right-btns"> <a href="https://www.spinxdigital.com/start-a-project/" class="head-start-project d-block d-lg-none">Let's Talk</a> <button class="navbar-toggler" type="button" aria-haspopup="true" aria-label="Toggle navigation"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="navbar-menu" id="divNavbar" role="navigation" aria-label="main menu"> <div id="mega-menu-wrap-main-menu" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-1' id='mega-toggle-block-1' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-2' id='mega-toggle-block-2'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-3' id='mega-toggle-block-3' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div><div class='mega-toggle-block mega-spacer-block mega-toggle-block-4' id='mega-toggle-block-4'></div><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-5' id='mega-toggle-block-5' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-6' id='mega-toggle-block-6'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div></div></div><ul id="mega-menu-main-menu" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover" data-effect="fade_up" data-effect-speed="400" data-effect-mobile="slide" data-effect-speed-mobile="400" data-mobile-force-width="false" data-second-click="disabled" data-document-click="collapse" data-vertical-behaviour="accordion" data-breakpoint="991" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-current-menu-item mega-page_item mega-page-item-10 mega-current_page_item mega-align-bottom-left mega-menu-flyout mega-menu-item-21' id='mega-menu-item-21'><a class="mega-menu-link" href="https://www.spinxdigital.com/work/" aria-current="page" tabindex="0">Work</a></li><li class='mega-expertise-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-grid mega-menu-item-4557 expertise-menu' id='mega-menu-item-4557'><a class="mega-menu-link" href="https://www.spinxdigital.com/expertise/" aria-haspopup="true" aria-expanded="false" tabindex="0">Expertise<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-row' id='mega-menu-4557-0'> <ul class="mega-sub-menu"> <li class='mega-menu-column mega-mega-back-link mega-menu-columns-12-of-12 mega-back-link' id='mega-menu-4557-0-0'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-8' id='mega-menu-item-text-8'> <div class="textwidget"><p><a href="#">Back</a></p> </div> </li> </ul> </li><li class='mega-menu-column mega-menu-expertise-class mega-menu-columns-12-of-12 menu-expertise-class' id='mega-menu-4557-0-1'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_nav_menu mega-menu-item-nav_menu-8' id='mega-menu-item-nav_menu-8'><h4 class="mega-block-title">Expertise</h4><div class="menu-expertise-container"><ul id="menu-expertise" class="menu"><li id="menu-item-5397" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5397"><a href="https://www.spinxdigital.com/discovery/">Discovery</a></li> <li id="menu-item-5396" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5396"><a href="https://www.spinxdigital.com/strategy-planning/">Strategy & Planning</a></li> <li id="menu-item-5398" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5398"><a href="https://www.spinxdigital.com/website-solutions/">Website Solutions</a> <ul class="sub-menu"> <li id="menu-item-20279" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20279"><a href="https://www.spinxdigital.com/visual-design/">Visual Design</a></li> <li id="menu-item-20277" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20277"><a href="https://www.spinxdigital.com/development/">Development</a></li> <li id="menu-item-20278" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20278"><a href="https://www.spinxdigital.com/ecommerce/">Ecommerce</a></li> <li id="menu-item-20281" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20281"><a href="https://www.spinxdigital.com/website-redesign-services/">Website Redesign Services</a></li> <li id="menu-item-20280" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20280"><a href="https://www.spinxdigital.com/website-maintenance-services/">Website Maintenance Services</a></li> </ul> </li> <li id="menu-item-5393" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5393"><a href="https://www.spinxdigital.com/app-development-company/">Mobile Application Development</a></li> <li id="menu-item-5395" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5395"><a href="https://www.spinxdigital.com/enterprise-cms-solutions/">Enterprise CMS Solutions</a> <ul class="sub-menu"> <li id="menu-item-20283" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20283"><a href="https://www.spinxdigital.com/drupal/">Drupal Development</a></li> <li id="menu-item-20284" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20284"><a href="https://www.spinxdigital.com/sitecore/">Sitecore Implementation & Consultation</a></li> <li id="menu-item-20285" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20285"><a href="https://www.spinxdigital.com/wordpress/">WordPress</a></li> <li id="menu-item-20282" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20282"><a href="https://www.spinxdigital.com/adobe-experience-manager/">AEM (Adobe Experience Manager)</a></li> </ul> </li> <li id="menu-item-5394" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5394"><a href="https://www.spinxdigital.com/online-marketing/">Digital Marketing</a> <ul class="sub-menu"> <li id="menu-item-20286" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20286"><a href="https://www.spinxdigital.com/search-engine-optimization/">Search Engine Optimization (SEO)</a></li> </ul> </li> </ul></div></li> </ul> </li><li class='mega-menu-column mega-menu-industry-class mega-d-none mega-menu-columns-4-of-12 menu-industry-class d-none' id='mega-menu-4557-0-2'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_nav_menu mega-menu-item-nav_menu-9' id='mega-menu-item-nav_menu-9'><h4 class="mega-block-title">Industries</h4><div class="menu-industries-container"><ul id="menu-industries" class="menu"><li id="menu-item-19862" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-19862"><a href="https://www.spinxdigital.com/beauty-skincare-marketing/">Beauty & Skincare Marketing Agency</a></li> <li id="menu-item-5304" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-5304"><a href="https://www.spinxdigital.com/law-firm-marketing/">Law Firm Marketing</a></li> <li id="menu-item-19924" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-19924"><a href="https://www.spinxdigital.com/law-firm-website-design-company/">Law Firm Website Design</a></li> </ul></div></li> </ul> </li> </ul> </li></ul> </li><li class='mega-about-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-grid mega-menu-item-19 about-menu' id='mega-menu-item-19'><a class="mega-menu-link" href="https://www.spinxdigital.com/about/" aria-haspopup="true" aria-expanded="false" tabindex="0">About<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-row' id='mega-menu-19-0'> <ul class="mega-sub-menu"> <li class='mega-menu-column mega-mega-back-link mega-menu-columns-12-of-12 mega-back-link' id='mega-menu-19-0-0'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-7' id='mega-menu-item-text-7'> <div class="textwidget"><p><a href="#">Back</a></p> </div> </li> </ul> </li><li class='mega-menu-column mega-menu-columns-12-of-12' id='mega-menu-19-0-1'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-5' id='mega-menu-item-text-5'> <div class="textwidget"><h4 class="mega-block-title">About</h4> <ul class="list-unstyled menu"> <li><a href="https://www.spinxdigital.com/about/"><strong>Who We Are</strong><span class="sub">The secret ingredient for the SPINX difference.</span></a></li> <li><a href="https://www.spinxdigital.com/our-process/"><strong>Our Process</strong><span class="sub">How we guide you from idea to execution.</span></a></li> <li class="d-none"><a href="https://www.spinxdigital.com/our-technology/"><strong>Our Technologies</strong><span class="sub">Which platform/technologies is right for you?</span></a></li> <li><a href="https://www.spinxdigital.com/careers/"><strong>Careers</strong><span class="sub">Grow your career with the SPINX family.</span></a></li> </ul> </div> </li> </ul> </li> </ul> </li></ul> </li><li class='mega-about-menu mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-grid mega-menu-item-21077 about-menu' id='mega-menu-item-21077'><a class="mega-menu-link" href="#" aria-haspopup="true" aria-expanded="false" tabindex="0">Resources<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-row' id='mega-menu-21077-0'> <ul class="mega-sub-menu"> <li class='mega-menu-column mega-mega-back-link mega-menu-columns-12-of-12 mega-back-link' id='mega-menu-21077-0-0'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-9' id='mega-menu-item-text-9'> <div class="textwidget"><p><a href="#">Back</a></p> </div> </li> </ul> </li><li class='mega-menu-column mega-menu-columns-12-of-12' id='mega-menu-21077-0-1'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-10' id='mega-menu-item-text-10'> <div class="textwidget"><h4 class="mega-block-title">Resources</h4> <ul class="list-unstyled menu"> <li><a href="https://www.spinxdigital.com/insights/"><strong>Insights</strong><span class="sub">Trends, tips, and industry insights.</span></a></li> <li><a href="https://www.spinxdigital.com/ebook/"><strong>eBooks</strong><span class="sub">Expert strategies for digital success.</span></a></li> <li><a href="https://www.spinxdigital.com/rfp-template/"><strong>RFP Template</strong><span class="sub">Download RFP for winning proposals.</span></a></li> </ul> </div> </li> </ul> </li> </ul> </li></ul> </li></ul></div> <a role="button" data-marquee-text="Let's Talk" class="marquee-button " href="https://www.spinxdigital.com/start-a-project/" > <span role="presentation" class="label">Let's Talk</span> <span class="visually-hidden">Let's Talk</span> <span class="bg"></span> </a> </div> </nav> </header> <section class="cmn-hero-banner process-banner work-list-page gradient-section5"> <div class="container"> <div class="row align-items-start"> <div class="col-lg-8"> <h1 class="hero-inner-fade-up hero-heading gradient-title5">World-class</h1> <h2 class="hero-in-sub-fade-up">Digital destinations, from idea to execution</h2> </div> <div class="col-lg-4 d-flex justify-content-lg-center justify-content-left"> <div class="video-clip-wrap"> <div class="video-wrapper"> <input type="checkbox" class="check-wrap play-video-our-process"> <div class="video"> <video src="https://www.spinxdigital.com/app/uploads/2023/03/SPINX_Video.mp4" loop playsinline="true" preload="metadata"></video> </div> <div class="text"> <span class="video-clip" data-text="PLAY REEL"></span> <span class="video-reels" style="background-image:url('https://www.spinxdigital.com/app/uploads/2022/09/video-reel.png');"></span> </div> </div> </div> </div> </div> </div> </section> <section class="hp-client-wrap client-wrap brand-logos"> <div class="client-section"> <div class="client-slider"> <div class="d-flex client-slide left-slide-js"> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Amazon.svg" title="Amazon" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Beats.svg" title="Beats" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Property-1GE.png" title="Property 1=GE" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/NBC.svg" title="NBC" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/CBS.svg" title="CBS" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/LACounty.svg" title="LACounty" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Amazon.svg" title="Amazon" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Beats.svg" title="Beats" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Property-1GE.png" title="Property 1=GE" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/NBC.svg" title="NBC" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/CBS.svg" title="CBS" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/LACounty.svg" title="LACounty" height="80" width="170" alt="" /> </div> </div> </div> </div> <div class="client-section dark-bg"> <div class="client-slider"> <div class="d-flex client-slide right-slide-js" dir="rtl"> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/QE-white.svg" title="QE-white" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/PhysiciansFormula-1.svg" title="PhysiciansFormula" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/RedBarn.svg" title="RedBarn" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/Aerovironment2.svg" title="Aerovironment2" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/Lipsmacker2.svg" title="Lipsmacker2" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/TCE.svg" title="TCE" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/QE-white.svg" title="QE-white" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/PhysiciansFormula-1.svg" title="PhysiciansFormula" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/RedBarn.svg" title="RedBarn" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/Aerovironment2.svg" title="Aerovironment2" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/Lipsmacker2.svg" title="Lipsmacker2" height="80" width="170" alt="" /> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/11/TCE.svg" title="TCE" height="80" width="170" alt="" /> </div> </div> </div> </div> </section> <section class="cmn-feature-project"> <div class="container"> <div class="work-tab-filter"> <button id="navTabMob" type="button" class="d-lg-none">All</button> <ul class="nav nav-tabs" id="workTabList" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tab1" data-bs-toggle="tab" data-bs-target="#tabList1" type="button" role="tab" aria-controls="tabList1" aria-selected="true" data-filter="all">All</a> </li> <li class="nav-item"> <a class="nav-link" id="b2b" data-bs-toggle="tab" data-bs-target="#tabb2b" type="button" role="tab" aria-controls="b2b" aria-selected="false" data-filter="b2b">Business-to-Business</a> </li> <li class="nav-item"> <a class="nav-link" id="b2c" data-bs-toggle="tab" data-bs-target="#tabb2c" type="button" role="tab" aria-controls="b2c" aria-selected="false" data-filter="b2c">Business-to-Consumer</a> </li> </ul> <a href="javascript:void(0)" id="filterBtn" class="d-none">Additional Filters</a> </div> <form id="filterForm" class="filter-form d-none" method="post" action="https://www.spinxdigital.com/wp/wp-admin/admin-ajax.php"> <div class="row gx-2 align-items-center"> <div class="col-lg-6 col-xl mb-xl-0 mb-2"> <div class="dropdown multi-select-dropdown cmn-dropdown"> <div class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> <span class="dropdown-text" data-text="Type">Type</span> </div> <ul class="dropdown-menu web-type-dropdown" aria-labelledby="dropdownMenuButton1"> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="selectall form-check-input" type="checkbox" id="typeOptionAll" value="all"> <label class="form-check-label" for="typeOptionAll"><span class="select-text"> Select</span> All</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption0" value="ecommerce"> <label class="form-check-label" for="typeOption0">eCommerce</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption1" value="elearning"> <label class="form-check-label" for="typeOption1">eLearning</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption2" value="enterprise"> <label class="form-check-label" for="typeOption2">Enterprise</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption3" value="marketing"> <label class="form-check-label" for="typeOption3">Marketing</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption4" value="marketplace"> <label class="form-check-label" for="typeOption4">Marketplace</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" name="typeOption[]" id="typeOption5" value="product-catalog"> <label class="form-check-label" for="typeOption5">Product Catalog</label> </a> </li> </ul> </div> </div> <div class="col-lg-6 col-xl mb-xl-0 mb-2"> <div class="dropdown multi-select-dropdown cmn-dropdown"> <div class="btn dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false"> <span class="dropdown-text" data-text="Technology">Technology</span> </div> <ul class="dropdown-menu technology-dropdown" aria-labelledby="dropdownMenuButton2"> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="selectall form-check-input" type="checkbox" id="techOptionAll" value=""> <label class="form-check-label" for="techOptionAll"><span class="select-text"> Select</span> All</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption0" name="techOption[]" value="net"> <label class="form-check-label" for="techOption0">.NET</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption1" name="techOption[]" value="drupal"> <label class="form-check-label" for="techOption1">Drupal</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption2" name="techOption[]" value="magento"> <label class="form-check-label" for="techOption2">Magento</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption3" name="techOption[]" value="other"> <label class="form-check-label" for="techOption3">Other</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption4" name="techOption[]" value="shopify"> <label class="form-check-label" for="techOption4">Shopify</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="techOption5" name="techOption[]" value="wordpress"> <label class="form-check-label" for="techOption5">Wordpress</label> </a> </li> </ul> </div> </div> <div class="col-lg-6 col-xl mb-xl-0 mb-2"> <div class="dropdown multi-select-dropdown cmn-dropdown"> <div class="btn dropdown-toggle" type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-expanded="false"> <span class="dropdown-text" data-text="Industry">Industry</span> </div> <ul class="dropdown-menu industry-dropdown" aria-labelledby="dropdownMenuButton3"> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="selectall form-check-input" type="checkbox" id="indOptionAll" value="all"> <label class="form-check-label" for="indOptionAll"><span class="select-text"> Select</span> All</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption0" name="indOption[]" value="beauty-consumer-goods"> <label class="form-check-label" for="indOption0">Beauty & Consumer Goods</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption1" name="indOption[]" value="consulting"> <label class="form-check-label" for="indOption1">Consulting</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption2" name="indOption[]" value="finance-insurance"> <label class="form-check-label" for="indOption2">Finance & Insurance</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption3" name="indOption[]" value="food-entertainment"> <label class="form-check-label" for="indOption3">Food & Entertainment</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption4" name="indOption[]" value="goverment-nonprofit-education"> <label class="form-check-label" for="indOption4">Goverment, Nonprofit, & Education</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption5" name="indOption[]" value="healthcare"> <label class="form-check-label" for="indOption5">Healthcare</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption6" name="indOption[]" value="legal"> <label class="form-check-label" for="indOption6">Legal</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption7" name="indOption[]" value="manufacturing-aerospace"> <label class="form-check-label" for="indOption7">Manufacturing & Aerospace</label> </a> </li> <li> <a href="javascript:void(0)" class="dropdown-item form-check"> <input class="option form-check-input" type="checkbox" id="indOption8" name="indOption[]" value="real-estate-architecture-engineering"> <label class="form-check-label" for="indOption8">Real Estate, Architecture, & Engineering</label> </a> </li> </ul> </div> </div> <div class="col-6 col-xl-2"> <button class="btn btn-primary">FILTER</button> </div> <div class="col-6 col-lg-12 text-lg-start text-end"> <button class="btn-link btn-link-white resetForm"><span>Reset Filters</span></button> </div> </div> </form> </div> </section> <section class="cmn-work-listing"> <div id="work-listing"> <div class="cmn-feature-project"> <div class="cmn-work-casestudy"> <div class="work-casestudy-loop pattern-1"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xxl-4 order-2 order-lg-1" id="featured_6366"> <div class="casestudy-title"> <span>The California Endowment Website Redesign</span> <h3>Creating a Better Online Presence for a Private Health Foundation</h3> </div> </div> <div class="col-lg-7 col-xxl-8 order-1 order-lg-2"> <a href="https://www.spinxdigital.com/california-endowment-webdesign-casestudy/" class="stretched-link"><span class="d-none">Case Study</span></a> <div class="casestudy-image" style="background-color: #eff4fa ;"> <div class="casestudy-image-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/Thumbnail-21.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Thumbnail" height="500" width="740" /> </div> </div> </div> </div> </div> </div> <div class="work-casestudy-loop pattern-2"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xxl-4 order-2 order-lg-1" id="featured_683"> <div class="casestudy-title"> <span>BEGA Website Redesign</span> <h3>Lighting Up an Internet Presence for BEGA</h3> </div> </div> <div class="col-lg-7 col-xxl-8 order-1 order-lg-2"> <a href="https://www.spinxdigital.com/bega-webdesign-casestudy/" class="stretched-link"><span class="d-none">Case Study</span></a> <div class="casestudy-image" style="background-color: #2A2C30 ;"> <div class="casestudy-image-wrapper"> <div class="pattern2-wrapper"> <span></span> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/09/Thumbnail.webp')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Thumbnail" height="500" width="740" /> </div> </div> </div> </div> </div> </div> </div> <div class="work-casestudy-loop pattern-1"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xxl-4 order-2 order-lg-1" id="featured_18896"> <div class="casestudy-title"> <span>Keller Postman Redesign & Development</span> <h3>Law Firm Website Redesign that Delivers Justice to their Growth & Success</h3> </div> </div> <div class="col-lg-7 col-xxl-8 order-1 order-lg-2"> <a href="https://www.spinxdigital.com/keller-postman-webdesign-casestudy/" class="stretched-link"><span class="d-none">Case Study</span></a> <div class="casestudy-image" style="background-color: #16408f ;"> <div class="casestudy-image-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2023/10/KP-Thumbnail.webp')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="KP-Thumbnail" height="500" width="740" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row eye-link-icon"> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern3 "> <div class="work-listing-image" style="background-color: #E7E7E8;"> <div class="work-listing-wrapper"> <div class="pattern3-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2024/03/Stemwave-Thumbnail.webp')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Stemwave-Thumbnail" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>StemWave Medical Device Website Redesign & Development</span> <a href="https://www.spinxdigital.com/stemwave-webdesign-casestudy/" class="h4 stretched-link">Medical Device Website Redesign Rejuvenates & Transforms Online Brand Image</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern2 "> <div class="work-listing-image" style="background-color: #2A4CC8 ;"> <div class="work-listing-wrapper"> <div class="pattern2-wrapper"> <span></span> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2024/03/Soma-Thumb.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Soma-Thumb" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>Soma Tech Medical Device Ecommerce Website Redesign & Development</span> <a href="https://www.spinxdigital.com/somatech-webdesign-casestudy/" class="h4 stretched-link">Refurbishing a Medical Device Marketplace: One Reseller's Online Ecommerce Revamp</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern1 "> <div class="work-listing-image" style="background-color: #365C65 ;"> <div class="work-listing-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/Thumbnail.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="BSM Consulting Website Design Case Study" height="500" width="740" /> </div> </div> <div class="work-listing-desc"> <span>BSM Consulting Website and Portal Redesign</span> <a href="https://www.spinxdigital.com/bsmconsulting-webdesign-casestudy/" class="h4 stretched-link">A Medical Consulting Group’s Website Goes Under the Knife</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern4 "> <div class="work-listing-image" style="background-color: #33353A;"> <div class="work-listing-wrapper"> <div class="pattern4-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/Thumbnail-10.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Spexster Web App Design & Development Case Study" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>Spexster Web App Design & Development</span> <a href="https://www.spinxdigital.com/spexster-webdesign-casestudy/" class="h4 stretched-link">Producing a New Video Spec Marketplace</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern2 "> <div class="work-listing-image" style="background-color: #20B982 ;"> <div class="work-listing-wrapper"> <div class="pattern2-wrapper"> <span></span> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2023/10/Thumbnail.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Thumbnail" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>American Association of Individual Investors (AAII) Website Redesign</span> <a href="https://www.spinxdigital.com/aaii-webdesign-casestudy/" class="h4 stretched-link">A Rich, Engaging Redesign for a Nonprofit Investment Education Website and Membership Portal</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern1 video-added "> <div class="work-listing-image" style="background-color: #0063A3 ;"> <div class="work-listing-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2023/04/KPFF-Thumbnail.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="KPFF-Thumbnail" height="500" width="740" /> <div class="ratio ratio-16x9"> <video autoplay muted loop> <source src="https://www.spinxdigital.com/app/uploads/2023/04/KPFF_Main.mp4" type='video/mp4;'> </source> <source src="https://www.spinxdigital.com/app/uploads/2023/04/KPFF_Main.webm" type='video/webm;'> </source> </video> </div> </div> </div> <div class="work-listing-desc"> <span>KPFF Website Redesign & Development</span> <a href="https://www.spinxdigital.com/kpff-webdesign-casestudy/" class="h4 stretched-link">Transforming a Boring Engineering Website into an Innovative Destination Built for Engagement</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern2 "> <div class="work-listing-image" style="background-color: #E1EDEF ;"> <div class="work-listing-wrapper"> <div class="pattern2-wrapper"> <span></span> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/Thumbnail-20.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Los Angeles Police Department Website Design & Development Case Study" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>Los Angeles Police Department Website Redesign & Development</span> <a href="https://www.spinxdigital.com/lapd-webdesign-casestudy/" class="h4 stretched-link">Empowering the 3rd Largest Police Department in the Country to Fulfill Their Mission With a New Site</a> </div> </div> </div> <div class="col-lg-6"> <div class="work-listing-blocks listing-pattern3 "> <div class="work-listing-image" style="background-color: #E7E7E8;"> <div class="work-listing-wrapper"> <div class="pattern3-wrapper"> <img class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2023/10/Curewell-Thumbnail.jpg')" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" title="Curewell-Thumbnail" height="500" width="740" /> </div> </div> </div> <div class="work-listing-desc"> <span>Curewell Capital Redesign & Development</span> <a href="https://www.spinxdigital.com/curewell-webdesign-casestudy/" class="h4 stretched-link">Strategic Growth Unleashed Through an Investment Firm Website Transformation</a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-12"> <nav class="navigation pagination" aria-label="Posts"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links" id="worklist-pagination"> <a href="javascript:;" class="page-numbers current" data-page="1">1</a> <a href="javascript:;" class="page-numbers " data-page="2">2</a> <a href="javascript:;" class="page-numbers " data-page="3">3</a> <span class="page-numbers dots">…</span> <a href="javascript:;" class="page-numbers " data-page="9">9</a> <a href="javascript:;" class="next page-numbers" data-page="2"></a> </div> </nav> </div> </div> </div> </section> <section class="hp-testimonials"> <div class="container"> <div class="row"> <div class="col-lg-3 position-relative ms-auto testi-control d-none d-lg-block"> <button class="carousel-control-prev" type="button" data-bs-target="#carouselTestimonials" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button> <button class="carousel-control-next" type="button" data-bs-target="#carouselTestimonials" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button> </div> <div class="col-12 wow cfadeinup"> <div id="carouselTestimonials" class="carousel slide" data-bs-interval="2000"> <div class="carousel-inner"> <div class="p-0 carousel-item active"> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/qe-logo.svg" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">B2B Law Firm Website</h3> <h4>“SPINX team members are responsive, innovative, problem-solvers and a pleasure to work with day in and day out. They are at the top of their industry.”</h4> <div class="testimonial-author"> <strong>Brianna Miller</strong> <span>Assistant Global Director of Marketing</span> </div> </div> </div> </div> <div class="p-0 carousel-item "> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/jrma-logo.svg" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">B2B Architecture & Engineering Website</h3> <h4>“The level of experience, thought and care that went into our website was amazing! Not only have we been constantly amazed at the depth of understanding on many different business models, we found ourselves working with a team of friends.”</h4> <div class="testimonial-author"> <strong>Shiraz Eliyahu</strong> <span>Lead Design Manager Interior Architecture</span> </div> </div> </div> </div> <div class="p-0 carousel-item "> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/feit-logo.svg" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">B2C Electrical Parts Ecommerce Website</h3> <h4>“The team is highly responsive and eager to help. They show a commitment to excellence for both large and small projects.”</h4> <div class="testimonial-author"> <strong>Dana Knight</strong> <span>Senior Director Global Marketing & Customer Experience</span> </div> </div> </div> </div> <div class="p-0 carousel-item "> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/logo_combo@2x-1.png" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">AeroVironment, B2B Manufacturing Website</h3> <h4>“SPINX has truly become a trusted partner and one that we rely on to bring our visions to life, no matter how detailed they are. Their quality of work is top notch and so is their responsiveness and support.”</h4> <div class="testimonial-author"> <strong>Tameka Flores</strong> <span>Sr. Marketing Manager</span> </div> </div> </div> </div> <div class="p-0 carousel-item "> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/PhysiciansFormula-Logo-Simple-1-1.png" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">Physicians Formula, B2C Beauty Ecommerce Website</h3> <h4>“You can count on the SPINX team to be extremely knowledgeable, creative, collaborative, professional and easy to work with. They successfully combine great design, UX and technical expertise and consistently go above and beyond to provide great work.”</h4> <div class="testimonial-author"> <strong>Vivian Durra</strong> <span>Director of Public Relations and Digital Marketing</span> </div> </div> </div> </div> <div class="p-0 carousel-item "> <div class="row hp-testi-row"> <div class="col-xl-5 col-lg-6"> <div class="test-logo d-flex align-items-center justify-content-center"> <img alt="" src="https://www.spinxdigital.com/app/uploads/2023/09/SBFilterLogo-524w-1.png" class="img-fluid" height="289" width="289" /> </div> </div> <div class="col-xl-6 col-lg-6 testimonial-content"> <h3 class="h5">S&B Filters, B2C Automotive Parts Ecommerce Website</h3> <h4>“The team at SPINX is top notch. We were very impressed with their quality of work and ability to deliver on time.”</h4> <div class="testimonial-author"> <strong>Robert Foulger</strong> <span>Customer Acquisition Specialist</span> </div> </div> </div> </div> </div> <button class="d-flex align-items-center d-lg-none carousel-control-prev" type="button" data-bs-target="#carouselTestimonials" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button> <button class="d-flex align-items-center d-lg-none carousel-control-next" type="button" data-bs-target="#carouselTestimonials" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button> </div> </div> </div> </div> </section> <section class="hp-award"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 text-center wow cfadeinup"> <h3>Award Winning Digital Agency</h3> </div> <div class="wow cfadeinup col-6 col-lg-3"> <div class="award-item"> <div class="award-img d-flex align-items-center justfy-content-center"> <img src="https://www.spinxdigital.com/app/uploads/2022/09/icon-davey-green.svg" class="img-fluid" title="The California Endowment" alt="The California Endowment" width="102" height="102" /> </div> <a rel="noopener" href="https://quinnemanuel.com/" class="stretched-link" target="_blank">Quinn Emanuel</a> </div> </div> <div class="wow cfadeinup col-6 col-lg-3"> <div class="award-item"> <div class="award-img d-flex align-items-center justfy-content-center"> <img src="https://www.spinxdigital.com/app/uploads/2022/09/icon-webaward-green.svg" class="img-fluid" title="Worldwide Facilities" alt="Worldwide Facilities" width="102" height="102" /> </div> <a rel="noopener" href="https://www.wwfi.com/" class="stretched-link" target="_blank">Worldwide Facilities</a> </div> </div> <div class="wow cfadeinup col-6 col-lg-3"> <div class="award-item"> <div class="award-img d-flex align-items-center justfy-content-center"> <img src="https://www.spinxdigital.com/app/uploads/2022/09/icon-w3-green.svg" class="img-fluid" title="Quinn Emanuel" alt="Quinn Emanuel" width="102" height="102" /> </div> <a rel="noopener" href="https://www.calendow.org/" class="stretched-link" target="_blank">The California Endowment</a> </div> </div> <div class="wow cfadeinup col-6 col-lg-3"> <div class="award-item"> <div class="award-img d-flex align-items-center justfy-content-center"> <img src="https://www.spinxdigital.com/app/uploads/2022/09/icon-w3-green.svg" class="img-fluid" title="Quinn Emanuel" alt="Quinn Emanuel" width="102" height="102" /> </div> <a rel="noopener" href="https://www.bega-us.com/" class="stretched-link" target="_blank">BEGA America</a> </div> </div> </div> </div> </section> <section class="cmn-reveal-spacing industry-learn"> <div class="container"> <div class="row"> <div class="col-12"> <h2 class="wow cfadeinup-inner-hero hero-heading gradient-title6 mb-3">Learn</h2> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup-inner-sub" data-src="https://www.spinxdigital.com/app/uploads/2017/11/Image-designdeveloper-1.jpg" data-alt="“Design Developers” – The Newest Role in Website Design?"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Insight</span> <a href="https://www.spinxdigital.com/blog/design-developers-the-newest-role-in-website-design/" class="stretched-link">“Design Developers” – The Newest Role in Website Design?</a> <div class="insight-tag"> <span>Design</span> <span>Web Development</span> </div> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup-inner-sub" data-src="https://www.spinxdigital.com/app/uploads/2022/11/image-ecommerce.jpg" data-alt="15 Upcoming E-Commerce Website Design And Development Trends In 2024"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Insight</span> <a href="https://www.spinxdigital.com/blog/15-upcoming-e-commerce-website-design-and-development-trends-2023/" class="stretched-link">15 Upcoming E-Commerce Website Design And Development Trends In 2024</a> <div class="insight-tag"> <span>E-commerce</span> </div> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup-inner-sub" data-src="https://www.spinxdigital.com/app/uploads/2014/07/image-ecommerce2.jpg" data-alt="3 Essential Apps For Your Beauty Website"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Insight</span> <a href="https://www.spinxdigital.com/blog/3-essential-apps-beauty-website/" class="stretched-link">3 Essential Apps For Your Beauty Website</a> <div class="insight-tag"> <span>Online Marketing Tips</span> </div> </div> </div> </div> <div class="view-more-link"> <a href="https://www.spinxdigital.com/insight/" class="btn-link btn-link-white"><span>View More Insights</span></a> </div> </div> </section> <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/component/reveal.js"></script> <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/build/worklist.min.js"></script> <script> $(document).ready(function() { $(".work-tab-filter .nav-link").on("click", function() { var filterTerm = $(this).attr('data-filter'); var formData = $('#filterForm').serialize(); let data = { 'action': 'filter_work', 'page': 1, 'isPagination': 1, 'term': filterTerm, 'formData': formData }; doAjax(data); }); $("#worklist-pagination").on("click", ".page-numbers", function(e) { e.preventDefault(); var page = parseInt($(this).attr('data-page')); var filterTerm = $(".work-tab-filter .nav-link.active").attr('data-filter'); var formData = $('#filterForm').serialize(); let data = { 'action': 'filter_work', 'page': page, 'isPagination': 1, 'term': filterTerm, 'formData': formData, }; doAjax(data) }); $('#filterForm').submit(function(e) { e.preventDefault(); var filterTerm = $(".work-tab-filter .nav-link.active").attr('data-filter'); var formData = $(this).serialize(); let data = { 'action': 'filter_work', 'page': 1, 'isPagination': 1, 'term': filterTerm, 'formData': formData, }; doAjax(data) }); $(".resetForm").on("click", function() { document.getElementById("filterForm").reset(); $(".dropdown-text").each(function() { var txt = $(this).attr('data-text'); $(this).html(txt); $("label[for='typeOptionAll'] .select-text").html(' Select'); }); var filterTerm = $(".work-tab-filter .nav-link.active").attr('data-filter'); var formData = $('#filterForm').serialize(); let data = { 'action': 'filter_work', 'page': 1, 'isPagination': 1, 'term': filterTerm, 'formData': formData }; doAjax(data); }); }); function doAjax(data) { var screenWidth = $(window).width(); $.ajax({ url: 'https://www.spinxdigital.com/wp/wp-admin/admin-ajax.php', data: data, type: 'POST', dataType: 'JSON', beforeSend: function(xhr) { /* beforeSend Event */ $('body').addClass('loading'); }, success: function(res) { if (res) { $("#work-listing").html(res.works); $("#worklist-pagination").html(res.pagination); $('body').removeClass('loading'); if (screenWidth > 767.98) { $('.ratio video').attr('controls', false); } else { $('.ratio video').attr('controls', true); } if (screenWidth < 767.98) { $('.ratio').closest('.casestudy-image-wrapper').removeClass('video-added'); $('.ratio').closest('.work-listing-blocks').removeClass('video-added'); $('.ratio').remove(); } else { $('.ratio').prev().remove(); } let headHeight = $("header").outerHeight(true); setTimeout(function () { $('html, body').animate({ scrollTop: $('.cmn-work-listing').offset().top - headHeight }, 400); }, 60); } } }); } </script> <script nitro-exclude> document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax'; </script> <footer> <div class="container"> <div class="row sdf-links"> <div class="col-md-6 col-lg-3"> <h5>INDUSTRIES</h5> <ul> <li><a href="https://www.spinxdigital.com/automotive-marketing/">Automotive Marketing</a></li><li><a href="https://www.spinxdigital.com/beauty-skincare-marketing/">Beauty & Skincare Marketing Agency</a></li><li><a href="https://www.spinxdigital.com/law-firm-marketing/">Law Firm Marketing</a></li><li><a href="https://www.spinxdigital.com/law-firm-website-design-company/">Law Firm Website Design</a></li><li><a href="https://www.spinxdigital.com/hospitality-marketing/">Travel & Hospitality Marketing Agency</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>SERVICES</h5> <ul> <li><a href="https://www.spinxdigital.com/website-solutions/">Website Design</a></li><li><a href="https://www.spinxdigital.com/development">Website Development</a></li><li><a href="https://www.spinxdigital.com/enterprise-cms-solutions/">Enterprise CMS Solutions</a></li><li><a href="https://www.spinxdigital.com/website-redesign-services/">Website Redesign Services</a></li><li><a href="https://www.spinxdigital.com/website-maintenance-services/">Website Maintenance Services</a></li><li><a href="https://www.spinxdigital.com/search-engine-optimization/">Search Engine Optimization</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>Technologies</h5> <ul> <li><a href="https://www.spinxdigital.com/sitecore/">Sitecore</a></li><li><a href="https://www.spinxdigital.com/drupal/">Drupal</a></li><li><a href="https://www.spinxdigital.com/sitefinity/">Sitefinity</a></li><li><a href="https://www.spinxdigital.com/wordpress/">WordPress</a></li><li><a href="https://www.spinxdigital.com/adobe-experience-manager/">Adobe Experience Manager (AEM)</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>Case Studies</h5> <ul> <li><a href="https://www.spinxdigital.com/california-endowment-webdesign-casestudy/">The California Endowment Website Redesign</a></li><li><a href="https://www.spinxdigital.com/bega-webdesign-casestudy/">BEGA Website Redesign</a></li><li><a href="https://www.spinxdigital.com/bsmconsulting-webdesign-casestudy/">BSM Consulting Website and Portal Redesign</a></li><li><a href="https://www.spinxdigital.com/spexster-webdesign-casestudy/">Spexster Web App Design & Development</a></li><li><a href="https://www.spinxdigital.com/kpff-webdesign-casestudy/">KPFF Website Redesign & Development</a></li> </ul> </div> </div> <div class="row ft-cols"> <div class="col-lg-4"> <div class="ft-col dark-bg"> <h5>CHAT WITH US</h5> <a href="tel:213.894.9933" class="btn-link btn-link-white"><span>213.894.9933</span></a><br/> <a href="mailto:hello@spinxdigital.com" class="btn-link btn-link-white"><span>hello@spinxdigital.com</span></a> </div> </div> <div class="col-lg-4"> <div class="ft-col"> <h5>FIND US</h5> <h4><a href="https://www.google.com/maps/place/911+W+Washington+Blvd,+Los+Angeles,+CA+90015/@34.037244,-118.280147,17z/data=!3m1!4b1!4m5!3m4!1s0x80c2c7eaeebf26bd:0xfd6f54818d765c8b!8m2!3d34.037244!4d-118.2779583" rel="noopener" target="_blank">911 W. Washington Blvd.<br/>Los Angeles, California 90015</a></h4> </div> </div> <div class="col-lg-4 col-xl-3 ms-auto"> <div class="ft-col"> <h5>Follow us on</h5> <ul> <li><a href="https://www.linkedin.com/company/spinx-inc./" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2022/09/ft-linkedin.svg" alt="" height="20" width="18" /></a></li> <li><a href="https://x.com/spinxdigital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-twitter.svg" alt="Twitter" height="20" width="18" /></a></li> <li><a href="https://www.facebook.com/SPINXdigitalagency/" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2022/09/ft-facebook.svg" alt="" height="20" width="18" /></a></li> <li><a href="https://www.youtube.com/@SPINXDigital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-youtube.svg" alt="Youtube" height="20" width="18" /></a></li> <li><a href="https://www.pinterest.com/spinxagency/" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-pinterest2.svg" alt="pinterest" height="20" width="18" /></a></li> <li><a href="https://www.behance.net/spinx_digital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-be.svg" alt="Behance" height="20" width="18" /></a></li> <li><a href="https://dribbble.com/spinx_digital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-dribble.svg" alt="Dribble" height="20" width="18" /></a></li> </ul> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="spinx-copyright"> <div class="ft-logo"> <a href="https://www.spinxdigital.com"><img src="https://www.spinxdigital.com/app/uploads/2022/09/ft-logo.svg" alt="Web Design & Development Case Studies | SPINX Digital" height="24" width="100" /></a> <span>© 2025 SPINX Digital All Rights Reserved</span> </div> <div class="ft-links"> <ul> <li><a href="https://www.spinxdigital.com/contact/">Contact Us</a></li> <li><a href="https://www.spinxdigital.com/privacy-policy/">Privacy Policy</a></li> <li><a href="https://www.spinxdigital.com/do-not-sell-my-info/">Do Not Sell My Info</a></li> </ul> </div> </div> </div> </div> </div> </footer> </div> <div class="cursor"></div> <div class="cursor-follower"></div> <div class="canvas" id="aboutHoverImgCanvas" width="434" height="291"></div> <div class="loader-inner"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/loader.gif" height="" width="50" alt="loader image" class="img-fluid"> </div>  <div class="modal fade fullscreenPopup" id="footerForm" tabindex="-1" aria-labelledby="footerForm" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-12"> <div class="popup-header"> <a class="navbar-brand" href="https://www.spinxdigital.com"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo.svg" class="svg img-fluid" width="132" height="32" alt=""> </a> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img height="68" width="68" alt="" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/cross-popup.svg" /></button> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="steps-wrapper"> https://www.spinxdigital.com/start-a-project/ </div> </div> </div> </div> </div> </div> </div> </div>  <div class="modal fade subscribe-success-popup" id="subscribePopUp" tabindex="-1" aria-labelledby="subscribePopUpLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body"> <div class="row"> <div class="col-lg-4 order-lg-2"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/graphic-send.svg" class="img-fluid" alt="Sent" width="294" height="391"> </div> <div class="col-lg-8"> <h3 class="thanks">Thanks for subscribing!</h3> <p>Keep an eye out for awesome web content heading straight for your inbox!</p> <button type="button" data-bs-dismiss="modal" class="btn btn-primary">CLOSE</button> </div> </div> </div> </div> </div> </div>  <div class="modal fade consult-modal" data-bs-backdrop="static" data-bs-keyboard="false" id="consultationModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/popup-close.svg" alt="" height="" width="" /></button> <div class="modal-body"> <div class="right-img d-none d-lg-block"> <img src="https://www.spinxdigital.com/app/uploads/2024/12/Custom-Illustrations-10-1.jpg" alt="" height="713" width="408" class="img-fluid" /> </div> <div class="left-content"> <h2>Schedule a Free<br>30-min Consultation</h2> <p>Discover which design improvements could turn more visitors into customers in only 30 minutes.</p> <script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_19' ><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_19' id='gform_19' action='/work/' data-formid='19' novalidate> <div class='gform-body gform_body'><div id='gform_fields_19' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_19_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_5" ><label class='gfield_label gform-field-label' for='input_19_5'>Full Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_19_5' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_6" class="gfield gfield--type-email gfield--input-type-email gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_6" ><label class='gfield_label gform-field-label' for='input_19_6'>Email Address<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_6' id='input_19_6' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_7" class="gfield gfield--type-phone gfield--input-type-phone gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_7" ><label class='gfield_label gform-field-label' for='input_19_7'>Phone Number<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_7' id='input_19_7' type='tel' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_19_13" class="gfield gfield--type-website gfield--input-type-website gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_13" ><label class='gfield_label gform-field-label' for='input_19_13'>Your Website URL<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_website'> <input name='input_13' id='input_19_13' type='url' value='' class='large' aria-required="true" aria-invalid="false"/> </div></div><div id="field_19_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-full full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_11" ><label class='gfield_label gform-field-label' for='input_19_11'>Tell us more about your requirements<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_19_11' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_12" 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_19_12" ><div class='ginput_container ginput_container_text'><input name='input_12' id='input_19_12' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_submit" class="gfield gfield--type-submit gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-field-class="gform_editor_submit_container" data-field-position="inline" data-js-reload="true" ><input type='submit' id='gform_submit_button_19' class='gform-button gform-button--white button' value='Book My Free Consult' onclick='if(window["gf_submitting_19"]){return false;} if( !jQuery("#gform_19")[0].checkValidity || jQuery("#gform_19")[0].checkValidity()){window["gf_submitting_19"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_19"]){return false;} if( !jQuery("#gform_19")[0].checkValidity || jQuery("#gform_19")[0].checkValidity()){window["gf_submitting_19"]=true;} jQuery("#gform_19").trigger("submit",[true]); }' /></div><div id="field_19_14" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_14" ><label class='gfield_label gform-field-label' for='input_19_14'>Name</label><div class='ginput_container'><input name='input_14' id='input_19_14' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_19_14'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='hidden' name='gform_ajax' value='form_id=19&title=&description=&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_19' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='19' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_19' value='WyJbXSIsIjkyYjUyZTNiOTdmZDE1MTU0M2FjMTVhOTgwZGIwM2MxIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_19' id='gform_target_page_number_19' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_19' id='gform_source_page_number_19' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="206"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_19' id='gform_ajax_frame_19' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 19, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_19').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_19');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_19').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_19').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_19').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_19').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_19').val();gformInitSpinner( 19, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [19, current_page]);window['gf_submitting_19'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_19').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [19]);window['gf_submitting_19'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_19').text());}, 50);}else{jQuery('#gform_19').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "19", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_19" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_19"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_19" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [19, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 19, 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> </div>  <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/library/jquery.cookie.min.js"></script>  <div class="stick_container" style="display:none;"> <div id="stickLayer" class="stick_popup"> <div id="close_popup_form" class="stick_close"><img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/popup-close.svg" class="img-fluid" width="24" height="24" alt="close icon" /></div> <div class="stick_content"> <div class="right-img"> <img src="https://www.spinxdigital.com/app/uploads/2024/12/hp-audit.jpg" alt="Unlock Your Free Homepage Audit" height="713" width="408" class="img-fluid" /> </div> <div class="left-content"> <h2>Unlock Your Free Homepage Audit</h2> <p>Let our friendly web experts curate a personalized list of improvements that will help enhance the online presence of your brand.</p> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_9' ><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_9' id='gform_9' action='/work/' data-formid='9' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0' data-tabindex='0'><input id="input_1d1377dfc731c40aee5c6a8814ce374a" class="gfield_recaptcha_response" type="hidden" name="input_1d1377dfc731c40aee5c6a8814ce374a" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_9' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_9_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-half form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_5" ><label class='gfield_label gform-field-label' for='input_9_5'>Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_9_5' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_6" class="gfield gfield--type-email gfield--input-type-email gfield--width-half form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_6" ><label class='gfield_label gform-field-label' for='input_9_6'>Email Address<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_6' id='input_9_6' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_7" class="gfield gfield--type-phone gfield--input-type-phone gfield--width-half form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_7" ><label class='gfield_label gform-field-label' for='input_9_7'>Phone Number<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_7' id='input_9_7' type='tel' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_9_14" class="gfield gfield--type-website gfield--input-type-website gfield--width-half form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_14" ><label class='gfield_label gform-field-label' for='input_9_14'>Your Website URL<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_website'> <input name='input_14' id='input_9_14' type='url' value='' class='large' aria-required="true" aria-invalid="false"/> </div></div><div id="field_9_10" class="gfield gfield--type-text gfield--input-type-text gfield--width-full full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_10" ><label class='gfield_label gform-field-label' for='input_9_10'>What are your biggest website pain points?<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_9_10' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_13" class="gfield gfield--type-hidden gfield--input-type-hidden gfield--width-half gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_13" ><div class='ginput_container ginput_container_text'><input name='input_13' id='input_9_13' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_submit" class="gfield gfield--type-submit gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-field-class="gform_editor_submit_container" data-field-position="inline" data-js-reload="true" ><input type='submit' id='gform_submit_button_9' class='gform-button gform-button--white button' value='REQUEST A FREE AUDIT' onclick='if(window["gf_submitting_9"]){return false;} if( !jQuery("#gform_9")[0].checkValidity || jQuery("#gform_9")[0].checkValidity()){window["gf_submitting_9"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_9"]){return false;} if( !jQuery("#gform_9")[0].checkValidity || jQuery("#gform_9")[0].checkValidity()){window["gf_submitting_9"]=true;} jQuery("#gform_9").trigger("submit",[true]); }' /></div><div id="field_9_15" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_15" ><label class='gfield_label gform-field-label' for='input_9_15'>Phone</label><div class='ginput_container'><input name='input_15' id='input_9_15' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_9_15'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='hidden' name='gform_ajax' value='form_id=9&title=&description=&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_9' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='9' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_9' value='WyJbXSIsIjkyYjUyZTNiOTdmZDE1MTU0M2FjMTVhOTgwZGIwM2MxIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_9' id='gform_target_page_number_9' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_9' id='gform_source_page_number_9' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_2" name="ak_js" value="169"/><script>document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_9' id='gform_ajax_frame_9' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 9, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_9').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_9');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_9').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_9').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_9').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_9').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_9').val();gformInitSpinner( 9, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [9, current_page]);window['gf_submitting_9'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_9').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [9]);window['gf_submitting_9'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_9').text());}, 50);}else{jQuery('#gform_9').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "9", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_9" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_9"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_9" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [9, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 9, 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> <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/library/exitintentpopup.js"></script> <script>(function(){var s=document.createElement('script');e = !document.body ? document.querySelector('head'):document.body;s.src='https://acsbapp.com/apps/app/dist/js/app.js';s.defer=true;s.onload=function(){acsbJS.init({ statementLink : '', feedbackLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#45474e', triggerColor : '#45474e', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script> <script type="text/javascript"> document.addEventListener('wpcf7mailsent', function(event) { if ('5665' == event.detail.contactFormId) { jQuery('#subscribePopUp').modal('show'); } }, false); </script>  <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/8132059.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <link rel='stylesheet' id='gform_basic-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/basic.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme-components.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme-ie11.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme.min.css' type='text/css' media='all' /> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0","ajaxurl":"https:\/\/www.spinxdigital.com\/wp\/wp-admin\/admin-ajax.php","nonce":"d56e803157"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after"> /* <![CDATA[ */ (function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery); /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/hoverIntent.min.js" id="hoverIntent-js"></script> <script type="text/javascript" id="megamenu-js-extra"> /* <![CDATA[ */ var megamenu = {"timeout":"300","interval":"100"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/megamenu/js/maxmegamenu.js" id="megamenu-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/regenerator-runtime.min.js" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/dom-ready.min.js" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/a11y.min.js" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/js/jquery.json.min.js" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"12eaa72e0bf35640be152dbe668059aa","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"12eaa72e0bf35640be152dbe668059aa","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/js/gravityforms.min.js" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/utils.min.js" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/vendor-theme.min.js" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"12eaa72e0bf35640be152dbe668059aa"}}},"hmr_dev":"","public_path":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/scripts-theme.min.js" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/gravityformsrecaptcha/js/frontend.min.js" id="gforms_recaptcha_frontend-js"></script> <script defer type="text/javascript" src="https://www.spinxdigital.com/app/plugins/akismet/_inc/akismet-frontend.js" id="akismet-frontend-js"></script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 19) {(function($){ $('.stick_container .form-control .ginput_container input').on('focus', function() { $(this).parent().parent().addClass('active'); }).blur(); $('.stick_container .form-control .ginput_container input').focusout(function() { if (!$(this).val()) { $(this).parent().parent().removeClass('active'); } else { $(this).parent().parent().addClass('active'); } }).focusout(); })(jQuery);} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "19", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_19" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_19"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_19" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [19, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 19, 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 type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 9) {(function($){ $('.stick_container .form-control .ginput_container input').on('focus', function() { $(this).parent().parent().addClass('active'); }).blur(); $('.stick_container .form-control .ginput_container input').focusout(function() { if (!$(this).val()) { $(this).parent().parent().removeClass('active'); } else { $(this).parent().parent().addClass('active'); } }).focusout(); })(jQuery);} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "9", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_9" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_9"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_9" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [9, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 9, 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>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div> </body> </html>

CINXE.COM

Web Design & Development Case Studies | SPINX Digital