Los Angeles Web Design Company | SPINX Digital Agency

<!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'; </script> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>Los Angeles Web Design Company | SPINX Digital Agency</title>  <meta name="description" content="SPINX is No.1 Los Angeles Web Design & Web Development Company with over 18+ years of expertise as a website design agency for leading brands." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://www.spinxdigital.com/" /> <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="website" /> <meta property="og:title" content="Los Angeles Web Design Company | SPINX Digital Agency" /> <meta property="og:description" content="SPINX is No.1 Los Angeles Web Design & Web Development Company with over 18+ years of expertise as a website design agency for leading brands." /> <meta property="og:url" content="https://www.spinxdigital.com/" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Los Angeles Web Design Company | SPINX Digital Agency" /> <meta name="twitter:description" content="SPINX is No.1 Los Angeles Web Design & Web Development Company with over 18+ years of expertise as a website design agency for leading brands." /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","url":"https:\/\/www.spinxdigital.com\/","contactPoint":[{"@type":"ContactPoint","email":"hello@spinxdigital.com","telephone":"213.894.9933","contactType":"customer service"}]},{"@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\/#organizationLogo","width":264,"height":64},"image":{"@id":"https:\/\/www.spinxdigital.com\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/www.spinxdigital.com\/#webpage","url":"https:\/\/www.spinxdigital.com\/","name":"Los Angeles Web Design Company | SPINX Digital Agency","description":"SPINX is No.1 Los Angeles Web Design & Web Development Company with over 18+ years of expertise as a website design agency for leading brands.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.spinxdigital.com\/#website"},"datePublished":"2022-08-25T07:23:19+00:00","dateModified":"2024-11-07T09:41:23+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"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spinxdigital.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}}]} </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='home-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/home.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":"3a566783bc","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/22" /><link rel='shortlink' href='https://www.spinxdigital.com/' /> <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%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%2F&format=xml" /> <script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'request type not allowed' : 'hit'),pageType: 'home',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> <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" 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> </head> <body class="home page-template page-template-templates page-template-home page-template-templateshome-php page page-id-22 cookies-not-set mega-menu-main-menu twentyseventeen-front-page has-header-image page-two-column colors-light">  <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"> <a href="tel:213.894.9933">213.894.9933</a> </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-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/" 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-8-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-menu-columns-4-of-12 menu-industry-class' 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-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-18' id='mega-menu-item-18'><a class="mega-menu-link" href="https://www.spinxdigital.com/insights/" tabindex="0">Insights</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-20766' id='mega-menu-item-20766'><a class="mega-menu-link" href="https://www.spinxdigital.com/ebook/" tabindex="0">eBooks</a></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="hero-section"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/hp-desktop-gradiant.webp" height="857" width="904" class="d-none d-md-block hp-gradiant img-fluid" alt="Desktop gradiant image" fetchpriority="high"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/hp-mobile-gradiant.webp" height="636" width="671" class="d-block d-md-none hp-gradiant img-fluid" alt="Desktop gradiant image" fetchpriority="high"> <div class="container"> <div class="row"> <div class="col-12 col-xxl-9"> <div class="mask-wrapper"> <div class="svg-mask cfadeinup-hero hero-fade-up"> <video autoplay playsinline muted loop poster="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/hero-txt-img.jpg"> <source src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/hero-bg-video.mp4" /> <source src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/Hero.webm" /> </video> <svg width="975" height="280" viewBox="0 0 975 280" fill="none"> <defs> <clipPath id="text-path" clipPathUnits="objectBoundingBox" transform="scale(0.00104, 0.003550)"> <path d="M107.73 229.97C155.25 229.97 189.54 205.4 194.4 157.61H151.47C147.96 182.45 131.22 194.6 107.19 194.6C75.33 194.6 56.97 171.38 56.97 131.42V129.26C56.97 89.3 76.41 65.54 106.92 65.54C131.22 65.54 144.18 77.96 147.42 101.18H192.24C187.65 53.66 153.09 30.98 106.65 30.98C51.84 30.98 10.8 70.94 10.8 129.53V131.69C10.8 191.09 44.55 229.97 107.73 229.97ZM204.253 227H243.403V156.26C243.403 129.26 260.143 119.81 289.033 120.08V83.63C266.083 83.9 252.313 93.89 243.403 112.79V85.79H204.253V227ZM335.164 229.97C357.304 229.97 369.724 221.33 377.824 209.99V227H415.894V134.93C415.894 96.59 391.324 82.55 356.764 82.55C322.204 82.55 295.744 97.4 293.314 130.88H330.304C331.924 118.73 338.944 110.9 354.334 110.9C372.154 110.9 377.284 120.08 377.284 136.82V142.49H361.354C318.154 142.49 287.914 154.91 287.914 187.85C287.914 217.55 309.514 229.97 335.164 229.97ZM346.774 202.7C332.464 202.7 326.254 195.95 326.254 185.69C326.254 170.57 339.484 165.71 362.164 165.71H377.284V177.59C377.284 193.25 364.054 202.7 346.774 202.7ZM440.977 227H479.857V113.6H510.637V85.79H479.857V68.51C479.857 57.71 484.987 49.88 497.407 49.88C503.077 49.88 507.937 50.96 511.717 52.31V22.88C505.507 20.99 499.837 20.18 491.467 20.18C460.147 20.18 440.977 36.65 440.977 69.59V85.79H422.347V113.6H440.977V227ZM572.58 229.7C583.11 229.7 590.94 227.81 596.34 225.92V195.68C591.75 197.57 587.43 198.38 581.49 198.38C571.5 198.38 565.83 192.98 565.83 181.64V113.6H595.53V85.79H565.83V55.28H526.95V85.79H508.86V113.6H526.95V185.15C526.95 214.58 542.88 229.7 572.58 229.7ZM608.868 227H647.748V85.79H608.868V227ZM628.038 66.62C640.728 66.62 650.448 57.44 650.448 45.29C650.448 33.14 640.728 23.96 628.038 23.96C615.618 23.96 605.898 33.14 605.898 45.29C605.898 57.44 615.618 66.62 628.038 66.62ZM668.725 227H707.875V145.46C707.875 124.67 720.565 114.41 737.305 114.41C754.585 114.41 762.145 123.59 762.145 142.76V227H801.295V137.09C801.295 99.29 781.585 82.55 753.775 82.55C730.285 82.55 714.895 94.16 707.875 108.2V85.79H668.725V227ZM882.479 279.11C928.919 279.11 956.729 257.78 956.999 215.93V85.79H918.119V106.85C910.019 92.54 896.249 82.55 873.299 82.55C838.199 82.55 811.199 110.9 811.199 151.4V153.29C811.199 195.14 838.469 220.79 872.759 220.79C893.549 220.79 910.289 208.37 918.119 194.6V215.93C918.119 238.07 906.239 250.49 882.479 250.49C862.499 250.49 853.589 242.39 851.159 229.97H812.279C816.059 259.13 836.849 279.11 882.479 279.11ZM884.369 191.36C864.929 191.36 851.159 176.78 851.159 153.29V151.13C851.159 127.91 863.309 112.25 885.179 112.25C906.509 112.25 919.199 126.83 919.199 150.86V152.75C919.199 176.78 904.889 191.36 884.369 191.36Z" fill="black"/> </clipPath> </defs> </svg> </div> </div> <h2 class="cfadeinup-hero-sub hero-sub-fade-up h1">Immersive Digital Stories </br>Through Technology</h2> </div> </div> </div> </section> <section class="hp-intro-one"> <div class="container"> <div class="row"> <div class="col-lg-3 d-none d-lg-block order-2 order-lg-1" data-scroll-speed="10"> <img src="https://www.spinxdigital.com/app/uploads/2024/08/image-intro1.webp" title="image-intro1" class="img-fluid" alt="" width="294" height="308" /> </div> <div class="col-lg-9 col-xl-8 hp-intro-inner order-1 order-lg-2"> <div class="d-block h2"> <p class="d-inline h2">We are a </p> <h1 class="d-inline h2">web design company in Los Angeles</h1> </div> <h3>At SPINX Digital, our team of innovators and digital marketers in tech and design bring skills above and beyond the ordinary to every project.</h3> </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-w3-green.svg" class="img-fluid" title="Quinn Emanuel" alt="Quinn Emanuel" 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-davey-green.svg" class="img-fluid" title="The California Endowment" alt="The California Endowment" 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-casestudy eye-link-icon hp-featured"> <div class="container"> <div class="row"> <div class="col-12"> <div class="casestudy-title text-end"> <h2 class="h1 wow cfadeinup-inner-hero">Featured Projects</h2> </div> </div> </div> </div> <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_0"> <div class="casestudy-title"> <span>StemWave Medical Device Website Redesign & Development</span> <h3>Medical Device Website Redesign Rejuvenates & Transforms Online Brand Image</h3> </div> </div> <div class="col-lg-7 col-xxl-8 order-1 order-lg-2"> <a href="https://www.spinxdigital.com/stemwave-webdesign-casestudy/" class="stretched-link"><span class="d-none">Case Study</span></a> <div class="casestudy-image" style="background-color: #09101b ;"> <div class="casestudy-image-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="" 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_1"> <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="" 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_2"> <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="" height="500" width="740" /> </div> </div> </div> </div> </div> </div> </div> <div class="container wow cfadeinup"> <div class="row"> <div class="col-12 text-end"> <a href="https://www.spinxdigital.com/work/" class="btn-link btn-link-white"><span>See More Work</span></a> </div> </div> </div> </section>  <section class="hp-we-are we-are"> <div class="container"> <div class="row"> <div class="col-lg-8 col-xl-7"> <div class="col-md-5 col-lg-9 wow cfadeinup-inner-hero"> <h2 class="hero-heading gradient-title5">We are</h2> </div> <div class="col-12 wow cfadeinup-inner-sub"> <h3 class="h2">Creative Designers, Insightful Strategists, and Exceptional Engineers</h3> </div> <div class="we-text"> <p>We are SPINX Digital in Los Angeles and as innovators in creative website design & digital marketing, we build awesome digital masterpieces!<p> </div> </div> <div class="col-lg-4 col-xl-4 ms-auto wow cfadeinup-inner-sub stats-block"> <div class="statistics"> <span class="h2 d-block">18+</span> <span class="body-large d-block">Years in business</span> </div> <div class="statistics"> <span class="h2 d-block">250+</span> <span class="body-large d-block">Websites & projects launched</span> </div> <div class="statistics"> <span class="h2 d-block">30+</span> <span class="body-large d-block">Awards & recognition</span> </div> </div> </div> </div> </section> <section class="we-are-listing"> <div class="container"> <h4>What makes us one of the top rated <a href="https://www.spinxdigital.com/guides/best-website-design-companies/">web design companies</a>?</h4> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-1.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">Longevity</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>Born and bred in Los Angeles since 2004, SPINX Digital is highly respected in the industry and is a step ahead amongst the top websites and <a href="https://www.spinxdigital.com/guides/mobile-app-development-companies/">mobile application development companies.</a></span> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-2.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">Web Dev & Design Focus</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>SPINX Digital is known for it's expert web development services and creative design concepts. Our mainstay web design services will set your website apart from all of the other competition online.</span> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-3.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">Breathtaking Design</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>One thing that set us apart is our approach to design. We take pride in developing design elements that are flexible, dynamic, and responsive, all while maintaining the highest of industry standards.</span> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-4.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">On-Brand Experiences</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>At SPINX Digital - branding is our business, and as one of the best <a href=" https://www.spinxdigital.com/guides/branding-agencies/"> branding agency</a>, we take care of your brand development and integration. We have helped hundreds of brands exceed their web design requirements by delivering versatility through web design elements and features.</span> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-5.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">One-Of-A-Kind Solutions</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>Our team of web designers at SPINX Digital excel at creating customized comprehensive design solutions for every single client we serve.</span> </div> </div> </div> <div class="hover-reveal-effect canvas-reveal wow cfadeinup" data-src="https://www.spinxdigital.com/app/uploads/2024/08/image-abouthover-6.webp" data-alt=""> <div class="row hover-row"> <div class="col-xl-5 col-lg-6 desc-title"> <h3 class="h2">Partnership & Collaboration</h3> </div> <div class="col-xl-5 col-lg-6 desc-text"> <span>You can expect to receive clear and transparent communication from the beginning of your web design project through til its' completion. And once your project has launched, we are here to support your continued success online with our web maintenance services, available by request.</span> </div> </div> </div> </div> </section>  <section class="hp-client-wrap client-wrap brand-logos"> <div class="client-title"> <div class="container"> <div class="row"> <div class="wow cfadeinup col-xl-6 mb-4 mb-lg-5 mb-xl-0"> <h2 class="h1 gradient-title2">Helping Brands Big and Small</h2> </div> <div class="wow cfadeinup col-xl-5 align-self-end ms-auto"> <p>We are proud to have some of the most well-known and respected corporate clients – but we love to help start-ups and new brands too.</p> </div> </div> </div> </div> <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="hp-our-expertise cmn-accordion"> <div class="container"> <div class="row"> <div class="col-xl-4 col-lg-5" id="stickyText"> <div class="acc-title sticky-lg-top"> <h5>OUR EXPERTISE</h5> <h3 class="wow cfadeinup-inner-hero gradient-title1 h2">We are innovators in creative web design in Los Angeles.</h3> </div> </div> <div class="col-lg-7 ms-auto wow cfadeinup-inner-sub"> <div class="accordion" id="accordionExample"> <div class="accordion-item faqs-open"> <h3 class="accordion-header" id="heading1"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">Discovery </button> </h3> <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p><p>A thorough discovery is at the core of every successful digital solution we craft. Understanding who you are building for and why you are building it is more important than the colors or technology you use. If you don't know these things first, the rest is pointless.</p> </p> <a href="https://www.spinxdigital.com/discovery/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> </div> </div> </div> </div> <div class="accordion-item "> <h3 class="accordion-header" id="heading2"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Strategy & Planning </button> </h3> <div id="collapse2" class="accordion-collapse collapse " aria-labelledby="heading2" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p><p>Strategy & planning is everything. The needs of digital consumers are not the same today as they were yesterday. We have the experience and knowledge needed to create a smart strategy for your business to solve your digital problems.</p> </p> <a href="https://www.spinxdigital.com/strategy-planning/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> </div> </div> </div> </div> <div class="accordion-item "> <h3 class="accordion-header" id="heading3"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Website Solutions </button> </h3> <div id="collapse3" class="accordion-collapse collapse " aria-labelledby="heading3" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p><p>Web design and development is our roots. Designing and developing for numerous screen sizes and devices takes precision, which is why our hand-crafted, innovative online solutions are second to none.</p> </p> <a href="https://www.spinxdigital.com/website-solutions/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> <div class="col-lg-6"> <h6 class="body-large">More</h6> <ul> <li><a href="https://www.spinxdigital.com/visual-design/" target="_blank"><span>Visual Design</span></a></li> <li><a href="https://www.spinxdigital.com/development/" target="_blank"><span>Development</span></a></li> <li><a href="https://www.spinxdigital.com/ecommerce/" target="_blank"><span>Ecommerce</span></a></li> <li><a href="https://www.spinxdigital.com/website-redesign-services/" target="_blank"><span>Website Redesign Services</span></a></li> <li><a href="https://www.spinxdigital.com/website-maintenance-services/" target="_blank"><span>Website Maintenance Services</span></a></li> </ul> </div> </div> </div> </div> </div> <div class="accordion-item "> <h3 class="accordion-header" id="heading4"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">Mobile Apps & Responsive Websites </button> </h3> <div id="collapse4" class="accordion-collapse collapse " aria-labelledby="heading4" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p>We are experts at delivering an engaging experience on mobile devices of all shapes and sizes. We know which best practices to follow and where we can push the envelope to deliver delight. </p> <a href="https://www.spinxdigital.com/app-development-company/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> </div> </div> </div> </div> <div class="accordion-item "> <h3 class="accordion-header" id="heading5"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">Enterprise CMS Solutions </button> </h3> <div id="collapse5" class="accordion-collapse collapse " aria-labelledby="heading5" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p>If you are looking for the power and efficiencies found with enterprise content management solutions, we can help. Our enterprise solutions enable you to leverage enterprise content management platforms for your business.</p> <a href="https://www.spinxdigital.com/enterprise-cms-solutions/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> <div class="col-lg-6"> <h6 class="body-large">More</h6> <ul> <li><a href="https://www.spinxdigital.com/drupal/" target="_blank"><span>Drupal Development</span></a></li> <li><a href="https://www.spinxdigital.com/sitecore/" target="_blank"><span>Sitecore Implementation & Consultation</span></a></li> <li><a href="https://www.spinxdigital.com/sitefinity/" target="_blank"><span>Sitefinity</span></a></li> <li><a href="https://www.spinxdigital.com/wordpress/" target="_blank"><span>WordPress</span></a></li> <li><a href="https://www.spinxdigital.com/adobe-experience-manager/" target="_blank"><span>An Award Winning Aem Development Agency</span></a></li> </ul> </div> </div> </div> </div> </div> <div class="accordion-item "> <h3 class="accordion-header" id="heading6"> <button class="" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">Digital Marketing </button> </h3> <div id="collapse6" class="accordion-collapse collapse " aria-labelledby="heading6" data-bs-parent="#accordionExample"> <div class="accordion-body"> <div class="row"> <div class="col-lg-6 mb-lg-0 mb-4"> <p><p>You've spent a lot of time and money getting your business to where it is today. Let us help you take your business to the next level with our digital marketing solutions. We'll make sure your company gets the exposure it needs to thrive.</p> </p> <a href="https://www.spinxdigital.com/online-marketing/" class="btn btn-link btn-black"><span>Learn More</span></a> </div> <div class="col-lg-6"> <h6 class="body-large">More</h6> <ul> <li><a href="https://www.spinxdigital.com/search-engine-optimization/" target="_blank"><span>Search Engine Optimization (SEO)</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="hp-client-wrap client-wrap technologies-logos"> <div class="client-title"> <div class="container"> <h3 class="wow cfadeinup-inner-hero h1 gradient-title9">We are experts in leading industry standard platforms & technologies.</h3> </div> </div> <div class="client-section client-label"> <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"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/client-magento.svg" title="client-magento" height="80" width="62" alt="Magento"></span> <span class="d-block">Magento</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-wordpress.svg" title="icon-wordpress" height="80" width="62" alt="Wordpress"></span> <span class="d-block">Wordpress</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-shopify.svg" title="icon-shopify" height="80" width="62" alt="Shopify"></span> <span class="d-block">Shopify</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/icon-umbraco.svg" title="icon-umbraco" height="80" width="62" alt="Umbraco"></span> <span class="d-block">Umbraco</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/microsoft-net.svg" title="microsoft-net" height="80" width="62" alt="Microsoft .NET"></span> <span class="d-block">Microsoft .NET</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/Property-1Sitefinity-2.svg" title="Property 1=Sitefinity" height="80" width="62" alt="Progress Sitefinity"></span> <span class="d-block">Progress Sitefinity</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/client-magento.svg" title="client-magento" height="80" width="62" alt="Magento"></span> <span class="d-block">Magento</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-wordpress.svg" title="icon-wordpress" height="80" width="62" alt="Wordpress"></span> <span class="d-block">Wordpress</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-shopify.svg" title="icon-shopify" height="80" width="62" alt="Shopify"></span> <span class="d-block">Shopify</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/icon-umbraco.svg" title="icon-umbraco" height="80" width="62" alt="Umbraco"></span> <span class="d-block">Umbraco</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/microsoft-net.svg" title="microsoft-net" height="80" width="62" alt="Microsoft .NET"></span> <span class="d-block">Microsoft .NET</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/Property-1Sitefinity-2.svg" title="Property 1=Sitefinity" height="80" width="62" alt="Progress Sitefinity"></span> <span class="d-block">Progress Sitefinity</span> </div> </div> </div> </div> <div class="client-section dark-bg client-label"> <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"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/Shape.png" title="Shape" height="80" width="62" alt="Drupal"></span> <span class="d-block">Drupal</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-sitecore.svg" title="icon-sitecore" height="80" width="62" alt="Sitecore"></span> <span class="d-block">Sitecore</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-kentico.svg" title="icon-kentico" height="80" width="62" alt="Kentico"></span> <span class="d-block">Kentico</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-react.svg" title="icon-react" height="80" width="62" alt="React JS"></span> <span class="d-block">React JS</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-apple.svg" title="icon-apple" height="80" width="62" alt="Apple iOS"></span> <span class="d-block">Apple iOS</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-android.svg" title="icon-android" height="80" width="62" alt="Android"></span> <span class="d-block">Android</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2023/01/Shape.png" title="Shape" height="80" width="62" alt="Drupal"></span> <span class="d-block">Drupal</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-sitecore.svg" title="icon-sitecore" height="80" width="62" alt="Sitecore"></span> <span class="d-block">Sitecore</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-kentico.svg" title="icon-kentico" height="80" width="62" alt="Kentico"></span> <span class="d-block">Kentico</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-react.svg" title="icon-react" height="80" width="62" alt="React JS"></span> <span class="d-block">React JS</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-apple.svg" title="icon-apple" height="80" width="62" alt="Apple iOS"></span> <span class="d-block">Apple iOS</span> </div> <div class="client-block d-flex justify-content-center align-items-center flex-column"> <span class="img-wrapper"><img class="" src="https://www.spinxdigital.com/app/uploads/2022/09/icon-android.svg" title="icon-android" height="80" width="62" alt="Android"></span> <span class="d-block">Android</span> </div> </div> </div> </div> <div class="client-title client-content-btm"> <div class="container"> <div class="row"> <div class="col-lg-10 col-xl-6 client-wrap-heading"> <p>We've spent almost 2 decades in web design, and have crafted creative web design solutions using a wide variety of platforms.</p> <a href="https://www.spinxdigital.com/enterprise-cms-solutions/" class="btn-link btn-link-white"><span>Which platform is right for you?</span></a> </div> </div> </div> </div> </section>  <section class="hp-award-recognition"> <div class="container"> <div class="row"> <div class="col-lg-9"> <h2 class="wow cfadeinup-inner-hero h1 gradient-title9">Awards & Recognition</h2><h4>Unveiling our achievements as a distinguished web design agency in Los Angeles. We've garnered attention for our exceptional work, solidifying our reputation as leaders in the field.</h4> </div> </div> <div id="content-row" class="row g-lg-0"> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/09/award-logo-1.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We enhanced BEGA’s website with an exquisite design and robust functionality that perfectly compliments their innovative architectural lighting.</p> <ul> <li><strong>Awwwards.com</strong>– Honorable Mention</li> <li><strong>W3 Awards</strong>– Gold Award Winner</li> <li><strong>Web Marketing Association</strong>– Outstanding Website</li> <li><strong>Davey Awards</strong>– Gold Award Winner</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/10/spinx2.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We embarked on a journey to rethink our own website and better position our web design agency. It was a fun project where we were able to let our creative juices flow unhindered and are extremely proud of the final results.</p> <ul> <li><strong>W3 Awards</strong> – Silver Award in Websites for Website Redesign</li> <li><strong>Awwwards.com</strong> – Honorable Mention</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/09/award-logo-2.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We created a modern and approachable website for The California Endowment that conveys their mission in a transparent manner, helping them to achieve a more significant impact than ever before.</p> <ul> <li><strong>W3 Awards</strong>– Gold Award Winner</li> <li><strong>Davey Awards</strong>– Silver Award Winner</li> <li><strong>NYX Marcom Awards</strong>– Silver Award Winner</li> <li><strong>Vega Digital Awards</strong>– Silver Award Winner</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2024/05/stemwave_logo_2.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We performed a website overhaul to cement StemWave’s reputation as the premier provider of shockwave therapy medical devices.</p> <ul> <li><strong>NYX Awards</strong> – Gold in Technology / Science Websites</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/10/willkie2.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We engaged in a website redesign and an enterprise CMS update, meticulously crafting a striking new website that eloquently embodies the legal excellence the law firm is known for.</p> <ul> <li><strong>W3 Awards</strong> – Silver Award in Websites for Law and Legal Services</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/10/lapd2.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We delivered a world-class website for the Los Angeles Police Department, setting them up with an online presence that will serve them and the residents of Los Angeles for years to come.</p> <ul> <li><strong>Internet Advertising Competition Awards </strong>– Best Government Website</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/09/award-logo-4.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We crafted a website with intentionality for the law firm Quinn Emanuel that embodies and strategically showcases their renowned track record.</p> <ul> <li><strong>Davey Awards </strong>– Gold Award Winner Websites: Law category</li> <li><strong>Webby Awards </strong>– Webby Honoree in the Websites: Law category</li> <li><strong>Interactive Media Awards </strong>– Best in Class Award</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/09/award-logo-5.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We developed a website that illuminates the expertise and leadership of the General Electric Healthcare Consulting Group.</p> <ul> <li><strong>Horizon Interactive Awards </strong>– Gold in Websites – Corporate & B2B</li> <li><strong>Indigo Design Award </strong>– Bronze in Website Design</li> <li><strong>Communicator Awards </strong>– The 24th Annual Communicator Award of Excellence for Websites</li> </ul> </div> </div> <div class="col-lg-6 pb-5 content-block"> <hr class="mt-0"> <div class="hp-award-img"> <img src="https://www.spinxdigital.com/app/uploads/2023/09/award-logo-6.svg" class="img-fluid" alt="" width="153" height="106" /> </div> <div class="hp-award-content"> <p>We completed a sophisticated ecommerce redesign tailored to accommodate the personalized configurations offered with Lavi’s product line.</p> <ul> <li><strong>Marcom Gold Award </strong>– Business to Business Category</li> <li><strong>Hermes Creative Awards </strong>– Gold Award in Website Design, B2B & Corporate Websites</li> <li><strong>Communicator Awards </strong>– Award of Distinction for Websites</li> </ul> </div> </div> </div> <div class="row g-lg-0"> <hr class="mb-0"> <div class="col-12 pt-4 mt-lg-3 view-btn"> <a id="viewMore" href="javascript:;" class="btn-link btn-link-white"><span>View More</span></a> <a id="viewLess" href="javascript:;" class="btn-link btn-link-white"><span>View Less</span></a> </div> </div> </div> </section>  <section class="hp-process cmn-hero-banner process-banner"> <div class="container"> <div class="row align-items-start"> <div class="col-lg-9"> <div class="wow cfadeinup-inner-hero hero-heading gradient-title10">Our Process </div> <h2 class="h2 wow cfadeinup-inner-sub">Guiding you from design to launch</h2> <div class="wow cfadeinup-inner-sub w-100"> <h4 class="h4 m-0">Our team of website experts will handle the entire development lifecycle of your project, from your website idea to the web development services needed to publishing.</h1> </div> </div> <div class="col-lg-3 d-flex justify-content-start justify-content-xl-end"> <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/2024/11/C_SPINX_Process_v4.mp4" loop playsinline="true" preload="none"></video> </div> <div class="text"> <span class="video-clip" data-text="PLAY VIDEO"></span> <span class="video-reels" style="background-image:url('https://www.spinxdigital.com/app/uploads/2024/08/video-reel.webp');"></span> </div> </div> </div> </div> </div> </div> </section> <section class="hp-v-acc v-accordian eye-link-icon"> <div class="wow cfadeinup container"> <div class="row"> <div class="col-12"> <div class="d-flex offer-tabs gx-0"> <div class="col offerItem active"> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Discovery</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <p>The first phase of a good web development project is Discovery. In short, it’s the process of learning.</p> <p>SPINX needs to learn as much as we can about you, your organization’s goals and users, and the required features and functionality of the site. With all this information in hand, we begin to lay the foundation for an optimal website.</p> <p>The Discovery phase will begin with information gathering. Conversations between our Project Management, User Experience and Development teams, and key stakeholders at your end, will further define the goals of the new website, determine the key user personas, and detail the desired functionality for the finished product.</p> </div> </div> </div> <div class="col offerItem "> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Strategy</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <h4>User Experience & Information Architecture</h4> <p>SPINX will use findings from the Discovery phase as the basis for strategy and suggestions for the site design.</p> <p>In this phase, we will make recommendations for the user experience and information architecture including a site map, core features and functionality, and how to display content in a way that is intuitive, engaging and achieves objectives.</p> </div> </div> </div> <div class="col offerItem "> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Design</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <p>In the third phase, the creative process will begin with a couple designs for a home page.</p> <p>We find that basic restraints in terms of color or typography give us the freedom to be very creative with background elements, imagery, spacing between page elements, and animations to help determine the desired look and feel for the website.</p> <p>Once the home page has been approved and the overarching look of the site is locked in, we will then design the remaining pages required for the site.</p> </div> </div> </div> <div class="col offerItem "> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Programming</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <p>SPINX will mark-up the approved creatives to HTML 5, CSS, JQuery, Angular/ React, among with a suitable programming language and test all code in the latest version of designated browsers. All websites we create are coded as responsive websites using the latest version of Bootstrap, and respond in a way that provides an optimized experience for visitors on mobile devices.</p> <p>The chosen content management system will also be integrated and customized to allow easy updates and management of site content after launch. In addition, our team can also help with content migration during this phase to ensure all content and assets are moved from any existing digital properties into the new site.</p> </div> </div> </div> <div class="col offerItem "> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Evaluation</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <p>Phase 5, one of the most critical steps, is where SPINX reviews all facets of the site prior to pushing it live.</p> <p>This includes review of all functionality and content. Reviewing all content to make sure all expectations have been met. modern tools for testing. After a thorough QA process, client is trained on the backend system and will have the opportunity to review and submit any bugs found during their QA process on a platform that is very easy to use tracking system.</p> <p>You will have complete insight into what bugs are being worked on, what are pending, which ones are ready to reviewed by your team and upon successful completion they can be moved into the completed bin.</p> </div> </div> </div> <div class="col offerItem "> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Launch</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> <p>With a launch plan in place, the final phase of the project is to launch the website publicly.</p> <p>This includes reviewing all files and confirming one last time that all content is as viewable, accurate and functional as it was on the development server.</p> <p>Once your new site is live (yay!), our team is available for ongoing website optimization and maintenance needs.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="hp-cta"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-5 mb-5 mb-lg-0"> <img src="https://www.spinxdigital.com/app/uploads/2024/08/image-divein-default-1.webp" alt="" width="522" height="560" class="img-fluid" /> </div> <div class="col-lg-7"> <h2>Are you looking for a website with a <span>fresh and modern user experience?</h2> <div class="w-100"> <p>Our Los Angeles website design agency is here to transform your digital space into an immersive journey. Reach out today and let's craft an online platform that leaves a lasting impression.</p> </div> <a href="https://www.spinxdigital.com/start-a-project/" class="btn btn-primary">Contact Us</a> </div> </div> </div> </section> <section class="hp-testimonials"> <div class="container"> <div class="row"> <div class="col-12"> <h2 class="wow cfadeinup-inner-hero hero-heading gradient-title9 mb-3">Testimonials</h2> </div> <div class="col-lg-9 body-large"> <p>Take a deep dive into the tales of triumph from our web design agency. Our clients enthusiastically recount their journeys, showcasing how our cutting-edge web design solutions have revolutionized their online platforms.</p> </div> <div class="col-lg-3 position-relative 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/2024/08/logo_combo@2x-1.webp" 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/2024/08/PhysiciansFormula-Logo-Simple-1-1.webp" 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/2024/08/SBFilterLogo-524w-1.webp" 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-learn-wrap cmn-reveal-spacing"> <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="wow cfadeinup hover-reveal-effect canvas-reveal" data-src="" data-alt="46 Award-Winning Best Website Designs in 2024"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Insight</span> <a href="https://www.spinxdigital.com/blog/best-website-design/" class="stretched-link">46 Award-Winning Best Website Designs in 2024</a> <div class="insight-tag"> <span>UX</span> <span>Web Development</span> <span>Website Redesign</span> </div> </div> </div> </div> <div class="wow cfadeinup hover-reveal-effect canvas-reveal" data-src="https://www.spinxdigital.com/app/uploads/2022/09/Image-Tutorials.webp" data-alt="25 Web Design Tutorials and Courses for Beginners to Expert Developers in 2024"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Insight</span> <a href="https://www.spinxdigital.com/blog/12-web-design-tutorials-in-2020/" class="stretched-link">25 Web Design Tutorials and Courses for Beginners to Expert Developers in 2024</a> <div class="insight-tag"> <span>Web Development</span> </div> </div> </div> </div> <div class="wow cfadeinup hover-reveal-effect canvas-reveal" data-src="https://www.spinxdigital.com/app/uploads/2022/11/image-webdesign1.webp" data-alt="Top Website Design Companies in Nov’24 – Choose the Best Web Design Company for your Digital Project"> <div class="row hover-row"> <div class="col-lg-10 desc-title"> <span>Guide</span> <a href="https://www.spinxdigital.com/guides/best-website-design-companies/" class="stretched-link">Top Website Design Companies in Nov’24 – Choose the Best Web Design Company for your Digital Project</a> </div> </div> </div> <div class="wow cfadeinup view-more-link"> <a href="https://www.spinxdigital.com/insights/" class="btn-link btn-link-white"><span>View More Insights</span></a> </div> </div> </section> <section class="trust-our-team"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-8 mb-lg-0 mb-4"> <h3 class="wow cfadeinup-inner-hero gradient-title8 h1 mb-4">Uniquely built for your brand</h3> <h4>Our team of web designers and developers at SPINX Digital excel at creating custom design solutions for every single client - no two sites are alike. Here's how we do it:</h4> </div> </div> </div> </section> <section class="v-accordian eye-link-icon about-v-accordian hp-v-accordion"> <div class="wow cfadeinup container"> <div class="row"> <div class="col-12"> <div class="d-flex offer-tabs gx-0"> <div class="col offerItem active"> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Connect</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> We believe the most effective connections are emotional. People know it when they feel it.</br></br> Our interactive web design agency in Los Angeles helps you connect with your audience in exciting and engaging ways. We focus on your success by defining your needs and achieving your goals. </div> <h3 class="image-title" style="background-image: url(https://www.spinxdigital.com/app/uploads/2024/08/connect-text-overlay.webp)">Connect</h3> </div> </div> <div class="col offerItem"> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Create</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> Our professional Los Angeles web design team collaborates to develop the best strategies and inspired solutions for your brand.</br></br> We leverage intelligence and technology as we create great experiences. Just like every brand is unique, every digital initiative needs to be a customized approach. </div> <h3 class="image-title" style="background-image: url(https://www.spinxdigital.com/app/uploads/2024/08/create-text-overlay.webp)">Create</h3> </div> </div> <div class="col offerItem"> <div class="v-accordian-header"> <div class="v-accordian-title"> <a href="javascript:;" class="offerItemTitle h4"><span>Evolve</span></a> </div> </div> <div class="offer-detail"> <div class="w-100 position-relative"> What matters to us is not just what we’ve done in the past, but what we’ll be doing next. We believe in looking towards the future with our clients.</br></br> Our creative digital agency in Los Angeles creates engaging and intuitive website designs to establish your online presence. We’ve found brands are like people; they need to breathe, grow and evolve. </div> <h3 class="image-title" style="background-image: url(https://www.spinxdigital.com/app/uploads/2024/08/evolve-text-overlay.webp)">Evolve</h3> </div> </div> </div> </div> </div> </div> </section> <section class="hp-hover-tabbing cmn-hover-tabbing eye-link-icon overflow-hidden"> <div class="container"> <div class="row align-items-center"> <div class="col-10 col-md-8 col-xl-6 col-xxl-5"> <div class="content-container"> <h2 class="wow cfadeinup-inner-hero hero-heading gradient-title2">Dive In</h2> <ul class="list-unstyled list-hover m-0 wow cfadeinup-inner-sub"> <li> <a href="https://www.spinxdigital.com/work/" class="btn btn-link" data-background="https://www.spinxdigital.com/app/uploads/2024/08/Image-OurWork.webp"><span>Our Work</span></a> </li> <li> <a href="https://www.spinxdigital.com/expertise/" class="btn btn-link" data-background="https://www.spinxdigital.com/app/uploads/2024/08/Image-OurExpertise.webp"><span>Our Expertise</span></a> </li> </ul> </div> </div> <div class="col-2 col-md-4 col-xl-6 col-xxl-7"> <div class="hover-img-container"> <img class="divImg default-img" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" height="877" title="image-divein-default" width="1559" style="background-image: url(https://www.spinxdigital.com/app/uploads/2024/08/image-divein-default.webp); opacity: 1;" /> <img class="divImg background-changer" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="" height="877" width="1559" style="opacity: 0; background-image: url();" /> </div> </div> </div> </div> </section>  <section class="start-project"> <div class="ft-logo-wrapper"> <a class="stretched-link start-a-project" href="https://www.spinxdigital.com/start-a-project/"> <span class="logo">Start a project</span> <span class="logo">Start a project</span> </a> <div class="project-start-title"> <h2 class="h1">Start a Project<span></span></h2> </div> </div> </section>  <a href="javascript:;" class="return-to-top" id="returnToTop"><i class="arrow-up"></i></a> <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/home.min.js"></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/channel/UCm7pctZnF88E8nyADxD323w" 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="Los Angeles Web Design Company | SPINX Digital Agency" height="24" width="100" /></a> <span>© 2024 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> <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"> <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_9' ><div id='gf_9' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_9' id='gform_9' action='/#gf_9' 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_14" class="gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_14" ><img alt="icon" height="81" width="81" class="icn-form" src="https://cdn-eahjn.nitrocdn.com/ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ/assets/images/optimized/rev-a40557e/www.spinxdigital.com/app/themes/spinxdigital/assets/images/exit-graphic.svg"> <h2>Unlock Your Free Homepage Audit</h2> <p>Our audit reveals if your site stands out, communicates value, and is easy to navigate — while uncovering ways to boost engagement, conversions, and security.</p></div><div id="field_9_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_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-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_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-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_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_9" 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_9_9" ><label class='gfield_label gform-field-label' for='input_9_9'>Your Website URL<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_9' id='input_9_9' type='text' 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 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'>Name</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_1" name="ak_js" value="97"/><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_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 */ jQuery(document).scrollTop(jQuery('#gform_wrapper_9').offset().top - mt); }, 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).scrollTop(jQuery('#gf_9').offset().top - mt);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> <script> /*** custom Exit intent popup ***/ $(document).ready(function() { $("#gform_12 #input_12_12").val(window.location.href); $("#gform_9 #input_9_13").val(window.location.href); $(document).on('mouseleave', function(e) { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined && !$('body').hasClass('modal-open')) { if (e.clientY < 0) { $('.stick_container').show(); $('body').addClass('exit-modal-open'); } } }); $('#close-popup').click(function() { $('.stick_container').hide(); $('body').removeClass('exit-modal-open'); }); $('.stick_close').click(function() { $('.stick_container').hide(); $('body').removeClass('exit-modal-open'); }); /*** Time interval popup ***/ /*var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined) { idleTimer = null; idleState = false; idleWait = 30000; $('*').bind(' mousemove keydown touchstart touchmove', function () { clearTimeout(idleTimer); idleState = false; idleTimer = setTimeout(function () { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined ) { $('.stick_container').show(); idleState = true; } }, idleWait); }); }*/ /*** On 30% scroll popup shows ***/ /*$(window).scroll(function () { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined) { var scrollPixel = $(window).scrollTop(); var htmlScrollPos = $('.page-wrapper').height() * 0.3; if (scrollPixel >= htmlScrollPos) { $('.stick_container').show(); } } });*/ $('#close_popup_form').click(function() { /* Calculate the expiration date for the cookie (1 day from now) */ var expirationDate = new Date(); /* expirationDate.setTime(expirationDate.getTime() + (60 * 1000)); */ expirationDate.setDate(expirationDate.getDate() + 1); /* expirationDate.getDate() + 1 expirationDate.getTime() + 30 * 1000 Set the cookie using jQuery Cookie */ $.cookie('exitintern_popup_form', '1', { expires: expirationDate,path: '/' }); }); floatingLabel(); }); /* Floting label */ function floatingLabel() { $('.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(); }; </script> <script> $(document).ready(function() { /* disable submit clicking more than one CF7 */ var disableSubmit = false; jQuery('button.insightsubmit').click(function() { if (disableSubmit == true) { return false; } disableSubmit = true; return true; }); document.addEventListener( 'wpcf7submit', function( event ) { disableSubmit = false; }, false ); }); </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":"2d0fc649d3"}; /* ]]> */ </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."}}; /* ]]> */ </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 == 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

Los Angeles Web Design Company | SPINX Digital Agency