CINXE.COM

<!DOCTYPE html><html data-wf-domain="%%PUBLISH_URL_REPLACEMENT%%" data-wf-page="619bb3b1ab4f083fa89deaee" data-wf-site="619bb3b1ab4f0850a59deaea" data-wf-status="1" lang="en"><head><meta charset="utf-8"/><title>Not Found - Branding X - Webflow Ecommerce website template</title><meta content="Branding X is our ultimate agency Webflow Template designed for top-notch creative agencies looking to launch an amazing website as easy as 1, 2, 3." name="description"/><meta content="Not Found - Branding X - Webflow Ecommerce website template" property="og:title"/><meta content="Branding X is our ultimate agency Webflow Template designed for top-notch creative agencies looking to launch an amazing website as easy as 1, 2, 3." property="og:description"/><meta content="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/61b15f14eb967deea3dd97a3_branding-x-webflow-template-open-graph-brix.png" property="og:image"/><meta content="Not Found - Branding X - Webflow Ecommerce website template" property="twitter:title"/><meta content="Branding X is our ultimate agency Webflow Template designed for top-notch creative agencies looking to launch an amazing website as easy as 1, 2, 3." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/61b15f14eb967deea3dd97a3_branding-x-webflow-template-open-graph-brix.png" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/css/brandingtemplate.webflow.d61570370.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["DM Sans:regular,500,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619bb894ae992c5639378b80_branding-x-template-favicon.svg" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619bb896bb2a7fe8b1d5665a_branding-x-template-webclip.svg" rel="apple-touch-icon"/><style> .w-webflow-badge{ display:none !important; } </style><script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script></head><body><div data-w-id="77340849-4c85-3642-b344-64ad68a0e6b3" data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="header w-nav"><div class="container-default w-container"><div class="header-wrapper"><div class="split-content"><a href="/home" class="brand w-nav-brand"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619bc5fdd3595963382db308_branding-x-template-logo.svg" loading="eager" alt="Branding X Webflow Template - Logo" class="header-logo"/></a></div><div class="split-content navbar-right"><div data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-type="modal" data-wf-cart-query="" data-wf-page-link-href-prefix="" class="w-commerce-commercecartwrapper cart"><a href="#" data-node-type="commerce-cart-open-link" class="w-commerce-commercecartopenlink cart-button-navbar w-inline-block" role="button" aria-haspopup="dialog" aria-label="Open cart"><div class="w-inline-block">Cart (</div><div class="w-commerce-commercecartopenlinkcount cart-quantity-2">0</div><div class="w-inline-block">)</div></a><div data-node-type="commerce-cart-container-wrapper" style="display:none" class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-modal"><div data-node-type="commerce-cart-container" role="dialog" class="w-commerce-commercecartcontainer"><div class="w-commerce-commercecartheader"><h4 class="w-commerce-commercecartheading">Your Cart</h4><a href="#" data-node-type="commerce-cart-close-link" class="w-commerce-commercecartcloselink w-inline-block" role="button" aria-label="Close cart"><svg width="16px" height="16px" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill-rule="nonzero" fill="#333333"><polygon points="6.23223305 8 0.616116524 13.6161165 2.38388348 15.3838835 8 9.76776695 13.6161165 15.3838835 15.3838835 13.6161165 9.76776695 8 15.3838835 2.38388348 13.6161165 0.616116524 8 6.23223305 2.38388348 0.616116524 0.616116524 2.38388348 6.23223305 8"></polygon></g></g></svg></a></div><div class="w-commerce-commercecartformwrapper"><form data-node-type="commerce-cart-form" style="display:none" class="w-commerce-commercecartform"><script type="text/x-wf-template" id="wf-template-8558d8c8-905b-7871-c4d7-3c08e884bdd8"></script><div class="w-commerce-commercecartlist cart-list" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-8558d8c8-905b-7871-c4d7-3c08e884bdd8"></div><div class="w-commerce-commercecartfooter cart-footer"><div aria-live="" aria-atomic="false" class="w-commerce-commercecartlineitem"><div>Subtotal</div><div class="w-commerce-commercecartordervalue"></div></div><div><div data-node-type="commerce-cart-quick-checkout-actions" style="display:none"><a role="button" tabindex="0" aria-haspopup="dialog" aria-label="Apple Pay" data-node-type="commerce-cart-apple-pay-button" style="background-image:-webkit-named-image(apple-pay-logo-white);background-size:100% 50%;background-position:50% 50%;background-repeat:no-repeat" class="w-commerce-commercecartapplepaybutton apple-button-cart" tabindex="0"><div></div></a><a role="button" tabindex="0" aria-haspopup="dialog" data-node-type="commerce-cart-quick-checkout-button" style="display:none" class="w-commerce-commercecartquickcheckoutbutton"><svg class="w-commerce-commercequickcheckoutgoogleicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><polygon id="google-mark-a" points="0 .329 3.494 .329 3.494 7.649 0 7.649"></polygon><polygon id="google-mark-c" points=".894 0 13.169 0 13.169 6.443 .894 6.443"></polygon></defs><g fill="none" fill-rule="evenodd"><path fill="#4285F4" d="M10.5967,12.0469 L10.5967,14.0649 L13.1167,14.0649 C14.6047,12.6759 15.4577,10.6209 15.4577,8.1779 C15.4577,7.6339 15.4137,7.0889 15.3257,6.5559 L7.8887,6.5559 L7.8887,9.6329 L12.1507,9.6329 C11.9767,10.6119 11.4147,11.4899 10.5967,12.0469"></path><path fill="#34A853" d="M7.8887,16 C10.0137,16 11.8107,15.289 13.1147,14.067 C13.1147,14.066 13.1157,14.065 13.1167,14.064 L10.5967,12.047 C10.5877,12.053 10.5807,12.061 10.5727,12.067 C9.8607,12.556 8.9507,12.833 7.8887,12.833 C5.8577,12.833 4.1387,11.457 3.4937,9.605 L0.8747,9.605 L0.8747,11.648 C2.2197,14.319 4.9287,16 7.8887,16"></path><g transform="translate(0 4)"><mask id="google-mark-b" fill="#fff"><use xlink:href="#google-mark-a"></use></mask><path fill="#FBBC04" d="M3.4639,5.5337 C3.1369,4.5477 3.1359,3.4727 3.4609,2.4757 L3.4639,2.4777 C3.4679,2.4657 3.4749,2.4547 3.4789,2.4427 L3.4939,0.3287 L0.8939,0.3287 C0.8799,0.3577 0.8599,0.3827 0.8459,0.4117 C-0.2821,2.6667 -0.2821,5.3337 0.8459,7.5887 L0.8459,7.5997 C0.8549,7.6167 0.8659,7.6317 0.8749,7.6487 L3.4939,5.6057 C3.4849,5.5807 3.4729,5.5587 3.4639,5.5337" mask="url(#google-mark-b)"></path></g><mask id="google-mark-d" fill="#fff"><use xlink:href="#google-mark-c"></use></mask><path fill="#EA4335" d="M0.894,4.3291 L3.478,6.4431 C4.113,4.5611 5.843,3.1671 7.889,3.1671 C9.018,3.1451 10.102,3.5781 10.912,4.3671 L13.169,2.0781 C11.733,0.7231 9.85,-0.0219 7.889,0.0001 C4.941,0.0001 2.245,1.6791 0.894,4.3291" mask="url(#google-mark-d)"></path></g></svg><svg class="w-commerce-commercequickcheckoutmicrosofticon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="none" fill-rule="evenodd"><polygon fill="#F05022" points="7 7 1 7 1 1 7 1"></polygon><polygon fill="#7DB902" points="15 7 9 7 9 1 15 1"></polygon><polygon fill="#00A4EE" points="7 15 1 15 1 9 7 9"></polygon><polygon fill="#FFB700" points="15 15 9 15 9 9 15 9"></polygon></g></svg><div>Pay with browser.</div></a></div><a href="/checkout" value="Continue to Checkout" data-node-type="cart-checkout-button" class="w-commerce-commercecartcheckoutbutton button-primary cart-button" data-loading-text="Hang Tight...">Continue to Checkout</a></div></div></form><div class="w-commerce-commercecartemptystate cart-empty-state"><div>No items found.</div><a href="#" class="button-primary small cart-button w-button">Go to packages</a></div><div aria-live="" style="display:none" data-node-type="commerce-cart-error" class="w-commerce-commercecarterrorstate empty-state cart-message"><div class="w-cart-error-msg" data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">Product is not available in this quantity.</div></div></div></div></div></div><div class="menu-button w-nav-button"><div class="menu-button-lines-wrapper"><div class="menu-button-line-top"></div><div class="menu-button-line-bottom"></div></div></div><nav role="navigation" class="nav-menu w-nav-menu"><div class="container-default w-container"><div class="wrapper nav-menu-content-wrapper"><div class="nav-column left"><div class="title nav-menu-title">Pages</div><div class="nav-wrapper"><ul role="list" class="nav-menu-list w-list-unstyled"><li class="footer-nav-item"><a href="/home" class="nav-link">Home</a></li><li class="footer-nav-item"><a href="/about" class="nav-link">About</a></li><li class="footer-nav-item"><a href="/blog" class="nav-link">Blog</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/post/the-difference-between-ux-ui-design-a-simple-guide-for-beginners" class="nav-link">Blog post</a></li><li class="footer-nav-item"><a href="/portfolio" class="nav-link">Portfolio</a></li><li class="footer-nav-item last"><a href="https://brandingtemplate.webflow.io/projects/brand-identity-for-haus" class="nav-link">Portfolio single</a></li></ul><ul role="list" class="nav-menu-list last w-list-unstyled"><li class="footer-nav-item"><a href="/packages" class="nav-link">Packages</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/product/logo-brand-identity" class="nav-link">Packages single</a></li><li class="footer-nav-item"><a href="/contact" class="nav-link">Contact</a></li><li class="footer-nav-item last"><a href="https://brandingtemplate.webflow.io/team-member/sophie-moore" class="nav-link">Team member</a></li></ul></div></div><div class="nav-column right"><div class="title nav-menu-title">Utility Pages</div><div class="nav-wrapper"><ul role="list" class="nav-menu-list last w-list-unstyled"><li class="footer-nav-item"><a href="/utility-pages/start-here" class="nav-link">Start Here</a></li><li class="footer-nav-item"><a href="/utility-pages/style-guide" class="nav-link">Style guide</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/404" class="nav-link">404 Not Found</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/401" class="nav-link">Password Protected</a></li><li class="footer-nav-item"><a href="/utility-pages/licenses" class="nav-link">Licenses</a></li><li class="footer-nav-item"><a href="/utility-pages/changelog" class="nav-link">Changelog</a></li><li class="footer-nav-item last"><a href="https://brixtemplates.com/more-webflow-templates" class="nav-link special">Browse More Templates</a></li></ul></div></div></div></div></nav></div></div></div></div><section class="utility-page-wrap _404"><div data-w-id="5e86adabd2a28d2afbf80eae00000000000b" style="-webkit-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="utility-page-content-404 w-form"><div class="wrapper _404"><div class="_404-title">404</div><h2>Page Not Found</h2><p class="paragraph _404">Lorem ipsum dolor sit amet consectetur adipiscing elit amet dolor tincidunt nunc nunc egestas</p><div class="wrapper _404-button"><a data-w-id="2ec6d4b4-e3ec-3099-d049-342c0f247c7f" href="/home" class="button-primary _2-buttons w-inline-block"><div class="inline">Back to home</div><div class="arrow-font button-arrow"><span class="arrow-font"> </span></div></a></div></div></div><div data-w-id="a4900412-07de-c56a-378e-7f85099341a0" style="-webkit-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="image-wrapper _404"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/61a4ef4a219f18881cbdcffe_404-bg-branding-x-template.svg" loading="eager" alt="" class="image _404-bg"/></div></section><div class="footer"><div class="container-default w-container"><div class="footer-content-wrapper"><div data-w-id="70caf8ce-99bb-3c80-e229-2c4944d553d5" class="split-content footer-left"><a href="/home" class="footer-logo-container w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619bc5fdd3595963382db308_branding-x-template-logo.svg" loading="eager" alt="Branding X Webflow Template - Logo" class="footer-logo"/></a><div class="links-wrapper contact-links"><a data-w-id="70caf8ce-99bb-3c80-e229-2c4944d553d9" href="mailto:contact@branding.com" class="link contact-footer-link mg-bottom-24px w-inline-block"><div><span class="color-primary-1">/</span>contact@branding.com</div><div class="arrow-font"><span class="arrow-font"> </span></div></a><a data-w-id="70caf8ce-99bb-3c80-e229-2c4944d553e1" href="tel:+1(414)480-3207" class="link contact-footer-link w-inline-block"><div><span class="color-primary-1">/</span>+1 (414) 840 - 3207</div><div class="arrow-font"><span class="arrow-font"> </span></div></a></div></div><div class="split-content footer-right"><div data-w-id="70caf8ce-99bb-3c80-e229-2c4944d553ea" class="footer-column"><div class="title footer-title">Pages</div><div class="footer-nav-wrapper"><ul role="list" class="footer-nav w-list-unstyled"><li class="footer-nav-item"><a href="/home" class="nav-link footer-link">Home</a></li><li class="footer-nav-item"><a href="/about" class="nav-link footer-link">About</a></li><li class="footer-nav-item"><a href="/blog" class="nav-link footer-link">Blog</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/post/the-difference-between-ux-ui-design-a-simple-guide-for-beginners" class="nav-link footer-link">Blog post</a></li><li class="footer-nav-item"><a href="/portfolio" class="nav-link footer-link">Portfolio</a></li><li class="footer-nav-item last"><a href="https://brandingtemplate.webflow.io/projects/brand-identity-for-haus" class="nav-link footer-link">Portfolio single</a></li></ul><ul role="list" class="footer-nav last w-list-unstyled"><li class="footer-nav-item"><a href="/packages" class="nav-link footer-link">Packages</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/product/logo-brand-identity" class="nav-link footer-link">Packages single</a></li><li class="footer-nav-item"><a href="/contact" class="nav-link footer-link">Contact</a></li><li class="footer-nav-item last"><a href="https://brandingtemplate.webflow.io/team-member/sophie-moore" class="nav-link footer-link">Team member</a></li></ul></div></div><div data-w-id="70caf8ce-99bb-3c80-e229-2c4944d5540e" class="footer-column last"><div class="title footer-title">Utility Pages</div><div class="footer-nav-wrapper"><ul role="list" class="footer-nav last w-list-unstyled"><li class="footer-nav-item"><a href="/utility-pages/start-here" class="nav-link footer-link">Start Here</a></li><li class="footer-nav-item"><a href="/utility-pages/style-guide" class="nav-link footer-link">Style guide</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/404" class="nav-link footer-link">404 Not Found</a></li><li class="footer-nav-item"><a href="https://brandingtemplate.webflow.io/401" class="nav-link footer-link">Password Protected</a></li><li class="footer-nav-item"><a href="/utility-pages/licenses" class="nav-link footer-link">Licenses</a></li><li class="footer-nav-item"><a href="/utility-pages/changelog" class="nav-link footer-link">Changelog</a></li><li class="footer-nav-item last"><a href="https://brixtemplates.com/more-webflow-templates" class="nav-link footer-link special">Browse More Templates</a></li></ul></div></div></div></div></div><div class="bg-other footer-bottom"><div class="container-default w-container"><div class="footer-bottom-content"><div data-w-id="70caf8ce-99bb-3c80-e229-2c4944d55428">Copyright © Branding X | Designed by <a href="https://brixtemplates.com/" target="_blank" class="link-hover">BRIX Templates</a> - Powered by <a href="https://webflow.com/" class="link-hover">Webflow</a></div><div data-w-id="70caf8ce-99bb-3c80-e229-2c4944d5542f" class="footer-social-media-grid"><a href="https://www.facebook.com/" class="footer-social-media-icon w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619c216c0a956153d2647fba_social-media-facebook-icon-branding-x-template.svg" loading="eager" alt="Facebook - Branding X Webflow Template"/></a><a href="https://www.twitter.com/" class="footer-social-media-icon w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619c216d9cca1c9d8b5096bf_social-media-twitter-icon-branding-x-template.svg" loading="eager" alt="Twitter - Branding X Webflow Template"/></a><a href="https://www.instagram.com/" class="footer-social-media-icon w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619c216cf2d086feebbfc031_social-media-instagram-icon-branding-x-template.svg" loading="eager" alt="Instagram - Branding X Webflow Template"/></a><a href="https://www.linkedin.com/" class="footer-social-media-icon w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619c216d911ac37baa03f647_social-media-linkedin-icon-branding-x-template.svg" loading="eager" alt="LinkedIn - Branding X Webflow Template"/></a><a href="https://www.youtube.com/" class="footer-social-media-icon w-inline-block"><img src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/619c224a32c6b093be7c957b_social-media-youtube-icon-branding-x-template.svg" loading="eager" alt="YouTube - Branding X Webflow Template"/></a></div></div></div></div></div><div><div data-w-id="c7f4d121-e8fd-4fd2-a077-17e4f15a775f" class="brix-badges-wrapper"><div class="more-templates-lottie-2" data-w-id="c7f4d121-e8fd-4fd2-a077-17e4f15a7760" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5e30f06b05f79621331ddc25/65dcea068e8dfd14eaed7b6f_Notification%20Dot.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.5" data-duration="0"></div><a href="https://brixtemplates.com/more-webflow-templates-b" target="_blank" class="more-templates-badge-wrapper w-inline-block"><div class="more-templates-logo-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/608e162a9175d0346094038b/67463b7d46e9fffa59a5ab2b_webflow-logo.png" alt="" class="more-templates-logo"/><img loading="lazy" src="https://cdn.prod.website-files.com/608e162a9175d0346094038b/67463b7d46e9fffa59a5ab2b_webflow-logo.png" alt="" class="more-templates-logo blur"/></div><div><p class="more-templates-p">Explore our collection of 200+ <span class="more-webflow-templates-sub">Premium Webflow Templates</span></p></div></a><a href="https://brixtemplates.com/template-customization?utm_source=webflow&utm_medium=template&utm_campaign=badge" target="_blank" class="more-templates-badge-wrapper customization w-inline-block"><div class="more-templates-logo-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/6749f355f658a85d8d2dfc8b_customize-your-webflow-template-brix-templates.png" alt="" class="more-templates-logo customize"/><img loading="lazy" src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/6749f355f658a85d8d2dfc8b_customize-your-webflow-template-brix-templates.png" alt="" class="more-templates-logo blur"/></div><div><p class="more-templates-p">Need to customize this template? <span class="more-webflow-templates-sub">Hire our Webflow team</span>!</p></div></a><div class="hidden-code w-embed w-script"><style> .more-templates-badge-wrapper { transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .more-templates-badge-wrapper.active { opacity: 1; transform: translateY(0) scale(1); z-index: 9991; } .more-templates-badge-wrapper.next { opacity: 0.4; transform: translateY(11px) scale(0.9); z-index: 9990; } .more-templates-badge-wrapper.active:hover { transform: translateY(-3px) scale(1.02) translateX(-3px) rotate(1deg); } </style> <script> document.addEventListener('DOMContentLoaded', function() { const cards = document.querySelectorAll('.more-templates-badge-wrapper'); let currentIndex = 0; const ANIMATION_INTERVAL = 8000; // 8 seconds function updateCards() { cards.forEach((card, index) => { card.classList.remove('active', 'next'); if (index === currentIndex) { card.classList.add('active'); } else if (index === (currentIndex + 1) % cards.length) { card.classList.add('next'); } }); currentIndex = (currentIndex + 1) % cards.length; } // Initial state updateCards(); // Start the loop setInterval(updateCards, ANIMATION_INTERVAL); }); </script></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=619bb3b1ab4f0850a59deaea" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/619bb3b1ab4f0850a59deaea/js/webflow.bb364fb60.js" type="text/javascript"></script></body></html>