| Dir : /home/distinctdesign/codenwebz.com/web-design-3/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/web-design-3/index.html |
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='css/normalize.min.css'>
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<!-- This site is optimized with the Yoast SEO plugin v27.0 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>New York Web Design Agency | e9digital (NYC)</title>
<meta name="description" content="Award-winning NYC web design for B2B and professional services. UX and development that drive leads. Get a quote today." />
<link rel='dns-prefetch' href='//player.vimeo.com' />
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='e9-ada-styles-css' href='css/ada.css' type='text/css' media='all' />
<link rel='stylesheet' id='e9custom-css' href='css/e9custom-public.css' type='text/css' media='all' />
<script type="text/javascript" src="js/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="js/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://player.vimeo.com/api/player.js" id="vimeo-player-sdk-js"></script>
<link rel="icon" href="img/favicon.png" sizes="192x192" />
<link rel="stylesheet" href="css/custom_font_spacegrotesk.css" />
<link rel="stylesheet" href="css/awesome-menu.css" />
<link rel="stylesheet" href="css/fancy-background.css" />
<link rel="stylesheet" href="css/posts.css" />
<link rel="stylesheet" href="css/entrance.css" />
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<link rel="stylesheet" href="css/breakdance-swiper-preset-defaults.css" />
<link rel="stylesheet" href="css/popups.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
<link rel="stylesheet" href="css/post-8933-defaults.css" />
<link rel="stylesheet" href="css/post-8845-defaults.css" />
<link rel="stylesheet" href="css/post-18275-defaults.css" />
<link rel="stylesheet" href="css/post-18213-defaults.css" />
<link rel="stylesheet" href="css/post-18216-defaults.css" />
<link rel="stylesheet" href="css/post-15528-defaults.css" />
<link rel="stylesheet" href="css/post-18115-defaults.css" />
<link rel="stylesheet" href="css/post-8885-defaults.css" />
<link rel="stylesheet" href="css/post-14337-defaults.css" />
<link rel="stylesheet" href="css/post-9029-defaults.css" />
<link rel="stylesheet" href="css/post-18152-defaults.css" />
<link rel="stylesheet" href="css/post-13721-defaults.css" />
<link rel="stylesheet" href="css/post-9666-defaults.css" />
<link rel="stylesheet" href="css/post-8888-defaults.css" />
<link rel="stylesheet" href="css/global-settings.css" />
<link rel="stylesheet" href="css/selectors.css" />
<link rel="stylesheet" href="css/post-8933.css" />
<link rel="stylesheet" href="css/post-8845.css" />
<link rel="stylesheet" href="css/post-18275.css" />
<link rel="stylesheet" href="css/post-18213.css" />
<link rel="stylesheet" href="css/post-18216.css" />
<link rel="stylesheet" href="css/post-15528.css" />
<link rel="stylesheet" href="css/post-18115.css" />
<link rel="stylesheet" href="css/post-8885.css" />
<link rel="stylesheet" href="css/post-14337.css" />
<link rel="stylesheet" href="css/post-9029.css" />
<link rel="stylesheet" href="css/post-18152.css" />
<link rel="stylesheet" href="css/post-13721.css" />
<link rel="stylesheet" href="css/post-9666.css" />
<link rel="stylesheet" href="css/post-8888.css" />
<!-- [/EOF HEADER ASSETS] -->
</head>
<body class="home wp-singular page-template-default page page-id-8845 wp-theme-breakdance-zero breakdance">
<header class="bde-header-builder-8933-100 bde-header-builder bde-header-builder--sticky bde-header-builder--sticky-scroll-slide">
<div class="bde-header-builder__container">
<div class="bde-div-8933-147 bde-div">
<a class="bde-container-link-8933-103 bde-container-link breakdance-link" href="/" target="_self" data-type="url">
<img class="bde-image2-8933-116 bde-image2" src="img/logo.png" alt="e9 digital logo" loading="lazy">
</a>
<div class="bde-div-8933-146 bde-div menu-flip-color">
<div class="bde-menu-8933-104 bde-menu">
<nav class="breakdance-menu breakdance-menu--collapse breakdance-menu--active-styles breakdance-menu--active-underline">
<button class="breakdance-menu-toggle breakdance-menu-toggle--squeeze" type="button" aria-label="Open Menu" aria-expanded="false" aria-controls="menu-104">
<span class="breakdance-menu-toggle-icon">
<span class="breakdance-menu-toggle-lines"></span>
</span>
</button>
<ul class="breakdance-menu-list" id="menu-104">
<li class="breakdance-menu-item-8933-145 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="/work" target="_self" data-type="url" >
Our Work
</a>
</li>
<li class="bde-button-8933-148 bde-button breakdance-menu-item">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/start-a-project" target="_self" data-type="url" >
<span class="button-atom__text">Discuss A Project</span>
</a>
</li>
<li class="breakdance-menu-item-8933-170 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="/partners" target="_self" data-type="url" >
Partner Inquiries
</a>
</li>
</ul>
</nav>
</div>
<div class="bde-code-block-8933-164 bde-code-block">
<div class="e9-tooltip-item" data-e9-tooltip>
<button
type="button"
class="e9-tooltip-trigger"
aria-describedby="tooltip-phone"
aria-controls="tooltip-phone"
aria-expanded="false"
>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.16 72">
<path d="M.29,18.53c.1-4.05,3.15-9.74,6.69-13.61,1.4-1.54,2.91-2.82,4.36-3.64,1.7-.96,3.37-1.33,4.87-.84,1.05.34,1.94,1.06,2.62,2.25l.02.04h0s.04.07.04.07l7.44,14.42c.07.14.38.85.62,1.43h0c.19.46.34.92.37,1.19.37,3.5-2.06,6.25-4.69,9.23-.68.77-1.38,1.56-2,2.34h0s0,0,0,0c-.06.07-.12.16-.15.24.94,1.98,1.86,3.6,2.88,5.11,1.06,1.57,2.25,3.08,3.71,4.79,1.46,1.71,2.75,3.13,4.14,4.42,1.33,1.25,2.79,2.41,4.59,3.66.09-.02.19-.06.27-.11.03-.02.06-.04.1-.05.84-.48,1.69-1.02,2.53-1.55,3.36-2.13,6.46-4.09,9.86-3.17.26.07.68.3,1.11.56.03.02.06.04.08.05.52.31,1.11.7,1.23.78l13.05,9.63.07.05s.09.08.14.12c.99.83,1.53,1.8,1.69,2.85.24,1.56-.39,3.16-1.61,4.68-1.04,1.3-2.55,2.58-4.29,3.72-4.39,2.88-10.48,4.99-14.5,4.44-5.43-.74-10.93-2.94-16.13-6.18-5.47-3.4-10.62-7.94-15.02-13.1-4.4-5.16-8.06-10.97-10.55-16.91C1.46,29.79.15,24.01.29,18.53h0ZM9.45,7.18c-3.08,3.38-5.74,8.17-5.82,11.44-.12,4.99,1.09,10.3,3.28,15.53,2.35,5.6,5.82,11.11,10.01,16.02,4.19,4.92,9.07,9.22,14.23,12.43,4.82,2.99,9.87,5.03,14.82,5.71,3.24.44,8.4-1.42,12.22-3.93,1.46-.96,2.7-1.99,3.51-3.01.64-.8.98-1.52.9-2.08-.04-.26-.2-.52-.51-.79l-.04-.03-.03-.02-13.05-9.63c-.08-.06-.54-.35-.97-.61-.03-.02-.06-.03-.08-.05-.22-.13-.17-.17-.26-.2-1.98-.54-4.49,1.04-7.19,2.76-.86.54-1.73,1.09-2.66,1.63-.03.02-.06.04-.09.06-.46.26-1.09.49-1.71.55-.66.07-1.34-.05-1.91-.44-2.03-1.39-3.67-2.7-5.19-4.12-1.52-1.42-2.89-2.92-4.41-4.69-1.51-1.78-2.77-3.37-3.93-5.1-1.16-1.73-2.19-3.55-3.24-5.78-.3-.63-.3-1.31-.13-1.95.16-.6.48-1.19.81-1.6h0c.7-.87,1.41-1.67,2.1-2.45,2.12-2.4,4.08-4.62,3.87-6.66-.03-.05-.07-.11-.09-.16-.02-.03-.04-.07-.06-.13h0s0-.01,0-.01c-.19-.48-.44-1.05-.48-1.14l-7.44-14.42-.02-.04h0c-.22-.37-.46-.59-.72-.67-.54-.17-1.31.05-2.19.56-1.13.65-2.35,1.7-3.53,3h0Z" style="fill-rule: evenodd;"/>
</svg>
<span class="sr-only">Phone</span>
</button>
<div id="tooltip-phone" role="tooltip" class="e9-tooltip e9-tooltip--bottom" hidden>
<a href="tel:+18339455456">
<span class="sr-only">Call phone </span>(833) 945-5456 </a>
</div>
</div>
</div>
<a class="bde-container-link-8933-156 bde-container-link breakdance-link" href="tel:+18339455456" target="_self" data-type="url">
<div class="bde-icon-8933-162 bde-icon flip-menu-color">
<div class="bde-icon-icon breakdance-icon-atom" >
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.16 72">
<path d="M.29,18.53c.1-4.05,3.15-9.74,6.69-13.61,1.4-1.54,2.91-2.82,4.36-3.64,1.7-.96,3.37-1.33,4.87-.84,1.05.34,1.94,1.06,2.62,2.25l.02.04h0s.04.07.04.07l7.44,14.42c.07.14.38.85.62,1.43h0c.19.46.34.92.37,1.19.37,3.5-2.06,6.25-4.69,9.23-.68.77-1.38,1.56-2,2.34h0s0,0,0,0c-.06.07-.12.16-.15.24.94,1.98,1.86,3.6,2.88,5.11,1.06,1.57,2.25,3.08,3.71,4.79,1.46,1.71,2.75,3.13,4.14,4.42,1.33,1.25,2.79,2.41,4.59,3.66.09-.02.19-.06.27-.11.03-.02.06-.04.1-.05.84-.48,1.69-1.02,2.53-1.55,3.36-2.13,6.46-4.09,9.86-3.17.26.07.68.3,1.11.56.03.02.06.04.08.05.52.31,1.11.7,1.23.78l13.05,9.63.07.05s.09.08.14.12c.99.83,1.53,1.8,1.69,2.85.24,1.56-.39,3.16-1.61,4.68-1.04,1.3-2.55,2.58-4.29,3.72-4.39,2.88-10.48,4.99-14.5,4.44-5.43-.74-10.93-2.94-16.13-6.18-5.47-3.4-10.62-7.94-15.02-13.1-4.4-5.16-8.06-10.97-10.55-16.91C1.46,29.79.15,24.01.29,18.53h0ZM9.45,7.18c-3.08,3.38-5.74,8.17-5.82,11.44-.12,4.99,1.09,10.3,3.28,15.53,2.35,5.6,5.82,11.11,10.01,16.02,4.19,4.92,9.07,9.22,14.23,12.43,4.82,2.99,9.87,5.03,14.82,5.71,3.24.44,8.4-1.42,12.22-3.93,1.46-.96,2.7-1.99,3.51-3.01.64-.8.98-1.52.9-2.08-.04-.26-.2-.52-.51-.79l-.04-.03-.03-.02-13.05-9.63c-.08-.06-.54-.35-.97-.61-.03-.02-.06-.03-.08-.05-.22-.13-.17-.17-.26-.2-1.98-.54-4.49,1.04-7.19,2.76-.86.54-1.73,1.09-2.66,1.63-.03.02-.06.04-.09.06-.46.26-1.09.49-1.71.55-.66.07-1.34-.05-1.91-.44-2.03-1.39-3.67-2.7-5.19-4.12-1.52-1.42-2.89-2.92-4.41-4.69-1.51-1.78-2.77-3.37-3.93-5.1-1.16-1.73-2.19-3.55-3.24-5.78-.3-.63-.3-1.31-.13-1.95.16-.6.48-1.19.81-1.6h0c.7-.87,1.41-1.67,2.1-2.45,2.12-2.4,4.08-4.62,3.87-6.66-.03-.05-.07-.11-.09-.16-.02-.03-.04-.07-.06-.13h0s0-.01,0-.01c-.19-.48-.44-1.05-.48-1.14l-7.44-14.42-.02-.04h0c-.22-.37-.46-.59-.72-.67-.54-.17-1.31.05-2.19.56-1.13.65-2.35,1.7-3.53,3h0Z" style="fill-rule: evenodd;"/>
</svg>
</div>
</div>
<span class="bde-text-8933-172 bde-text sr-only">
Call (833) 945-5456
</span>
</a>
<div class="bde-menu-8933-119 bde-menu aria-label-js" aria-label="Main menu">
<nav class="breakdance-menu breakdance-menu--collapse">
<button class="breakdance-menu-toggle breakdance-menu-toggle--squeeze" type="button" aria-label="Open Menu" aria-expanded="false" aria-controls="menu-119">
<span class="breakdance-menu-toggle-icon">
<span class="breakdance-menu-toggle-lines"></span>
</span>
</button>
<ul class="breakdance-menu-list" id="menu-119">
<li class="breakdance-menu-topbar">
<span class="breakdance-menu-topbar-logo">
</span>
<button class="breakdance-menu-close-button" type="button">Close</button>
</li>
<li class="breakdance-menu-item-8933-135 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="/work" target="_self" data-type="url" >
Our Work
</a>
</li>
<li class="bde-menu-custom-area-8933-167 bde-menu-custom-area no-link breakdance-menu-item">
<div class="bde-custom-area-link breakdance-menu-link" >
<div class="bde-text-8933-168 bde-text">
Services
</div>
</div>
</li>
<li class="breakdance-menu-item-8933-144 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/custom-web-design-new-york/" target="_self" data-type="url" >
Website Design & Development
</a>
</li>
<li class="breakdance-menu-item-8933-139 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/logo-design/" target="_self" data-type="url" >
Logo & Branding Design
</a>
</li>
<li class="breakdance-menu-item-8933-142 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/small-business-marketing/" target="_self" data-type="url" >
Digital Marketing
</a>
</li>
<li class="breakdance-menu-item-8933-160 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/ai-and-automations" target="_self" data-type="url" >
AI & Automations
</a>
</li>
<li class="breakdance-menu-item-8933-163 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/smarter-e9digitals-all-in-one-crm/" target="_self" data-type="url" >
SMARTER CRM
</a>
</li>
<li class="breakdance-menu-item-8933-141 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/ada-compliant-web-design/" target="_self" data-type="url" >
Accessibility
</a>
</li>
<li class="breakdance-menu-item-8933-161 breakdance-menu-item child-link">
<a class="breakdance-link breakdance-menu-link" href="/service/premium-support" target="_self" data-type="url" >
WordPress Hosting & Maintenance
</a>
</li>
<li class="breakdance-menu-item-8933-137 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="/blog" target="_self" data-type="url" >
News + Insights
</a>
</li>
<li class="breakdance-menu-item-8933-166 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="/company" target="_self" data-type="url" >
Our Story
</a>
</li>
<li class="bde-button-8933-126 bde-button breakdance-menu-item">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/start-a-project" target="_self" data-type="url" >
<span class="button-atom__text">Have a Project?</span>
</a>
</li>
<li class="bde-button-8933-153 bde-button breakdance-menu-item">
<a class="breakdance-link button-atom button-atom--secondary bde-button__button" href="/partners/" target="_self" data-type="url" >
<span class="button-atom__text">Partner With e9</span>
</a>
</li>
<li class="breakdance-menu-item-8933-155 breakdance-menu-item">
<a class="breakdance-link breakdance-menu-link" href="tel:+18339455456" target="_self" data-type="url" >
(833) 945-5456
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="bde-header-builder__header-builder-border-bottom"></div>
</header>
<main id="content" tabindex="-1">
<section class="bde-section-8845-367 bde-section">
<div class="section-container">
<h1 class="bde-heading-8845-526 bde-heading">
<b>We</b> Craft Custom Websites <br /><b>That</b> Build Businesses<span>™</span>
</h1>
</div>
</section>
<section class="bde-section-8845-405 bde-section">
<div class="section-container">
<div class="bde-div-8845-406 bde-div">
<div class="bde-masker-8845-404 bde-masker">
<div class="bde-video-8845-403 bde-video portfolio-vimeo-js">
<div class="ee-video-container">
<div class="ee-video ee-vimeo">
<iframe
class="ee-video lozad"
title="Video showing several websites layouts"
data-src=
"https://player.vimeo.com/video/1172695947?dnt=1&app_id=122963&autoplay=1&controls=0&loop=1&muted=1"
width="100%" height="100%" frameborder="0"
allow="autoplay; fullscreen; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bde-section-8845-258 bde-section">
<div class="section-container">
<div class="bde-div-8845-414 bde-div">
<ol class="bde-div-8845-412 bde-div">
<li class="bde-div-8845-538 bde-div">
<a class="bde-container-link-8845-427 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-407 bde-heading h1">
Custom Design*
</h3>
<span class="bde-text-8845-531 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-539 bde-div">
<a class="bde-container-link-8845-432 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-410 bde-heading h1">
Responsive Development
</h3>
<span class="bde-text-8845-532 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-543 bde-div">
<a class="bde-container-link-8845-429 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-411 bde-heading h1">
User-Friendly Interface
</h3>
<span class="bde-text-8845-533 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-544 bde-div">
<a class="bde-container-link-8845-441 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-413 bde-heading h1">
SEO Optimization
</h3>
<span class="bde-text-8845-534 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-545 bde-div">
<a class="bde-container-link-8845-464 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-465 bde-heading h1">
Performance Optimization
</h3>
<span class="bde-text-8845-535 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-546 bde-div">
<a class="bde-container-link-8845-435 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-409 bde-heading h1">
Content Management System (CMS)
</h3>
<span class="bde-text-8845-536 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-547 bde-div">
<a class="bde-container-link-8845-438 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-408 bde-heading h1">
E-commerce Integration
</h3>
<span class="bde-text-8845-537 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-547 bde-div">
<a class="bde-container-link-8845-438 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-408 bde-heading h1">
Security Features
</h3>
<span class="bde-text-8845-537 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
<li class="bde-div-8845-547 bde-div">
<a class="bde-container-link-8845-438 bde-container-link link-hover-cont breakdance-link" href="javascript:;" target="_self" data-type="url">
<h3 class="bde-heading-8845-408 bde-heading h1">
Analytics and Reporting
</h3>
<span class="bde-text-8845-537 bde-text btn-hover-side bde-button button-atom button-atom--primary bde-button__button" aria-hidden="true">
</span>
</a>
</li>
</ol>
</div>
</div>
</section>
<section class="bde-section-8845-530 bde-section">
<div class="section-container">
<div class="bde-div-8845-471 bde-div">
<h2 class="bde-heading-8845-472 bde-heading h1">
How Can We Help Your Business?
</h2>
<div class="bde-repeater-element-8845-529 bde-repeater-element">
<div class="bde-loop bde-loop-grid ee-posts bde-dynamic-repeater bde-dynamic-repeater-529 bde-dynamic-repeater-grid">
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-1-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/web-design-services/" target="_self" data-type="url">
<div class="bde-div-18275-103-option-1-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-1-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-1-18275-1 bde-image2 bde-image2-18275-100" src="img/pay-per-click.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-1-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-1-18275-1 bde-text h5 bde-text-18275-101">
Build a website that makes more money
</div>
</div>
<div class="bde-div-18275-106-option-1-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-2-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/branding/" target="_self" data-type="url">
<div class="bde-div-18275-103-option-2-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-2-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-2-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-design-1.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-2-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-2-18275-1 bde-text h5 bde-text-18275-101">
Create a recognizable brand
</div>
</div>
<div class="bde-div-18275-106-option-2-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-3-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/marketing" target="_self" data-type="url">
<div class="bde-div-18275-103-option-3-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-3-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-3-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-seo.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-3-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-3-18275-1 bde-text h5 bde-text-18275-101">
Be the first result on Google
</div>
</div>
<div class="bde-div-18275-106-option-3-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-4-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/marketing" target="_self" data-type="url">
<div class="bde-div-18275-103-option-4-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-4-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-4-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-filter.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-4-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-4-18275-1 bde-text h5 bde-text-18275-101">
Generate more leads or sales
</div>
</div>
<div class="bde-div-18275-106-option-4-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-5-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/ai-and-automations" target="_self" data-type="url">
<div class="bde-div-18275-103-option-5-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-5-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-5-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-ai.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-5-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-5-18275-1 bde-text h5 bde-text-18275-101">
Save time running my business
</div>
</div>
<div class="bde-div-18275-106-option-5-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-6-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/smarter-e9digitals-all-in-one-crm" target="_self" data-type="url">
<div class="bde-div-18275-103-option-6-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-6-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-6-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-analytics.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-6-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-6-18275-1 bde-text h5 bde-text-18275-101">
Run my marketing from one platform
</div>
</div>
<div class="bde-div-18275-106-option-6-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-7-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/ada-compliant-web-design" target="_self" data-type="url">
<div class="bde-div-18275-103-option-7-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-7-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-7-18275-1 bde-image2 bde-image2-18275-100" src="img/device.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-7-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-7-18275-1 bde-text h5 bde-text-18275-101">
Increase traffic and usability of my site
</div>
</div>
<div class="bde-div-18275-106-option-7-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
<div class="bde-loop-item ee-post bde-dynamic-repeater-item">
<a class="bde-container-link-18275-102-option-8-18275-1 bde-container-link how-can-we-help-block bde-container-link-18275-102 breakdance-link" href="/service/wordpress-support-service" target="_self" data-type="url">
<div class="bde-div-18275-103-option-8-18275-1 bde-div bde-div-18275-103">
<div class="bde-div-18275-104-option-8-18275-1 bde-div how-help-icon-cont bde-div-18275-104">
<img class="bde-image2-18275-100-option-8-18275-1 bde-image2 bde-image2-18275-100" src="img/icon-security.svg" alt="" loading="lazy">
</div>
<div class="bde-div-18275-107-option-8-18275-1 bde-div bde-div-18275-107">
<div class="bde-text-18275-101-option-8-18275-1 bde-text h5 bde-text-18275-101">
Stop worrying about my website
</div>
</div>
<div class="bde-div-18275-106-option-8-18275-1 bde-div bde-div-18275-106">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bde-section-8845-251 bde-section">
<div class="section-background-overlay"></div>
<div class="section-container">
<div class="bde-div-8845-334 bde-div">
<div class="bde-div-8845-333 bde-div">
<div class="bde-div-8845-448 bde-div">
<div class="bde-masker-8845-444 bde-masker">
<div class="bde-div-8845-446 bde-div">
<img class="bde-image2-8845-445 bde-image2" src="img/e9-street-cred-img.webp" alt="Black and white city street scene with blurred pedestrians walking past office buildings." loading="lazy" srcset="img/e9-street-cred-img.webp 2000w, img/e9-street-cred-img-768x513.webp 768w, img/e9-street-cred-img-1920x1282.webp 1920w, img/e9-street-cred-img-1536x1025.webp 1536w" sizes="(max-width: 2000px) 100vw, 2000px">
</div>
</div>
</div>
</div>
<div class="bde-div-8845-335 bde-div">
<div class="bde-div-8845-254 bde-div">
<h2 class="bde-heading-8845-252 bde-heading h1">
Street Cred
</h2>
<div class="bde-rich-text-8845-253 bde-rich-text breakdance-rich-text-styles">
<p>Our numbers speak for themselves...</p>
</div>
<div class="bde-globalblock-8845-527 bde-globalblock">
<div class="bde-stats-grid-18213-100-18213-1 bde-stats-grid bde-stats-grid-18213-100">
<div class='bde-stats-grid_item'>
<div class="bde-stats-grid_icon breakdance-icon-atom">
<!-- SVG unchanged -->
<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 64 64"><path d="M15,23c1.4,0,2.72-.36,3.86-1h13.14c.55,0,1-.45,1-1s-.45-1-1-1h-10.76c.48-.6.88-1.27,1.18-2h27.59c1.65,0,3-1.35,3-3s-1.35-3-3-3h-27.59c-.29-.73-.69-1.4-1.18-2h28.76c2.76,0,5,2.24,5,5s-2.24,5-5,5h-10c-.55,0-1,.45-1,1s.45,1,1,1h10c3.86,0,7-3.14,7-7s-3.14-7-7-7h-31.14c-1.15-.64-2.46-1-3.86-1-4.41,0-8,3.59-8,8s3.59,8,8,8ZM11.04,19.5c.19-1.41,1.39-2.5,2.85-2.5h2.22c1.46,0,2.66,1.09,2.85,2.5-1.06.93-2.44,1.5-3.96,1.5s-2.9-.57-3.96-1.5ZM14,14c0-.55.45-1,1-1s1,.45,1,1-.45,1-1,1-1-.45-1-1ZM50,14c.55,0,1,.45,1,1s-.45,1-1,1h-27.07c.04-.33.07-.66.07-1s-.03-.67-.07-1h27.07ZM15,9c3.31,0,6,2.69,6,6,0,.93-.22,1.81-.6,2.6-.58-1.08-1.54-1.9-2.7-2.31.19-.39.3-.82.3-1.29,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.46.11.9.3,1.29-1.17.4-2.13,1.23-2.7,2.31-.38-.79-.6-1.66-.6-2.6,0-3.31,2.69-6,6-6Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M50,25h-31.14c-1.15-.64-2.46-1-3.86-1-4.41,0-8,3.59-8,8s3.59,8,8,8c1.4,0,2.72-.36,3.86-1h31.14c3.86,0,7-3.14,7-7s-3.14-7-7-7ZM22.93,31h17.07c.55,0,1,.45,1,1s-.45,1-1,1h-17.07c.04-.33.07-.66.07-1s-.03-.67-.07-1ZM15,26c3.31,0,6,2.69,6,6,0,.93-.22,1.81-.6,2.6-.58-1.08-1.54-1.9-2.7-2.31.19-.39.3-.82.3-1.29,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.46.11.9.3,1.29-1.17.4-2.13,1.23-2.7,2.31-.38-.79-.6-1.66-.6-2.6,0-3.31,2.69-6,6-6ZM14,31c0-.55.45-1,1-1s1,.45,1,1-.45,1-1,1-1-.45-1-1ZM11.04,36.5c.19-1.41,1.39-2.5,2.85-2.5h2.22c1.46,0,2.66,1.09,2.85,2.5-1.06.93-2.44,1.5-3.96,1.5s-2.9-.57-3.96-1.5ZM50,37h-28.76c.48-.6.88-1.27,1.18-2h17.59c1.65,0,3-1.35,3-3s-1.35-3-3-3h-17.59c-.29-.73-.69-1.4-1.18-2h28.76c2.76,0,5,2.24,5,5s-2.24,5-5,5Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M50,42h-31.14c-1.15-.64-2.46-1-3.86-1-4.41,0-8,3.59-8,8s3.59,8,8,8c1.4,0,2.72-.36,3.86-1h31.14c3.86,0,7-3.14,7-7s-3.14-7-7-7ZM22.93,48h8.07c.55,0,1,.45,1,1s-.45,1-1,1h-8.07c.04-.33.07-.66.07-1s-.03-.67-.07-1ZM15,43c3.31,0,6,2.69,6,6,0,.93-.22,1.81-.6,2.6-.58-1.08-1.54-1.9-2.7-2.31.19-.39.3-.82.3-1.29,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.46.11.9.3,1.29-1.17.4-2.13,1.23-2.7,2.31-.38-.79-.6-1.66-.6-2.6,0-3.31,2.69-6,6-6ZM14,48c0-.55.45-1,1-1s1,.45,1,1-.45,1-1,1-1-.45-1-1ZM11.04,53.5c.19-1.41,1.39-2.5,2.85-2.5h2.22c1.46,0,2.66,1.09,2.85,2.5-1.06.93-2.44,1.5-3.96,1.5s-2.9-.57-3.96-1.5ZM50,54h-28.76c.48-.6.88-1.27,1.18-2h8.59c1.65,0,3-1.35,3-3s-1.35-3-3-3h-8.59c-.29-.73-.69-1.4-1.18-2h28.76c2.76,0,5,2.24,5,5s-2.24,5-5,5Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><circle cx="36" cy="21" r="1" style="fill: #f6dc3b;"/></svg>
</div>
<h3 class='bde-stats-grid_number'>
<b>100+</b> Websites Crafted
</h3>
<p class='bde-stats-grid_text'>
Expertly launched <br />by our team
</p>
</div>
<div class='bde-stats-grid_item'>
<div class="bde-stats-grid_icon breakdance-icon-atom">
<!-- SVG unchanged -->
<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 64 64"><path d="M40.14,37.5h-3.55v-3.5c0-2.21-1.79-4-4-4-1.35,0-2.51,1.01-2.69,2.35l-.57,4.28c-.07.49-.49.87-.99.87h-6.98c-.55,0-1,.45-1,1v3.5c0,.55.45,1,1,1s1-.45,1-1v-2.5h5v11.5h-5v-5c0-.55-.45-1-1-1s-1,.45-1,1v6c0,.55.45,1,1,1h9.64c.55,0,1-.45,1-1s-.45-1-1-1h-1.64v-11.69c1.02-.37,1.8-1.29,1.95-2.42l.57-4.28c.05-.35.35-.62.71-.62,1.1,0,2,.9,2,2v4.5c0,.55.45,1,1,1h4.55c.84,0,1.56.77,1.5,1.61,0,.03-.63,8.5-.63,8.5-.06.78-.71,1.39-1.5,1.39h-4.51c-.55,0-1,.45-1,1s.45,1,1,1h4.51c1.82,0,3.36-1.42,3.49-3.24l.63-8.5c.15-1.99-1.49-3.76-3.49-3.76Z" style="fill: #f6dc3b;"/><circle cx="24.86" cy="42" r="1" style="fill: #f6dc3b;"/><path d="M25.33,19.85c-.12.36-.02.76.25,1.03l2.49,2.42-.59,3.42c-.06.38.09.75.4.98.31.22.72.25,1.05.08l3.07-1.61s3.07,1.61,3.07,1.61c.32.17.75.15,1.05-.08.31-.22.46-.6.4-.98l-.59-3.42,2.49-2.42c.27-.27.37-.66.25-1.03-.12-.36-.43-.63-.81-.68l-3.43-.5-1.54-3.11c-.34-.68-1.46-.68-1.79,0l-1.54,3.11-3.43.5c-.38.05-.69.32-.81.68ZM30.38,20.57c.33-.05.61-.25.75-.55l.87-1.77.87,1.77c.15.3.43.5.75.55l1.95.28-1.41,1.38c-.24.23-.34.56-.29.89l.33,1.94s-1.74-.92-1.74-.92c-.27-.14-.64-.15-.93,0,0,0-1.74.92-1.74.92l.33-1.94c.06-.32-.05-.66-.29-.89l-1.41-1.38,1.95-.28Z" style="fill: #f6dc3b;"/><path d="M47.59,31.06c.31-.22.46-.6.4-.98l-.49-2.83,2.05-2c.27-.27.37-.66.25-1.02-.12-.36-.43-.63-.81-.68l-2.84-.41-1.27-2.57c-.34-.68-1.46-.68-1.79,0l-1.27,2.57-2.84.41c-.38.05-.69.32-.81.68-.12.36-.02.76.25,1.02l2.05,2-.49,2.83c-.06.38.09.75.4.98.31.22.72.25,1.05.08l2.54-1.33s2.54,1.33,2.54,1.33c.32.17.75.15,1.05-.08ZM45.73,26.19c-.24.23-.34.56-.29.88l.23,1.35s-1.21-.64-1.21-.64c-.27-.14-.65-.15-.93,0,0,0-1.21.64-1.21.64l.23-1.35c.06-.32-.05-.66-.29-.88l-.98-.96,1.35-.2c.33-.05.61-.25.75-.55l.61-1.23.61,1.23c.15.3.43.5.75.55l1.35.2-.98.96Z" style="fill: #f6dc3b;"/><path d="M56.95,33.75c-.12-.36-.43-.63-.81-.68l-2.39-.35-1.07-2.16c-.34-.68-1.46-.68-1.79,0l-1.07,2.16-2.39.35c-.38.05-.69.32-.81.68-.12.36-.02.76.25,1.02l1.73,1.68-.41,2.38c-.06.37.09.75.4.98.28.2.73.25,1.05.08,0,0,2.13-1.12,2.13-1.12l2.13,1.12c.34.18.75.15,1.05-.08.31-.22.46-.6.4-.98l-.41-2.38,1.73-1.68c.27-.27.37-.66.25-1.03ZM53.2,35.39c-.24.23-.34.56-.29.89l.15.9-.81-.42c-.29-.15-.64-.15-.93,0l-.81.42.15-.9c.06-.32-.05-.66-.29-.88l-.65-.64.9-.13c.33-.05.61-.25.75-.55l.4-.82.4.82c.15.3.43.5.75.55l.9.13-.65.64Z" style="fill: #f6dc3b;"/><path d="M23.59,31.06c.31-.22.46-.6.4-.98l-.49-2.83,2.05-2c.27-.27.37-.66.25-1.02-.12-.36-.43-.63-.81-.68l-2.84-.41-1.27-2.57c-.34-.68-1.46-.68-1.79,0l-1.27,2.57-2.84.41c-.38.05-.69.32-.81.68-.12.36-.02.76.25,1.02l2.05,2-.49,2.83c-.06.38.09.75.4.98.3.22.73.24,1.05.08,0,0,2.54-1.33,2.54-1.33l2.54,1.33c.33.18.75.15,1.05-.08ZM21.45,27.07l.23,1.35s-1.21-.64-1.21-.64c-.28-.15-.66-.14-.93,0,0,0-1.21.64-1.21.64l.23-1.35c.06-.32-.05-.66-.29-.88l-.98-.96,1.35-.2c.33-.05.61-.25.75-.55l.61-1.23.61,1.23c.15.3.43.5.75.55l1.35.2-.98.96c-.24.23-.34.56-.29.88Z" style="fill: #f6dc3b;"/><path d="M16.56,33.07l-2.39-.35-1.07-2.16c-.34-.68-1.46-.68-1.79,0l-1.07,2.16-2.39.35c-.38.05-.69.32-.81.68-.12.36-.02.76.25,1.03l1.73,1.68-.41,2.38c-.06.38.09.75.4.98.31.22.72.25,1.05.08l2.13-1.12s2.13,1.12,2.13,1.12c.32.17.77.13,1.05-.08.31-.22.46-.6.4-.98l-.41-2.38,1.73-1.68c.27-.27.37-.66.25-1.02-.12-.36-.43-.63-.81-.68ZM13.61,35.39c-.24.23-.34.56-.29.88l.15.9-.81-.42c-.29-.15-.64-.15-.93,0l-.81.42.15-.9c.06-.32-.05-.66-.29-.89l-.65-.64.9-.13c.33-.05.61-.25.75-.55l.4-.82.4.82c.15.3.43.5.75.55l.9.13-.65.64Z" style="fill: #f6dc3b;"/><path d="M36.67,15.77c.5.18,1.09-.09,1.28-.61l1-2.83c.18-.52-.09-1.09-.61-1.28-.52-.18-1.09.09-1.28.61l-1,2.83c-.18.52.09,1.09.61,1.28Z" style="fill: #f6dc3b;"/><path d="M39.07,17.58c.3.43.95.55,1.4.23l1.63-1.16c.45-.32.55-.95.23-1.4s-.94-.55-1.4-.23l-1.63,1.16c-.45.32-.55.95-.23,1.4Z" style="fill: #f6dc3b;"/><path d="M26.06,15.16c.18.51.76.79,1.28.61.52-.18.79-.76.61-1.28l-1-2.83c-.18-.52-.75-.79-1.28-.61-.52.18-.79.76-.61,1.28,0,0,1,2.82,1,2.83Z" style="fill: #f6dc3b;"/><path d="M23.54,17.81c.42.3,1.08.21,1.4-.23.32-.45.22-1.07-.23-1.4l-1.63-1.16c-.45-.32-1.07-.22-1.4.23s-.22,1.07.23,1.4c0,0,1.62,1.16,1.63,1.16Z" style="fill: #f6dc3b;"/></svg>
</div>
<h3 class='bde-stats-grid_number'>
<b>13+</b> Years of Specialization
</h3>
<p class='bde-stats-grid_text'>
Web Design & <br />Development
</p>
</div>
<div class='bde-stats-grid_item'>
<div class="bde-stats-grid_icon breakdance-icon-atom">
<!-- SVG unchanged -->
<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 64 64"><circle cx="25" cy="17" r="1" style="fill: #f6dc3b;"/><circle cx="29" cy="17" r="1" style="fill: #f6dc3b;"/><path d="M27,11c-4.41,0-8,3.59-8,8s3.59,8,8,8,8-3.59,8-8-3.59-8-8-8ZM27,25c-3.31,0-6-2.69-6-6s2.69-6,6-6,6,2.69,6,6-2.69,6-6,6Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M29.45,20.17c-1.49.99-3.41.99-4.89,0-.46-.31-1.08-.18-1.39.28-.31.46-.18,1.08.28,1.39,1.08.72,2.32,1.08,3.55,1.08s2.48-.36,3.55-1.08c.46-.31.58-.93.28-1.39-.31-.46-.93-.58-1.39-.28Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M16.89,29.51c-.34-.67-1.44-.67-1.78,0l-.95,1.85s-2.13.3-2.14.3c-.82.11-1.15,1.15-.55,1.72l1.52,1.43s-.36,2.01-.36,2.01c-.14.8.72,1.43,1.44,1.07l1.92-.97,1.92.97c.72.36,1.58-.27,1.44-1.07l-.36-2.01s1.52-1.43,1.52-1.43c.6-.57.27-1.61-.55-1.72l-2.14-.3-.95-1.85ZM17.23,33.73c-.25.23-.36.57-.3.9l.1.57-.58-.3c-.14-.07-.3-.11-.45-.11s-.31.04-.45.11l-.58.3.1-.57c.06-.33-.05-.67-.3-.9l-.4-.37.58-.08c.32-.04.6-.24.75-.53l.3-.58.3.58c.15.29.43.49.75.53l.58.08-.4.37Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M31.79,32.35c-.12-.37-.43-.63-.81-.69l-2.14-.3-.95-1.85c-.34-.67-1.44-.67-1.78,0l-.95,1.85s-2.13.3-2.14.3c-.82.11-1.15,1.15-.55,1.72l1.52,1.43s-.36,2.01-.36,2.01c-.14.79.72,1.43,1.44,1.07l1.92-.97s1.92.97,1.92.97c.7.35,1.58-.26,1.44-1.07l-.36-2.01,1.52-1.43c.28-.26.39-.66.27-1.03ZM28.23,33.73c-.25.23-.36.57-.3.9l.1.57-.58-.3c-.14-.07-.3-.11-.45-.11s-.31.04-.45.11l-.58.3.1-.57c.06-.33-.05-.67-.3-.9l-.4-.37.58-.08c.32-.04.6-.24.75-.53l.3-.58.3.58c.15.29.43.49.75.53l.58.08-.4.37Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M42.78,32.35c-.11-.35-.4-.63-.8-.69l-2.14-.3-.95-1.85c-.34-.67-1.44-.67-1.78,0l-.95,1.85s-2.13.3-2.14.3c-.81.11-1.14,1.16-.55,1.72l1.52,1.43s-.36,2.01-.36,2.01c-.14.8.71,1.43,1.44,1.07l1.92-.97,1.92.97c.71.36,1.58-.28,1.44-1.07l-.36-2.01s1.52-1.43,1.52-1.43c.3-.28.37-.68.26-1.03ZM39.23,33.73c-.25.23-.36.57-.3.9l.1.57-.58-.3c-.14-.07-.3-.11-.45-.11s-.31.04-.45.11l-.58.3.1-.57c.06-.33-.05-.67-.3-.9l-.4-.37.58-.08c.32-.04.6-.24.75-.53l.3-.58.3.58c.15.29.43.49.75.53l.58.08-.4.37Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M56.12,30.08c-1.17-1.17-3.07-1.17-4.24,0l-4.88,4.88V8c0-.55-.45-1-1-1H8c-.55,0-1,.45-1,1v10c0,.55.45,1,1,1s1-.45,1-1v-9h36v27.96l-9.38,9.38c-.09.09-.16.2-.21.31l-2.12,4.95c-.16.38-.08.81.21,1.1s.73.37,1.1.21l4.95-2.12c.12-.05.22-.12.31-.21l5.14-5.14v9.56H9v-29c0-.55-.45-1-1-1s-1,.45-1,1v30c0,.55.45,1,1,1h38c.55,0,1-.45,1-1v-12.56l9.12-9.12c1.17-1.17,1.17-3.07,0-4.24ZM36.11,50.1l.98-2.28,1.3,1.3-2.28.98ZM39.86,47.76l-1.41-1.41,11.31-11.31,1.41,1.41-11.31,11.31ZM54.71,32.91l-2.12,2.12-1.41-1.41,2.12-2.12c.39-.39,1.02-.39,1.41,0,.39.39.39,1.02,0,1.41Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M12,45h18c.55,0,1-.45,1-1s-.45-1-1-1H12c-.55,0-1,.45-1,1s.45,1,1,1Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M12,49h18c.55,0,1-.45,1-1s-.45-1-1-1H12c-.55,0-1,.45-1,1s.45,1,1,1Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><path d="M12,53h18c.55,0,1-.45,1-1s-.45-1-1-1H12c-.55,0-1,.45-1,1s.45,1,1,1Z" style="fill: #f6dc3b; fill-rule: evenodd;"/><circle cx="8" cy="22" r="1" style="fill: #f6dc3b;"/></svg>
</div>
<h3 class='bde-stats-grid_number'>
<b>20+</b> Awards Won
</h3>
<p class='bde-stats-grid_text'>
Leading Design <br />Award Contests
</p>
</div>
<div class='bde-stats-grid_item'>
<div class="bde-stats-grid_icon breakdance-icon-atom">
<!-- SVG unchanged -->
<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 48 48"><path d="M20.78,32.95c-1.21-.63-2.46-1.07-3.72-1.35,1.03-.87,1.7-2.16,1.7-3.61,0-2.62-2.13-4.75-4.75-4.75s-4.75,2.13-4.75,4.75c0,1.45.67,2.74,1.7,3.61-1.26.28-2.51.72-3.72,1.35-1.22.63-1.97,1.9-1.97,3.3v4.49h8v-1.5h-2.5v-3.25h-1.5v3.25h-2.5v-2.99c0-.84.45-1.6,1.17-1.97,3.92-2.04,8.25-2.04,12.17,0,.72.37,1.17,1.13,1.17,1.97v2.99h-2.5v-3.25h-1.5v3.25h-2.5v1.5h8v-4.49c0-1.41-.76-2.67-1.97-3.31ZM14,24.75c1.79,0,3.25,1.46,3.25,3.25s-1.46,3.25-3.25,3.25-3.25-1.46-3.25-3.25,1.46-3.25,3.25-3.25Z" style="fill: #f6dc3b;"/><path d="M40.78,32.95c-1.21-.63-2.46-1.07-3.73-1.35,1.03-.87,1.7-2.16,1.7-3.61,0-2.62-2.13-4.75-4.75-4.75-.95,0-1.87.28-2.67.82l.84,1.25c.55-.37,1.18-.56,1.83-.56,1.79,0,3.25,1.46,3.25,3.25s-1.46,3.25-3.25,3.25-3.25-1.46-3.25-3.25c0-.65.19-1.28.56-1.83l-1.24-.84c-.54.79-.82,1.72-.82,2.67,0,1.45.67,2.74,1.7,3.61-1.26.28-2.51.72-3.73,1.35-1.21.63-1.97,1.9-1.97,3.31v4.49h17.5v-4.49c0-1.41-.75-2.67-1.97-3.31ZM41.25,39.25h-2.5v-3.25h-1.5v3.25h-6.5v-3.25h-1.5v3.25h-2.5v-2.99c0-.83.46-1.61,1.16-1.97,3.93-2.04,8.25-2.04,12.18,0,.71.37,1.16,1.14,1.16,1.97v2.99Z" style="fill: #f6dc3b;"/><path d="M29.67,11c-.42,0-.81.1-1.17.3-.35-.2-.75-.3-1.17-.3-1.32,0-2.4,1.08-2.4,2.42,0,2.62,3.14,3.97,3.27,4.03l.29.12.29-.12c.13-.06,3.27-1.4,3.27-4.03,0-1.33-1.08-2.42-2.4-2.42ZM28.5,15.92c-.63-.33-2.06-1.23-2.06-2.5,0-.51.4-.92.9-.92.24,0,.46.09.63.27l.53.54.53-.54c.17-.17.39-.27.63-.27.5,0,.9.41.9.92,0,1.27-1.43,2.17-2.06,2.5Z" style="fill: #f6dc3b;"/><path d="M14.42,21.11l2.63-.83c.78.31,1.6.46,2.46.46,1.67,0,3.27-.63,4.5-1.73,1.2,1.07,2.77,1.73,4.5,1.73.85,0,1.68-.16,2.46-.46l2.63.83.07-2.76c1.03-1.23,1.6-2.76,1.6-4.35,0-1.51-.48-2.93-1.4-4.11l-1.19.92c.71.92,1.08,2.02,1.08,3.19,0,1.31-.5,2.57-1.39,3.55l-.19.21-.03,1.33-1.26-.4-.26.12c-.66.29-1.38.44-2.12.44-2.89,0-5.25-2.35-5.25-5.25s2.36-5.25,5.25-5.25c1.19,0,2.3.39,3.23,1.13l.93-1.17c-1.2-.95-2.64-1.45-4.17-1.45-1.73,0-3.3.66-4.5,1.73-1.23-1.11-2.83-1.73-4.5-1.73-3.72,0-6.75,3.03-6.75,6.75,0,1.59.56,3.13,1.6,4.35l.07,2.76ZM19.5,8.75c1.3,0,2.54.49,3.5,1.35-.78,1.1-1.25,2.45-1.25,3.9s.47,2.8,1.25,3.9c-.96.86-2.2,1.35-3.5,1.35-.74,0-1.45-.15-2.11-.44l-.26-.12-1.26.4-.03-1.33-.19-.21c-.9-.98-1.39-2.24-1.39-3.55,0-2.9,2.35-5.25,5.25-5.25Z" style="fill: #f6dc3b;"/><rect x="15.75" y="13.25" width="1.5" height="1.5" style="fill: #f6dc3b;"/><rect x="18.75" y="13.25" width="1.5" height="1.5" style="fill: #f6dc3b;"/></svg>
</div>
<h3 class='bde-stats-grid_number'>
<b>800<span>%</span></b> Traffic Surge
</h3>
<p class='bde-stats-grid_text'>
Surge of website <br />traffic
</p>
</div>
<div class='bde-stats-grid_item'>
<div class="bde-stats-grid_icon breakdance-icon-atom">
<!-- SVG unchanged -->
<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 48 48"><path d="M39,5.25H9c-2.07,0-3.75,1.68-3.75,3.75v30c0,2.07,1.68,3.75,3.75,3.75h30c2.07,0,3.75-1.68,3.75-3.75V9c0-2.07-1.68-3.75-3.75-3.75ZM9,6.75h30c1.24,0,2.25,1.01,2.25,2.25v2.25H6.75v-2.25c0-1.24,1.01-2.25,2.25-2.25ZM39,41.25H9c-1.24,0-2.25-1.01-2.25-2.25V12.75h34.5v26.25c0,1.24-1.01,2.25-2.25,2.25Z" style="fill: #f6dc3b;"/><circle cx="10" cy="9" r=".75" style="fill: #f6dc3b;"/><circle cx="13" cy="9" r=".75" style="fill: #f6dc3b;"/><circle cx="16" cy="9" r=".75" style="fill: #f6dc3b;"/><path d="M22,9.75h16c.41,0,.75-.34.75-.75s-.34-.75-.75-.75h-16c-.41,0-.75.34-.75.75s.34.75.75.75Z" style="fill: #f6dc3b;"/><path d="M20.71,20.46c-.08-.26-.3-.48-.61-.52l-2.38-.32-1.05-1.97c-.26-.49-1.06-.49-1.32,0l-1.05,1.97-2.38.32c-.62.08-.87.88-.4,1.3l1.69,1.51-.39,2.12c-.11.59.52,1.08,1.06.81l2.15-1.04s2.15,1.04,2.15,1.04c.54.26,1.17-.22,1.06-.81l-.39-2.12,1.69-1.51c.23-.21.29-.51.21-.78ZM17.5,21.91c-.19.17-.28.44-.24.7l.2,1.07-1.14-.55c-.1-.05-.21-.08-.33-.08s-.22.03-.33.08l-1.14.55.2-1.07c.05-.26-.04-.52-.24-.7l-.79-.71,1.15-.15c.24-.03.45-.18.56-.39l.58-1.07.58,1.07c.11.21.32.36.56.39l1.15.15-.79.71Z" style="fill: #f6dc3b;"/><path d="M37,14.25H11c-1.52,0-2.75,1.23-2.75,2.75v20c0,1.52,1.23,2.75,2.75,2.75h26c1.52,0,2.75-1.23,2.75-2.75v-5c0-.41-.34-.75-.75-.75s-.75.34-.75.75v5c0,.69-.56,1.25-1.25,1.25H11c-.69,0-1.25-.56-1.25-1.25v-20c0-.69.56-1.25,1.25-1.25h26c.69,0,1.25.56,1.25,1.25v9c0,.41.34.75.75.75s.75-.34.75-.75v-9c0-1.52-1.23-2.75-2.75-2.75Z" style="fill: #f6dc3b;"/><path d="M23,19.75h4c.41,0,.75-.34.75-.75s-.34-.75-.75-.75h-4c-.41,0-.75.34-.75.75s.34.75.75.75Z" style="fill: #f6dc3b;"/><path d="M35,21.25h-12c-.41,0-.75.34-.75.75s.34.75.75.75h12c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z" style="fill: #f6dc3b;"/><path d="M35,24.25h-12c-.41,0-.75.34-.75.75s.34.75.75.75h12c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z" style="fill: #f6dc3b;"/><path d="M20.72,31.45c-.09-.28-.33-.48-.62-.52l-2.38-.32-1.05-1.97c-.26-.49-1.06-.49-1.32,0l-1.05,1.97-2.38.32c-.62.08-.87.88-.4,1.3l1.69,1.51-.39,2.12c-.11.59.52,1.08,1.06.81l2.15-1.04s2.15,1.04,2.15,1.04c.54.26,1.17-.22,1.06-.81l-.39-2.12,1.69-1.51c.22-.2.3-.5.22-.78ZM17.5,32.91c-.19.17-.28.44-.24.7l.2,1.07-1.14-.55c-.1-.05-.21-.08-.33-.08s-.22.03-.33.08l-1.14.55.2-1.07c.05-.26-.04-.52-.24-.7l-.79-.71,1.15-.15c.24-.03.45-.18.56-.39l.58-1.07.58,1.07c.11.21.32.36.56.39l1.15.15-.79.71Z" style="fill: #f6dc3b;"/><path d="M23,30.75h4c.41,0,.75-.34.75-.75s-.34-.75-.75-.75h-4c-.41,0-.75.34-.75.75s.34.75.75.75Z" style="fill: #f6dc3b;"/><path d="M35,32.25h-12c-.41,0-.75.34-.75.75s.34.75.75.75h12c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z" style="fill: #f6dc3b;"/><path d="M35,35.25h-12c-.41,0-.75.34-.75.75s.34.75.75.75h12c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z" style="fill: #f6dc3b;"/><circle cx="39" cy="29" r=".75" style="fill: #f6dc3b;"/></svg>
</div>
<h3 class='bde-stats-grid_number'>
<b>99<span>%</span></b> Client Approval
</h3>
<p class='bde-stats-grid_text'>
Unanimous approval <br />of our web design
</p>
</div>
<!-- Remaining 3 items kept as-is or can be removed if only 5 stats are needed -->
<div class='bde-stats-grid_item'>
<!-- SVG + original content unchanged -->
...
</div>
<div class='bde-stats-grid_item'>
<!-- SVG + original content unchanged -->
...
</div>
<div class='bde-stats-grid_item'>
<!-- SVG + original content unchanged -->
...
</div>
</div>
</div>
</div>
<div class="bde-globalblock-8845-528 bde-globalblock">
<div class="bde-grid-18216-100-18216-1 bde-grid bde-grid-18216-100">
<div class="bde-div-18216-101-18216-1 bde-div bde-div-18216-101">
<img class="bde-image2-18216-102-18216-1 bde-image2 bde-image2-18216-102" src="img/badge1.svg" alt="Top 1% in NYC badge" loading="lazy">
</div>
<div class="bde-div-18216-104-18216-1 bde-div bde-div-18216-104">
<img class="bde-image2-18216-105-18216-1 bde-image2 bde-image2-18216-105" src="img/badge2.svg" alt="Top 1% in NYC badge" loading="lazy">
</div>
<div class="bde-div-18216-107-18216-1 bde-div bde-div-18216-107">
<img class="bde-image2-18216-108-18216-1 bde-image2 bde-image2-18216-108" src="img/badge3.svg" alt="Top 1% in NYC badge" loading="lazy">
</div>
<div class="bde-div-18216-110-18216-1 bde-div bde-div-18216-110">
<img class="bde-image2-18216-111-18216-1 bde-image2 bde-image2-18216-111" src="img/badge4.svg" alt="Top 1% in NYC badge" loading="lazy">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bde-section-8845-224 bde-section">
<div class="section-container">
<h2 class="bde-heading-8845-226 bde-heading h1">
Showcase
</h2>
<div class="bde-div-8845-502 bde-div">
<div class="bde-post-loop-8845-504 bde-post-loop">
<div class="bde-loop bde-loop-grid ee-posts ee-posts-grid">
<div class="bde-loop-item ee-post">
<section class="bde-section-18115-100-18799-18115-1 bde-section bde-section-18115-100">
<div class="section-container">
<div class="bde-div-18115-112-18799-18115-1 bde-div bde-div-18115-112">
<a class="bde-container-link-18115-115-18799-18115-1 bde-container-link project-images-wrapper bde-container-link-18115-115 breakdance-link" href="https://e9digital.com/project/michilli/" target="_self" data-type="url">
<div class="bde-div-18115-114-18799-18115-1 bde-div bde-div-18115-114">
<div class="bde-div-18115-105-18799-18115-1 bde-div bde-div-18115-105">
<div class="bde-div-18115-104-18799-18115-1 bde-div bde-div-18115-104">
<div class="bde-div-18115-106-18799-18115-1 bde-div work-desktop-img-container bde-div-18115-106">
<div class="bde-div-18115-110-18799-18115-1 bde-div bde-div-18115-110">
<img class="bde-image2-18115-101-18799-18115-1 bde-image2 work-desktop-img bde-image2-18115-101" src="img/01.jpg" alt="Michilli desktop homepage hero featuring luxury interior and tagline “The precision of passion.”" loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-18115-107-18799-18115-1 bde-div work-mobile-img bde-div-18115-107">
<div class="bde-div-18115-108-18799-18115-1 bde-div bde-div-18115-108">
<img class="bde-image2-18115-109-18799-18115-1 bde-image2 bde-image2-18115-109" src="img/01-mobile.png" alt="Michilli desktop and mobile website layouts showing Explore Our Work section with retail, residential, commercial, and hospitality categories." loading="lazy">
</div>
</div>
</a>
</div>
<div class="bde-div-18115-125-18799-18115-1 bde-div bde-div-18115-125">
<div class="bde-columns-18115-127-18799-18115-1 bde-columns bde-columns-18115-127">
<div class="bde-column-18115-128-18799-18115-1 bde-column bde-column-18115-128">
<div class="bde-div-18115-126-18799-18115-1 bde-div bde-div-18115-126">
<div class="bde-code-block-18115-113-18799-18115-1 bde-code-block bde-code-block-18115-113">
BEICE — <a href="">Artisan Creamery</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18799-18115-1 bde-heading h4 bde-heading-18115-121">
Handcrafting Timeless Flavors for the Modern Connoisseur
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bde-loop-item ee-post">
<section class="bde-section-18115-100-18786-18115-1 bde-section bde-section-18115-100">
<div class="section-container">
<div class="bde-div-18115-112-18786-18115-1 bde-div bde-div-18115-112">
<a class="bde-container-link-18115-115-18786-18115-1 bde-container-link project-images-wrapper bde-container-link-18115-115 breakdance-link" href="" target="_self" data-type="url">
<div class="bde-div-18115-114-18786-18115-1 bde-div bde-div-18115-114">
<div class="bde-div-18115-105-18786-18115-1 bde-div bde-div-18115-105">
<div class="bde-div-18115-104-18786-18115-1 bde-div bde-div-18115-104">
<div class="bde-div-18115-106-18786-18115-1 bde-div work-desktop-img-container bde-div-18115-106">
<div class="bde-div-18115-110-18786-18115-1 bde-div bde-div-18115-110">
<img class="bde-image2-18115-101-18786-18115-1 bde-image2 work-desktop-img bde-image2-18115-101" src="img/02.jpg" alt="Upscale Capital desktop homepage hero featuring “Fast Funding for Expansion” with apply call to action." loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-18115-107-18786-18115-1 bde-div work-mobile-img bde-div-18115-107">
<div class="bde-div-18115-108-18786-18115-1 bde-div bde-div-18115-108">
<img class="bde-image2-18115-109-18786-18115-1 bde-image2 bde-image2-18115-109" src="img/02-mobile.png" alt="Upscale Capital mobile website section outlining three-step application process and approval details." loading="lazy">
</div>
</div>
</a>
</div>
<div class="bde-div-18115-125-18786-18115-1 bde-div bde-div-18115-125">
<div class="bde-columns-18115-127-18786-18115-1 bde-columns bde-columns-18115-127">
<div class="bde-column-18115-128-18786-18115-1 bde-column bde-column-18115-128">
<div class="bde-div-18115-126-18786-18115-1 bde-div bde-div-18115-126">
<div class="bde-code-block-18115-113-18786-18115-1 bde-code-block bde-code-block-18115-113">
FOOD TRUCK —
<a href="#">Meet the King of Street Food!</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18786-18115-1 bde-heading h4 bde-heading-18115-121">
Food Truck App: Specials, Stats & Ordering
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bde-loop-item ee-post">
<section class="bde-section-18115-100-18737-18115-1 bde-section bde-section-18115-100">
<div class="section-container">
<div class="bde-div-18115-112-18737-18115-1 bde-div bde-div-18115-112">
<a class="bde-container-link-18115-115-18737-18115-1 bde-container-link project-images-wrapper bde-container-link-18115-115 breakdance-link" href="#" target="_self" data-type="url">
<div class="bde-div-18115-114-18737-18115-1 bde-div bde-div-18115-114">
<div class="bde-div-18115-105-18737-18115-1 bde-div bde-div-18115-105">
<div class="bde-div-18115-104-18737-18115-1 bde-div bde-div-18115-104">
<div class="bde-div-18115-106-18737-18115-1 bde-div work-desktop-img-container bde-div-18115-106">
<div class="bde-div-18115-110-18737-18115-1 bde-div bde-div-18115-110">
<img class="bde-image2-18115-101-18737-18115-1 bde-image2 work-desktop-img bde-image2-18115-101" src="img/03.jpg" alt="Reservoir Media homepage hero featuring 2 Chainz with independent music company messaging and catalog navigation." loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-18115-107-18737-18115-1 bde-div work-mobile-img bde-div-18115-107">
<div class="bde-div-18115-108-18737-18115-1 bde-div bde-div-18115-108">
<img class="bde-image2-18115-109-18737-18115-1 bde-image2 bde-image2-18115-109" src="img/03-mobile.png" alt="Reservoir Media artist profile section featuring Ben Harper portrait." loading="lazy">
</div>
</div>
</a>
</div>
<div class="bde-div-18115-125-18737-18115-1 bde-div bde-div-18115-125">
<div class="bde-columns-18115-127-18737-18115-1 bde-columns bde-columns-18115-127">
<div class="bde-column-18115-128-18737-18115-1 bde-column bde-column-18115-128">
<div class="bde-div-18115-126-18737-18115-1 bde-div bde-div-18115-126">
<div class="bde-code-block-18115-113-18737-18115-1 bde-code-block bde-code-block-18115-113">
BeGrocery —
<a href="#">Premium Food</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18737-18115-1 bde-heading h4 bde-heading-18115-121">
"Barbecue Time" App & Premium Delivery Mockup
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bde-loop-item ee-post">
<section class="bde-section-18115-100-18715-18115-1 bde-section bde-section-18115-100">
<div class="section-container">
<div class="bde-div-18115-112-18715-18115-1 bde-div bde-div-18115-112">
<a class="bde-container-link-18115-115-18715-18115-1 bde-container-link project-images-wrapper bde-container-link-18115-115 breakdance-link" href="https://e9digital.com/project/katsky-korins/" target="_self" data-type="url">
<div class="bde-div-18115-114-18715-18115-1 bde-div bde-div-18115-114">
<div class="bde-div-18115-105-18715-18115-1 bde-div bde-div-18115-105">
<div class="bde-div-18115-104-18715-18115-1 bde-div bde-div-18115-104">
<div class="bde-div-18115-106-18715-18115-1 bde-div work-desktop-img-container bde-div-18115-106">
<div class="bde-div-18115-110-18715-18115-1 bde-div bde-div-18115-110">
<img class="bde-image2-18115-101-18715-18115-1 bde-image2 work-desktop-img bde-image2-18115-101" src="img/Katsy-Korins_Desktop.png" alt="Katsky Korins desktop homepage hero featuring firm tagline and office interior background." loading="lazy" srcset="img/Katsy-Korins_Desktop.png 2500w, img/Katsy-Korins_Desktop-768x461.png 768w, img/Katsy-Korins_Desktop-1920x1152.png 1920w, img/Katsy-Korins_Desktop-1536x922.png 1536w, img/Katsy-Korins_Desktop-2048x1229.png 2048w" sizes="(max-width: 2500px) 100vw, 2500px">
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-18115-107-18715-18115-1 bde-div work-mobile-img bde-div-18115-107">
<div class="bde-div-18115-108-18715-18115-1 bde-div bde-div-18115-108">
<img class="bde-image2-18115-109-18715-18115-1 bde-image2 bde-image2-18115-109" src="img/Katsy-Korins_Mobile.png" alt="Katsky Korins mobile website practice areas section highlighting bankruptcy, creditors’ rights, and construction." loading="lazy" srcset="img/Katsy-Korins_Mobile.png 900w, img/Katsy-Korins_Mobile-407x768.png 407w, img/Katsy-Korins_Mobile-768x1451.png 768w, img/Katsy-Korins_Mobile-813x1536.png 813w" sizes="(max-width: 900px) 100vw, 900px">
</div>
</div>
</a>
</div>
<div class="bde-div-18115-125-18715-18115-1 bde-div bde-div-18115-125">
<div class="bde-columns-18115-127-18715-18115-1 bde-columns bde-columns-18115-127">
<div class="bde-column-18115-128-18715-18115-1 bde-column bde-column-18115-128">
<div class="bde-div-18115-126-18715-18115-1 bde-div bde-div-18115-126">
<div class="bde-code-block-18115-113-18715-18115-1 bde-code-block bde-code-block-18115-113">
Katsky Korins —
<a href="https://e9digital.com/sector/financial-legal-corporate/">Financial, Legal & Corporate</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18715-18115-1 bde-heading h4 bde-heading-18115-121">
A Case for a Redesign: Modernizing the Digital Presence for Katsky Korins
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bde-loop-item ee-post">
<section class="bde-section-18115-100-18671-18115-1 bde-section bde-section-18115-100">
<div class="section-container">
<div class="bde-div-18115-112-18671-18115-1 bde-div bde-div-18115-112">
<a class="bde-container-link-18115-115-18671-18115-1 bde-container-link project-images-wrapper bde-container-link-18115-115 breakdance-link" href="https://e9digital.com/project/the-dimenna-center-for-classical-music/" target="_self" data-type="url">
<div class="bde-div-18115-114-18671-18115-1 bde-div bde-div-18115-114">
<div class="bde-div-18115-105-18671-18115-1 bde-div bde-div-18115-105">
<div class="bde-div-18115-104-18671-18115-1 bde-div bde-div-18115-104">
<div class="bde-div-18115-106-18671-18115-1 bde-div work-desktop-img-container bde-div-18115-106">
<div class="bde-div-18115-110-18671-18115-1 bde-div bde-div-18115-110">
<img class="bde-image2-18115-101-18671-18115-1 bde-image2 work-desktop-img bde-image2-18115-101" src="img/dimenna-desktop-12.webp" alt="Desktop screenshot of The Dimenna Center homepage showing a wood-paneled concert hall with a string quartet rehearsing on stage and a large circular overlay reading “Rehearse, Record, & Perform.”" loading="lazy" srcset="img/dimenna-desktop-12.webp 2500w, img/dimenna-desktop-12-768x461.webp 768w, img/dimenna-desktop-12-1920x1152.webp 1920w, img/dimenna-desktop-12-1536x922.webp 1536w, img/dimenna-desktop-12-2048x1229.webp 2048w" sizes="(max-width: 2500px) 100vw, 2500px">
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-18115-107-18671-18115-1 bde-div work-mobile-img bde-div-18115-107">
<div class="bde-div-18115-108-18671-18115-1 bde-div bde-div-18115-108">
<img class="bde-image2-18115-109-18671-18115-1 bde-image2 bde-image2-18115-109" src="img/dimenna-mobile-1.webp" alt="Mobile screenshot of The Dimenna Center page featuring Mary Flagler Cary Hall with a grand piano on stage, venue size details, bullet-point features, and prominent Book and Learn More buttons." loading="lazy" srcset="img/dimenna-mobile-1.webp 900w, img/dimenna-mobile-1-407x768.webp 407w, img/dimenna-mobile-1-768x1451.webp 768w, img/dimenna-mobile-1-813x1536.webp 813w" sizes="(max-width: 900px) 100vw, 900px">
</div>
</div>
</a>
</div>
<div class="bde-div-18115-125-18671-18115-1 bde-div bde-div-18115-125">
<div class="bde-columns-18115-127-18671-18115-1 bde-columns bde-columns-18115-127">
<div class="bde-column-18115-128-18671-18115-1 bde-column bde-column-18115-128">
<div class="bde-div-18115-126-18671-18115-1 bde-div bde-div-18115-126">
<div class="bde-code-block-18115-113-18671-18115-1 bde-code-block bde-code-block-18115-113">
The DiMenna Center for Classical Music —
<a href="https://e9digital.com/sector/education-institutional/">Education & Institutional</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18671-18115-1 bde-heading h4 bde-heading-18115-121">
Music Website Design That Simplifies Booking for The DiMenna Center for Classical Music
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bde-section-8845-111 bde-section">
<div class="section-container">
<div class="bde-div-8845-261 bde-div">
<h2 class="bde-heading-8845-228 bde-heading h1">
Choose your package
</h2>
<div class="bde-text-8845-230 bde-text">
Our plans are clear and open, no shocks or caps. Help is always here when you want it.
</div>
</div>
<div class="bde-post-loop-8845-267 bde-post-loop">
<div class="bde-loop bde-loop-grid ee-posts ee-posts-grid">
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-856-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-856-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks">
<h4>Startup</h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>199 </span>
<ul class="list-unstyled">
<li> 3 Page Website </li>
<li> Custom Layout Design </li>
<li> Contact/Query Form </li>
<li> 1 Banner Design </li>
<li> 2 Stock Photos</li>
<li> FREE Favicon Design</li>
<li> Cross Browser Compatible</li>
<li> Complete W3C Certified HTML</li>
<li> Website Initial Concepts in 48 Hours </li>
<li> Complete Design & Deployment </li>
<li> Complete Source Files </li>
<li> Dedicated Project Manager </li>
<li> Value Added Services </li>
<li> Mobile Responsive will be Additional $149* </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-366-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-366-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks CenterPacks">
<h4>Professional </h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>349 </span>
<ul class="list-unstyled">
<li>5 Page Website</li>
<li>Custom Layout Design </li>
<li>Contact/Query Form </li>
<li>3 Banner Designs </li>
<li>5 Stock Photos</li>
<li>FREE Favicon Design</li>
<li>FREE Google Friendly Sitemap</li>
<li>Unlimited Revisions</li>
<li>Complete W3C Certified HTML </li>
<li>Website Initial Concepts in 48 Hours </li>
<li>Complete Design & Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
<li>Value Added Services </li>
<li>Mobile Responsive will be Additional $149* </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-888-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-888-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks RightPacks">
<h4>Business Pro</h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>649 </span>
<ul class="list-unstyled">
<li>Up to 10 Unique Pages Website </li>
<li>CMS /Admin Panel Integration </li>
<li>5+ Stock Photos & Banner Designs </li>
<li>FREE Social Media Integration </li>
<li>FREE Favicon Design </li>
<li>FREE Google Friendly Sitemap</li>
<li>Unlimited Revisions</li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Website Initial Concepts in 48 Hours</li>
<li>Complete Design & Deployment</li>
<li>Custom, Interactive & Dynamic Web Design </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
<li>Value Added Services </li>
<li>Mobile Responsive will be Additional $149* </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-890-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-890-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks">
<h4>Ecommerce </h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>699 </span>
<ul class="list-unstyled peachPacks">
<li>Custom Ecommerce Website </li>
<li>Up to 100 Products </li>
<li>CMS /Admin Panel Integration </li>
<li>Fully Mobile Responsive </li>
<li>Shopping Cart Integration </li>
<li>Payment Gateway Integration</li>
<li>Product Listing & Management</li>
<li>Order Management & Tracking </li>
<li>Banner Designs </li>
<li>Unlimited Revisions</li>
<li>FREE Social Media Integration</li>
<li>FREE Favicon Design </li>
<li>FREE Google Friendly Sitemap Search Engine Submission </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-892-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-892-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="bde-div-8885-101-890-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks">
<h4>Corporate </h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>899 </span>
<ul class="list-unstyled goldenpack">
<li>Up to 15 Unique Pages Website </li>
<li>Custom Made, Interactive & Dynamic Design </li>
<li>Customized WordPress or PHP Development </li>
<li>Fully Mobile Responsive </li>
<li>Interactive Sliding Banners </li>
<li>Up to 10 Custom Made Banner Designs </li>
<li>10 Stock Images </li>
<li>Unlimited Revisions </li>
<li>Content Management System </li>
<li>Online Signup Area (For Newsletters, Offers etc.) </li>
<li>Search Bar </li>
<li>Live Feeds of Social Networks integration (Optional) </li>
<li>Google Friendly Sitemap </li>
<li>Search Engine Submission </li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bde-loop-item ee-post">
<div class="bde-div-8885-109-894-8885-1 bde-div bde-div-8885-109">
<div class="bde-div-8885-101-894-8885-1 bde-div people-popup-trigger-parent bde-div-8885-101">
<div class="innerPacks">
<h4>Titanium </h4>
<p>Best Value for Money Guaranteed!</p>
<span><sup>$</sup>1099 </span>
<ul class="list-unstyled globalpacks">
<li>Up to 20 Unique Pages Website </li>
<li>Custom Made, Interactive, Dynamic & High-End Design
</li>
<li>Customized WordPress or PHP Development </li>
<li>Fully Mobile Responsive </li>
<li>Interactive Sliding Banners </li>
<li>Up to 15 Custom Made Banner Designs</li>
<li>15 Stock Images</li>
<li>Unlimited Revisions</li>
<li>Content Management System</li>
<li>Online Appointment/Booking/Scheduling/Online Ordering
Integration (Optional)</li>
<li>Online Payment Integration (Optional) </li>
<li>Multi Lingual (Optional) </li>
<li>Custom Dynamic Forms (Optional) </li>
<li>Signup Area (For Newsletters, Offers etc.)</li>
<li>Search Bar</li>
<li>Live Feeds of Social Networks integration (Optional) </li>
<li>Up to 15 Professional Email ID’s </li>
<li>Google Friendly Sitemap </li>
<li>Search Engine Submission </li>
<li>Cross Browser Compatible </li>
<li>Complete W3C Certified HTML </li>
<li>Industry specified Team of Expert Designers and Developers
</li>
<li>Complete Deployment </li>
<li>Complete Source Files </li>
<li>Dedicated Project Manager </li>
</ul>
<div class="Headanchor">
<a href="javascript:;" class="breakdance-link button-atom button-atom--primary bde-button__button">Start Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bde-section-8845-256 bde-section">
<div class="section-container">
<h2 class="bde-heading-8845-257 bde-heading h1">
Client Wins & Game Changers
</h2>
<div class="bde-div-8845-486 bde-div">
<div class="bde-post-loop-8845-422 bde-post-loop new-grid">
<div class="breakdance-swiper-wrapper" data-swiper-id="422">
<div class="swiper">
<div class="bde-loop bde-loop-slider ee-posts ee-posts-slider swiper-wrapper">
<article class="bde-loop-item ee-post swiper-slide">
<div class="bde-div-14337-102-18779-14337-1 bde-div bde-div-14337-102">
<a class="bde-container-link-14337-106-18779-14337-1 bde-container-link bde-container-link-14337-106 breakdance-link" href="#" target="_self" data-type="url">
<div class="bde-masker-14337-101-18779-14337-1 bde-masker bde-masker-14337-101"><img class="bde-image2-14337-100-18779-14337-1 bde-image2 bde-image2-14337-100" src="img/AdobeStock_631348853-scaled.jpeg" alt="Person using a laptop and smartphone with a virtual search bar overlayed on the image, suggesting internet browsing or comparing SEO vs PPC strategies for online searching." loading="lazy"></div>
<div class="bde-div-14337-105-18779-14337-1 bde-div bde-div-14337-105">
<h2 class="bde-heading-14337-103-18779-14337-1 bde-heading h4 h5 bde-heading-14337-103">
Johnny Woods,
</h2>
<p>The website they developed for me looks amazing!! I couldn’t have asked for a better team to work with. They are responsive and did an incredible job. My project was completed with ease.</p>
</div>
</a>
</div>
</article>
<article class="bde-loop-item ee-post swiper-slide">
<div class="bde-div-14337-102-19654-14337-1 bde-div bde-div-14337-102">
<a class="bde-container-link-14337-106-19654-14337-1 bde-container-link bde-container-link-14337-106 breakdance-link" href="#" target="_self" data-type="url">
<div class="bde-masker-14337-101-19654-14337-1 bde-masker bde-masker-14337-101"><img class="bde-image2-14337-100-19654-14337-1 bde-image2 bde-image2-14337-100" src="img/AdobeStock_737314510-scaled.jpeg" alt="Person in a suit uses a laptop displaying digital AI-related graphics and data charts, suggesting artificial intelligence technology and data analysis. AI for small business." loading="lazy"></div>
<div class="bde-div-14337-105-19654-14337-1 bde-div bde-div-14337-105">
<h2 class="bde-heading-14337-103-19654-14337-1 bde-heading h4 h5 bde-heading-14337-103">
Sheryl Gibson
</h2>
<p>Wow! They turned my dream into reality and brought it to life. Starting with the logo design all the way to the website development, they’ve been rocking through it all! They have a talented and trust worthy team.</p>
</div>
</a>
</div>
</article>
<article class="bde-loop-item ee-post swiper-slide">
<div class="bde-div-14337-102-18565-14337-1 bde-div bde-div-14337-102">
<a class="bde-container-link-14337-106-18565-14337-1 bde-container-link bde-container-link-14337-106 breakdance-link" href="#" target="_self" data-type="url">
<div class="bde-masker-14337-101-18565-14337-1 bde-masker bde-masker-14337-101"><img class="bde-image2-14337-100-18565-14337-1 bde-image2 bde-image2-14337-100" src="img/AdobeStock_956552805-scaled.jpeg" alt="A person in a suit holds a smartphone toward the camera, with a judge's gavel visible on the table in front of them for law firm marketing" loading="lazy"></div>
<div class="bde-div-14337-105-18565-14337-1 bde-div bde-div-14337-105">
<h2 class="bde-heading-14337-103-18565-14337-1 bde-heading h4 h5 bde-heading-14337-103">
Anna Lavon
</h2>
<p>I want to thanks the team at CodenWebz for the amazing job they did on my project. It was easy and efficient. Thank you all very much.</p>
</div>
</a>
</div>
</article>
</div>
</div>
<div class="swiper-button-prev">
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="bde-section-9029-160 bde-section">
<div class="section-container">
<div class="bde-div-9029-161 bde-div">
<div class="bde-div-9029-162 bde-div">
<h2 class="bde-heading-9029-163 bde-heading h1">
San Diego, CA
</h2>
<div class="bde-text-9029-172 bde-text">
9710 Scranton Rd, San Diego, CA 92121, USA
</div>
<div class="bde-div-9029-173 bde-div">
<div class="bde-button-9029-174 bde-button btn-yellow">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/start-a-project" target="_self" data-type="url" >
<span class="button-atom__text">Discuss A Project</span>
</a>
</div>
<div class="bde-button-9029-175 bde-button btn-white">
<a class="breakdance-link button-atom button-atom--secondary bde-button__button" href="/partners/" target="_self" data-type="url" >
<span class="button-atom__text">Partner Inquiries</span>
</a>
</div>
</div>
</div>
</div>
<div class="bde-div-9029-168 bde-div" data-parallax="true">
<div class="bde-div-9029-169 bde-div">
<img class="bde-image2-9029-170 bde-image2" src="img/footer-bg.png" alt="Black and white aerial view of a dense city block with intersecting streets, rooftops, parked cars, and surrounding commercial buildings." loading="lazy">
</div>
</div>
</div>
</section>
</main>
<footer class="bde-section-9029-138 bde-section">
<div class="section-container">
<div class="bde-div-9029-143 bde-div">
<div class="bde-code-block-9029-148 bde-code-block">
<p>© 2026 CodenWebz. All rights reserved.
<br /><a href="#" class="wpconsent-open-preferences">Manage Cookies</a> | <a href="/privacy-policy">Privacy Policy</a>
</p>
</div>
<div class="bde-social-icons-9029-159 bde-social-icons">
<a class="breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-facebook" href="https://www.facebook.com/Codenwebzz/" target="_blank" data-type="url" aria-label="facebook" >
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24">
<path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
</svg>
</a>
<a class="breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-instagram" href="https://www.linkedin.com/company/code-n-webz/?viewAsMember=true" target="_blank" data-type="url" aria-label="instagram" >
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
<a class="breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-linkedin" href="https://www.linkedin.com/company/code-n-webz/?viewAsMember=true" target="_blank" data-type="url" aria-label="linkedin" >
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="-4 -2 32 32">
<path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/>
</svg>
</a>
</div>
<div class="bde-shortcode-9029-177 bde-shortcode">
<style>#e9-ai-disclaimer-svg { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }</style>
<a href="/ai-disclaimer" id="e9-ai-disclaimer-svg" title="AI Use Disclaimer">
<svg width="50" height="46" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.23 32.17">
<path d="M26.33,21.5c-.09.09-.15.22-.15.35s.06.26.15.35c.09.09.22.15.35.15s.26-.06.35-.15c.09-.09.15-.22.15-.35s-.06-.26-.15-.35c-.09-.09-.22-.15-.35-.15s-.26.06-.35.15Z"/>
<polygon points="14.41 11.06 12.96 16.88 16.17 16.88 14.72 11.06 14.41 11.06"/>
<path d="M30.29,10.66c.41-.68.64-1.45.64-2.28,0-1.86-1.19-3.48-2.93-4.26-.56-.08-1.14-.12-1.71-.12-.49,0-.99.03-1.49.1-.05.2-.15.38-.29.52-.2.2-.48.33-.79.33s-.59-.13-.79-.33-.33-.48-.33-.79.13-.59.33-.79c.2-.2.48-.33.79-.33s.59.13.79.33c.12.12.22.28.27.45.47-.06.93-.09,1.4-.09-.36-1.86-2.17-3.28-4.34-3.28-2.42,0-4.41,1.78-4.41,3.96v1.25c0,.18-.15.32-.32.32s-.31-.14-.32-.31v-1.25c0-2.18-1.98-3.96-4.41-3.96-2.27,0-4.15,1.56-4.38,3.55-2.65.27-4.71,2.29-4.71,4.74,0,.68.16,1.33.45,1.92.06-.01.12-.02.17-.03.44-.07.88-.11,1.33-.11.4,0,.79.03,1.18.09.29.04.57.1.85.17.06-.13.14-.24.23-.33.2-.2.48-.33.79-.33s.59.13.79.33.33.48.33.79-.13.59-.33.79c-.2.2-.48.33-.79.33s-.59-.13-.79-.33c-.17-.17-.28-.39-.32-.64-.28-.07-.56-.13-.85-.18-.35-.05-.72-.08-1.09-.08-.42,0-.83.03-1.23.1-.32.05-.63.13-.93.22C1.31,12.18.14,14.01.14,16.08c0,2.35,1.5,4.38,3.69,5.37-.34.63-.53,1.34-.53,2.09,0,2,1.37,3.71,3.31,4.42.37.03.75.04,1.13.04.43,0,.87-.03,1.31-.07.06-.17.15-.33.28-.45.2-.2.48-.33.79-.33s.59.13.79.33c.2.2.33.48.33.79s-.13.59-.33.79c-.2.2-.48.33-.79.33s-.59-.13-.79-.33c-.14-.14-.24-.31-.29-.51-.33.03-.67.05-1.01.06.28,1.94,2.14,3.45,4.37,3.45,2.42,0,4.41-1.78,4.41-3.96v-1.68c.01-.17.15-.31.32-.31s.32.14.32.32v1.67c0,2.18,1.98,3.96,4.41,3.96s4.3-1.69,4.4-3.79c2.64-.28,4.69-2.29,4.69-4.74,0-.6-.12-1.17-.35-1.7-.2.06-.4.11-.6.16-.59.13-1.21.2-1.84.2-.09,0-.2,0-.33,0h-.05c-.06.18-.15.33-.28.46-.2.2-.48.33-.79.33s-.59-.13-.79-.33c-.2-.2-.33-.48-.33-.79s.13-.59.33-.79.48-.33.79-.33.59.13.79.33c.14.14.24.31.29.51.02,0,.04,0,.06,0,.09,0,.19,0,.31,0,.59,0,1.16-.06,1.71-.18.57-.12,1.11-.3,1.62-.54,1.59-1.1,2.62-2.82,2.62-4.77,0-2.39-1.55-4.45-3.8-5.42ZM17.35,21.59l-.65-2.63h-4.27l-.65,2.63h-2.32l3.14-11.96h3.93l3.14,11.96h-2.32ZM23.36,21.59h-2.25v-11.96h2.25v11.96Z"/>
<path d="M23.37,3.47c-.09.09-.15.22-.15.35s.06.26.15.35.22.15.35.15.26-.06.35-.15.15-.22.15-.35-.06-.26-.15-.35-.22-.15-.35-.15-.26.06-.35.15Z"/>
<path d="M8.66,11.24c.09-.09.15-.22.15-.35s-.06-.26-.15-.35c-.09-.09-.22-.15-.35-.15s-.26.06-.35.15-.15.22-.15.35.06.26.15.35.22.15.35.15.26-.06.35-.15Z"/>
<path d="M10.47,28.63c.09-.09.15-.22.15-.35s-.06-.26-.15-.35c-.09-.09-.22-.15-.35-.15s-.26.06-.35.15c-.09.09-.15.22-.15.35s.06.26.15.35c.09.09.22.15.35.15s.26-.06.35-.15Z"/>
</svg>
<span class="e9-ai-disclaimer-link-text">AI-generated content may be inaccurate. Verify independently. Use at your own discretion.</span>
</a>
</div>
<div class="bde-shortcode-9029-184 bde-shortcode">
<div class="e9-ada-compliant-badge">
<a class="e9-ada-compliant-badge__link" href="/accessibility-statement/" style="color: #ffffff">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.48 32.17">
<g>
<path fill="#ffffff" d="m27.45,22.34c1.56-.82,3.04-1.77,4.43-2.86,1.96-1.51,3.75-3.22,5.34-5.12.34-.42.34-1.02,0-1.45-1.59-1.9-3.38-3.61-5.35-5.12-4.36-3.38-8.9-5.17-13.13-5.17-2.21.1-4.4.51-6.49,1.24C12.25,3.86,5.98-.48,5.53.04s4.08,5.12,4.08,5.12c-.57.31-1.14.64-1.7,1.01-.64.41-1.28.85-1.91,1.33-.13.1-.26.2-.39.3-.34.26-.66.52-.97.78-.64.53-1.23,1.06-1.74,1.55-.67.63-1.22,1.2-1.65,1.66h0l-.15.17-.16.17-.1.11-.15.17c-.26.3-.4.47-.42.5-.28.34-.34.8-.16,1.2H.1s.57.75.57.75l.02.03s4.43,3.14,5.04,2.74-2.92-3.78-2.92-3.78l-.09-.12-.03-.08c.39-.43.94-1.01,1.62-1.67,0,0,6.89,6.34,7.46,5.97s-5.72-7.52-5.72-7.52c.42-.36.88-.72,1.36-1.08,0,0,14.62,14.84,15.05,14.29s-13.13-15.61-13.13-15.61c.55-.34,1.12-.68,1.72-.99h0l.3.39s17.83,19.17,18.48,18.82m-6.6-14.3l-.17.02c-.39,0-.73-.27-.81-.66-.48-2.17-2.39-3.71-4.61-3.72-.46,0-.83-.37-.83-.83,0-.46.37-.83.83-.83h0c3,.01,5.59,2.11,6.23,5.04.1.45-.19.89-.63.98,0,0,0,0,0,0m2.96,8.37l-2.06-2.67c1.78-1.52,2.77-3.77,2.71-6.11,0-1.89-.64-3.72-1.82-5.19,3.71,1.75,7.03,4.24,9.77,7.3-2.44,2.72-5.35,4.98-8.6,6.66"/>
<path fill="#ffffff" d="m15.19,23.44c-.08-.06-.18-.1-.28-.13-.12-.03-.23-.04-.35-.04-.12,0-.23.02-.35.05-.09.03-.18.08-.26.14-.14.12-.22.3-.22.48,0,.46.28.68.84.68.23.01.45-.05.64-.19.15-.12.23-.31.22-.5,0-.1-.02-.2-.06-.29-.04-.08-.1-.16-.18-.21"/>
<path fill="#ffffff" d="m10.44,23.87c-.06-.08-.14-.14-.23-.19-.31-.13-.66-.08-.92.14-.15.17-.24.38-.27.61h1.59c0-.1-.01-.2-.04-.3-.02-.09-.07-.18-.13-.26"/>
<path fill="#ffffff" d="m18.09,24.74c0-2.64-2.68-4.79-5.99-4.79s-5.99,2.14-5.99,4.79c0,1.81,1.76,3.31,2.85,4.07,1.16.8,4.71,3.36,4.71,3.36l-1.12-2.66c3.1-.19,5.54-2.24,5.54-4.77m-6.35.2c0,.05-.02.1-.05.15-.02.03-.05.06-.09.08-.05.02-.09.02-.14.02h-2.45c.01.29.13.57.32.79.18.17.43.26.68.24.13,0,.26-.02.38-.05.1-.03.19-.07.28-.12.08-.04.16-.08.23-.12.07-.04.14-.05.22-.05.09,0,.18.04.23.11l.37.47c-.12.14-.26.27-.42.37-.15.09-.3.17-.47.23-.16.05-.32.09-.48.11-.15.02-.3.03-.46.03-.29,0-.57-.05-.84-.15-.26-.1-.49-.25-.69-.44-.2-.21-.36-.45-.46-.73-.12-.32-.18-.67-.17-1.01,0-.28.05-.56.15-.82.09-.25.24-.48.42-.68.19-.2.41-.36.66-.46.28-.12.58-.18.88-.17.26,0,.53.04.77.14.23.08.43.22.6.39.17.18.31.39.39.62.1.27.15.55.14.84,0,.08,0,.16-.01.24m4.88-.48c-.03.13-.08.26-.13.38-.06.12-.13.24-.21.34-.08.11-.17.22-.27.33l-1.3,1.4c-.07.07-.16.12-.26.15-.13.04-.26.07-.4.06h-1.19l1.92-1.74.11-.1s.07-.06.1-.1c-.13.05-.27.09-.41.11-.15.03-.31.04-.46.04-.2,0-.4-.03-.59-.08-.19-.05-.37-.13-.53-.24-.16-.11-.29-.25-.39-.41-.1-.18-.16-.38-.15-.59,0-.21.05-.41.15-.59.11-.19.25-.35.43-.48.2-.15.43-.26.67-.33.28-.08.58-.12.87-.12.3,0,.59.03.88.11.24.07.46.17.65.32.17.13.31.29.41.48.1.19.15.4.14.62,0,.14-.02.29-.05.42"/>
</g>
</svg>
WCAG 2.2 AA · Audited 03/05/2026
</a>
</div>
</div>
</div>
</div>
</footer>
<div class="breakdance">
<div id="get-fired-minimized" class="bde-popup-18152-100 bde-popup get-fired-min-js">
<div
class="breakdance-popup"
data-breakdance-popup-id="18152"
>
<div class='breakdance-popup-content'>
<div class="bde-div-18152-132 bde-div popup-toggled-content-hide">
<div class="bde-button-18152-140 bde-button btn-no-icon popup-toggle-content popup-minimized-fired-button">
<button type="button" class="button-atom button-atom--primary bde-button__button" >
<span class="button-atom__text">Don't Get Fired!</span>
</button>
</div>
</div>
<div class="bde-div-18152-128 bde-div popup-toggled-content">
<div class="bde-div-18152-146 bde-div">
<div class="bde-div-18152-145 bde-div">
<div class="bde-div-18152-144 bde-div">
<div class="bde-button-18152-143 bde-button popup-minimize-popup">
<button type="button" class="button-atom button-atom--custom bde-button__button" >
<span class="button-atom__text">Close</span>
</button>
</div>
</div>
</div>
</div>
<div class="bde-div-18152-130 bde-div">
<div class="bde-text-18152-147 bde-text">
WEBSITE GUIDE
</div>
<div class="bde-text-18152-148 bde-text font-heading h3">
You're going to get fired!
</div>
<div class="bde-rich-text-18152-149 bde-rich-text breakdance-rich-text-styles">
This guide shows how even smart marketers can get fired over websites (and how to make sure it’s not you).
</div>
<div class="bde-code-block-18152-111 bde-code-block">
<iframe
src="https://zoom.e9digital.com/widget/form/0BTSUzTLEOrOmF07yRxg"
style="width:100%;height:100%;border:none;border-radius:0px"
id="inline-0BTSUzTLEOrOmF07yRxg"
data-layout="{'id':'INLINE'}"
data-trigger-type="alwaysShow"
data-trigger-value=""
data-activation-type="alwaysActivated"
data-activation-value=""
data-deactivation-type="neverDeactivate"
data-deactivation-value=""
data-form-name="Newsletter: You're Gonna Get Fired"
data-height="401"
data-layout-iframe-id="inline-0BTSUzTLEOrOmF07yRxg"
data-form-id="0BTSUzTLEOrOmF07yRxg"
title="Newsletter: You're Gonna Get Fired"
>
</iframe>
<script src="https://zoom.e9digital.com/js/form_embed.js"></script>
</div>
</div>
</div>
<div class="bde-code-block-18152-151 bde-code-block">
</div>
</div>
</div>
</div>
</div>
<div class="breakdance">
<div id="fired-popup" class="bde-popup-13721-100 bde-popup fired-popup-js">
<div
class="breakdance-popup"
data-breakdance-popup-id="13721"
>
<div class='breakdance-popup-content'>
<div class="bde-div-13721-129 bde-div popup-toggled-content-hide fired-popup-cta-js">
<div class="bde-columns-13721-101 bde-columns">
<div class="bde-column-13721-102 bde-column">
</div>
<div class="bde-column-13721-103 bde-column">
<div class="bde-div-13721-110 bde-div">
<div class="bde-text-13721-106 bde-text">
<b>DOWNLOAD THE GUIDE NOW</b>
</div>
<div class="bde-text-13721-125 bde-text font-heading h3">
You're going to get fired!
</div>
<div class="bde-rich-text-13721-120 bde-rich-text breakdance-rich-text-styles">
<p><span style="font-weight: 400;">- 1 Wrong Decision.<br /></span><span style="font-weight: 400;">- 12 Months Wasted.<br /></span><span style="font-weight: 400;">- $90,000 Blown.<br /></span><span style="font-weight: 400;">- $1,000,000 in Sales Lost.<br /></span><b>…and someone got fired! </b></p>
<p><span style="text-decoration: underline;"><b>Make sure you're not next!</b></span></p>
</div>
<div class="bde-button-13721-126 bde-button btn-no-icon popup-toggle-content">
<button type="button" class="button-atom button-atom--primary bde-button__button" >
<span class="button-atom__text">Help Me Save My Job!</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="bde-div-13721-128 bde-div popup-toggled-content fired-popup-form-js">
<div class="bde-div-13721-130 bde-div">
<div class="bde-code-block-13721-111 bde-code-block">
<iframe
src="https://zoom.e9digital.com/widget/form/0BTSUzTLEOrOmF07yRxg"
style="width:100%;height:100%;border:none;border-radius:0px"
id="inline-0BTSUzTLEOrOmF07yRxg"
data-layout="{'id':'INLINE'}"
data-trigger-type="alwaysShow"
data-trigger-value=""
data-activation-type="alwaysActivated"
data-activation-value=""
data-deactivation-type="neverDeactivate"
data-deactivation-value=""
data-form-name="Newsletter: You're Gonna Get Fired"
data-height="401"
data-layout-iframe-id="inline-0BTSUzTLEOrOmF07yRxg"
data-form-id="0BTSUzTLEOrOmF07yRxg"
title="Newsletter: You're Gonna Get Fired"
>
</iframe>
<script src="https://zoom.e9digital.com/js/form_embed.js"></script>
</div>
</div>
</div>
<div class="bde-code-block-13721-133 bde-code-block">
</div>
</div>
<div class="breakdance-popup-close-button breakdance-popup-position-top-right" data-breakdance-popup-reference="13721" data-breakdance-popup-action="close">
<div class="breakdance-popup-close-icon">
<svg xmlns="http://www.w3.org/2000/svg" id="_Ă«ĂŽĂ“Ă_1" data-name="Ă«ĂŽĂ“Ă 1" viewBox="0 0 60 60">
<path d="M59.55,6.21L53.83.45l-23.68,23.72L6.17.45.45,6.21l23.97,23.72L.84,53.79l5.73,5.76,23.57-23.87,23.59,23.87,5.73-5.76-23.6-23.87L59.55,6.21Z" style="fill-rule: evenodd;"/>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="breakdance">
<div class="bde-popup-9666-100 bde-popup">
<div
class="breakdance-popup"
data-breakdance-popup-id="9666"
>
<div class='breakdance-popup-content'>
<h1 class="bde-heading-9666-120 bde-heading">
How Can We Help?
</h1>
<div class="bde-columns-9666-101 bde-columns mb">
<div class="bde-column-9666-102 bde-column">
<div class="bde-text-9666-121 bde-text tiny-heading mb">
Clients
</div>
<div class="bde-div-9666-104 bde-div cta-box-text-cont">
<h3 class="bde-heading-9666-105 bde-heading h5">
I’m a client with a project
</h3>
</div>
<div class="bde-button-9666-107 bde-button">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/contact" target="_self" data-type="url" >
<span class="button-atom__text">Tell Us More</span>
</a>
</div>
</div>
<div class="bde-column-9666-108 bde-column">
<div class="bde-text-9666-122 bde-text tiny-heading mb">
Partners
</div>
<div class="bde-div-9666-110 bde-div cta-box-text-cont">
<h3 class="bde-heading-9666-111 bde-heading h5">
I have a service e9digital will like
</h3>
</div>
<div class="bde-button-9666-113 bde-button">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/partners" target="_self" data-type="url" >
<span class="button-atom__text">Connect</span>
</a>
</div>
</div>
<div class="bde-column-9666-114 bde-column">
<div class="bde-text-9666-123 bde-text tiny-heading mb">
Team
</div>
<div class="bde-div-9666-116 bde-div cta-box-text-cont">
<h3 class="bde-heading-9666-117 bde-heading h5">
I want a job with e9digital
</h3>
</div>
<div class="bde-button-9666-119 bde-button">
<a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/careers" target="_self" data-type="url" >
<span class="button-atom__text">Open Positions</span>
</a>
</div>
</div>
</div>
</div>
<div class="breakdance-popup-close-button breakdance-popup-position-top-right" data-breakdance-popup-reference="9666" data-breakdance-popup-action="close">
<div class="breakdance-popup-close-icon">
<svg viewBox="0 0 24 24">
<path d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="breakdance">
<div class="bde-popup-8888-100 bde-popup people-popup">
<div
class="breakdance-popup"
data-breakdance-popup-id="8888"
>
<div class='breakdance-popup-content'>
<div class="bde-div-8888-101 bde-div">
<div class="bde-div-8888-102 bde-div popup-thumbnail-cont">
</div>
</div>
<div class="bde-div-8888-103 bde-div">
<div class="bde-text-8888-104 bde-text popup-name">
</div>
<div class="bde-text-8888-105 bde-text popup-position">
</div>
<div class="bde-rich-text-8888-106 bde-rich-text popup-content breakdance-rich-text-styles">
</div>
</div>
</div>
<div class="breakdance-popup-close-button breakdance-popup-position-top-right" data-breakdance-popup-reference="8888" data-breakdance-popup-action="close">
<div class="breakdance-popup-close-icon">
<svg viewBox="0 0 24 24">
<path d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<script type="text/javascript" src="js/ada.js" id="e9-ada-script-js"></script>
<script type="text/javascript" src="js/ada-chat-widget.js" id="e9-ada-script-chat-widget-js"></script>
<script type="text/javascript" src="js/e9-wpconsent.min.js" id="wpconsent-a11y-patch-js"></script>
<script type="text/javascript" src="js/e9custom-public.js" id="e9custom-js"></script>
<script src='js/breakdance-utils.js' defer></script>
<script src='js/header-builder.js' defer></script>
<script src='js/awesome-menu.js' defer></script>
<script src='js/lozad.min.js' defer></script>
<script src='js/pagination.js' defer></script>
<script src='https://unpkg.com/gsap@3.12.2/dist/gsap.min.js' defer></script>
<script src='https://unpkg.com/gsap@3.12.2/dist/ScrollTrigger.min.js' defer></script>
<script src='js/imagesloaded.pkgd.min.js' defer></script>
<script src='js/entrance.js' defer></script>
<script src='js/swiper-bundle.min.js' defer></script>
<script src='js/breakdance-swiper.js' defer></script>
<script src='js/blur-plugin.js' defer></script>
<script src='js/parallax.js' defer></script>
<script src='js/popups.js' defer></script>
<script src='js/popup-animations.js' defer></script>
<script>document.addEventListener('DOMContentLoaded', function(){ if (!window.BreakdanceFrontend) {
window.BreakdanceFrontend = {}
}
window.BreakdanceFrontend.data = {"homeUrl":"https:\/\/e9digital.com","ajaxUrl":"https:\/\/e9digital.com\/wp-admin\/admin-ajax.php","elementsPluginUrl":"https:\/\/e9digital.com\/wp-content\/plugins\/breakdance\/subplugins\/breakdance-elements\/","BASE_BREAKPOINT_ID":"breakpoint_base","breakpoints":[{"id":"breakpoint_base","label":"Desktop","defaultPreviewWidth":"100%"},{"id":"breakpoint_tablet_landscape","label":"Tablet Landscape","defaultPreviewWidth":1024,"maxWidth":1119},{"id":"breakpoint_tablet_portrait","label":"Tablet Portrait","defaultPreviewWidth":768,"maxWidth":1023},{"id":"breakpoint_phone_landscape","label":"Phone Landscape","defaultPreviewWidth":480,"maxWidth":767},{"id":"breakpoint_phone_portrait","label":"Phone Portrait","defaultPreviewWidth":400,"maxWidth":479}],"subscriptionMode":"pro"} })
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdanceHeaderBuilder(".breakdance .bde-header-builder-8933-100", "100", false); }) </script>
<script>document.addEventListener('DOMContentLoaded', function(){
new AwesomeMenu(".breakdance .bde-menu-8933-104 .breakdance-menu", {
dropdown: {
openOnClick: false,
mode: {
desktop: 'dropdown'
},
placement: 'left',
width: null,
animation: 'fade'
},
link: {
effect: 'underline',
effectDirection: 'bottom',
},
mobile: {
breakpoint: 'breakpoint_tablet_portrait',
mode: 'accordion',
offcanvasPosition: 'left',
offset: null,
followLinks: true
}
});
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
(() => {
const selectors = {
wrapper: '[data-e9-tooltip]',
trigger: '.e9-tooltip-trigger',
tooltip: '.e9-tooltip'
}
const setOpenState = (triggerButton, tooltipElement, isOpen) => {
triggerButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false')
if (isOpen) {
tooltipElement.hidden = false
} else {
tooltipElement.hidden = true
}
}
const isFocusWithin = (containerElement) => {
const activeElement = document.activeElement
return containerElement.contains(activeElement)
}
const initTooltip = (wrapperElement) => {
const triggerButton = wrapperElement.querySelector(selectors.trigger)
const tooltipElement = wrapperElement.querySelector(selectors.tooltip)
if (triggerButton && tooltipElement) {
setOpenState(triggerButton, tooltipElement, false)
const open = () => {
setOpenState(triggerButton, tooltipElement, true)
}
const close = () => {
const shouldClose = isFocusWithin(wrapperElement) === false
if (shouldClose) {
setOpenState(triggerButton, tooltipElement, false)
}
}
const toggle = () => {
const isExpanded = triggerButton.getAttribute('aria-expanded') === 'true'
setOpenState(triggerButton, tooltipElement, isExpanded === false)
}
triggerButton.addEventListener('mouseenter', open)
triggerButton.addEventListener('focus', open)
wrapperElement.addEventListener('mouseleave', () => {
close()
})
triggerButton.addEventListener('blur', () => {
setTimeout(() => {
close()
}, 0)
})
triggerButton.addEventListener('click', (event) => {
event.preventDefault()
toggle()
})
triggerButton.addEventListener('keydown', (event) => {
const key = event.key
if (key === 'Escape') {
event.preventDefault()
setOpenState(triggerButton, tooltipElement, false)
triggerButton.focus()
}
if (key === 'Enter' || key === ' ') {
event.preventDefault()
toggle()
}
})
tooltipElement.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
event.preventDefault()
setOpenState(triggerButton, tooltipElement, false)
triggerButton.focus()
}
})
document.addEventListener('pointerdown', (event) => {
const clickTarget = event.target
const isInside = wrapperElement.contains(clickTarget)
if (isInside === false) {
setOpenState(triggerButton, tooltipElement, false)
}
})
}
}
const initAllTooltips = () => {
const wrapperElements = document.querySelectorAll(selectors.wrapper)
wrapperElements.forEach((wrapperElement) => {
initTooltip(wrapperElement)
})
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAllTooltips)
} else {
initAllTooltips()
}
})();
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
new AwesomeMenu(".breakdance .bde-menu-8933-119 .breakdance-menu", {
dropdown: {
openOnClick: false,
mode: {
desktop: 'dropdown'
},
placement: 'left',
width: null,
animation: 'fade'
},
link: {
effect: '',
effectDirection: '',
},
mobile: {
breakpoint: 'breakpoint_base',
mode: 'offcanvas',
offcanvasPosition: 'right',
offset: null,
followLinks: true
}
});
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ const observer = lozad();
observer.observe(); })
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
const portfolioIframe = document.querySelector('.portfolio-vimeo-js iframe');
portfolioIframe.setAttribute('aria-hidden', 'true');
portfolioIframe.setAttribute('tabindex', '-1');
document.body.addEventListener('click', async (clickEvent) => {
const portfolioToggleBtn = clickEvent.target.closest('.vimeo-toggle-btn');
if (!portfolioToggleBtn) return;
if (!window._portfolioVimeoPlayer) {
window._portfolioVimeoPlayer = new Vimeo.Player(portfolioIframe);
}
const portfolioPaused = await window._portfolioVimeoPlayer.getPaused();
if (portfolioPaused) {
window._portfolioVimeoPlayer.play();
portfolioToggleBtn.setAttribute('aria-label', 'Pause background video');
portfolioToggleBtn.querySelector('.vimeo-toggle-pause').style.display = 'flex';
portfolioToggleBtn.querySelector('.vimeo-toggle-play').style.display = 'none';
} else {
window._portfolioVimeoPlayer.pause();
portfolioToggleBtn.setAttribute('aria-label', 'Play background video');
portfolioToggleBtn.querySelector('.vimeo-toggle-pause').style.display = 'none';
portfolioToggleBtn.querySelector('.vimeo-toggle-play').style.display = 'flex';
}
});
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ window.BreakdancePostsList?.loadMorePostsInit(
{
selector: ".breakdance .bde-post-loop-8845-456",
postId: "8845",
id: "456"
}
) })
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
new BreakdanceEntrance(
'.breakdance .bde-post-loop-8845-456',
{"animation_type":"fade"}
)
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
var testimonialLoop = document.querySelector('.testimonials-js');
if (testimonialLoop) {
var loopContainer = testimonialLoop.querySelector('.bde-loop');
loopContainer.setAttribute('aria-live', 'polite');
loopContainer.setAttribute('aria-atomic', 'false');
function patchTestimonialItems(scope) {
scope.querySelectorAll('.bde-text-15528-103').forEach(function(quoteChar) {
quoteChar.setAttribute('aria-hidden', 'true');
});
scope.querySelectorAll('.bde-star-rating').forEach(function(ratingWidget) {
var starCount = ratingWidget.querySelectorAll('.fa-star').length;
ratingWidget.setAttribute('role', 'img');
ratingWidget.setAttribute('aria-label', starCount + ' out of 5 stars');
});
scope.querySelectorAll('.bde-icon-15528-101').forEach(function(iconWrapper) {
iconWrapper.setAttribute('role', 'img');
iconWrapper.setAttribute('aria-label', 'Google review');
});
scope.querySelectorAll('[id="starhalf109"]').forEach(function(gradientEl, idx) {
gradientEl.id = 'starhalf109-' + Date.now() + '-' + idx;
});
}
patchTestimonialItems(loopContainer);
var loadMoreBtn = testimonialLoop.querySelector('.bde-posts-pagination-loadmore-button');
if (loadMoreBtn) {
loadMoreBtn.addEventListener('click', function() {
loopContainer.setAttribute('aria-busy', 'true');
var previousCount = loopContainer.querySelectorAll('.bde-loop-item').length;
var loadObserver = new MutationObserver(function() {
var currentItems = loopContainer.querySelectorAll('.bde-loop-item');
if (currentItems.length > previousCount) {
loopContainer.setAttribute('aria-busy', 'false');
patchTestimonialItems(loopContainer);
currentItems[previousCount].setAttribute('tabindex', '-1');
currentItems[previousCount].focus();
loadObserver.disconnect();
}
});
loadObserver.observe(loopContainer, { childList: true, subtree: true });
});
}
}
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
window.BreakdanceSwiper().update({
id: 'bde-post-loop-8845-422', selector:'.breakdance .bde-post-loop-8845-422',
settings:{"effect":"slide","advanced":{"slides_per_view":{"breakpoint_base":2,"breakpoint_tablet_portrait":2,"breakpoint_phone_landscape":1},"between_slides":{"breakpoint_base":{"number":60,"unit":"px","style":"60px"},"breakpoint_tablet_landscape":{"number":40,"unit":"px","style":"40px"},"breakpoint_tablet_portrait":{"number":30,"unit":"px","style":"30px"}}},"infinite":"enabled"},
paginationSettings:{"bullets":{"color":"var(--bde-brand-primary-color)"},"type":"bullets","margin":{"breakpoint_base":{"number":50,"unit":"px","style":"50px"},"breakpoint_phone_landscape":{"number":20,"unit":"px","style":"20px"}}},
});
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
new BreakdanceParallax(
'.breakdance .bde-div-9029-168',
{"enabled":true,"y":{"end":{"number":24,"unit":"%","style":"24%"},"start":{"number":-70,"unit":"%","style":"-70%"}}}
)
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
new BreakdanceEntrance(
'.breakdance .bde-code-block-9029-171',
{"animation_type":"fade","duration":{"number":100,"unit":"ms","style":"100ms"}}
)
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdancePopup(18152, {"onlyShowOnce":false,"avoidMultiple":true,"limitSession":null,"limitPageLoad":null,"limitForever":null,"triggers":[{"slug":"load"}],"breakpointConditions":[]}); }) </script>
<script>document.addEventListener('DOMContentLoaded', function(){
if (window.breakdancePopupInstances) {
const popupInstance = window.breakdancePopupInstances[18152] ?? null;
if (popupInstance) {
popupInstance.setOptions({
keepOpenOnHashlinkClicks: false,
closeOnClickOutside: false,
closeOnEscapeKey: false,
closeAfterMilliseconds: null,
showCloseButtonAfterMilliseconds: null,
disableScrollWhenOpen: false,
entranceAnimation: {"animation_type":"slideUp"},
exitAnimation: {"animation_type":"slideDown"},
});
}
}
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
(() => {
const popupRootSelector = '.get-fired-min-js'
const minimizedContainerSelector = '.popup-toggled-content-hide'
const expandedContainerSelector = '.popup-toggled-content'
const expandToggleButtonSelector = '.popup-toggle-content button'
const minimizeButtonSelector = '.popup-minimize-popup button'
const formIframeSelector = 'iframe'
const expandedContainerId = 'get-fired-min-expanded'
const setHiddenState = (domElement, isHidden) => {
if (domElement) {
if (isHidden) {
domElement.setAttribute('aria-hidden', 'true')
domElement.style.display = 'none'
} else {
domElement.setAttribute('aria-hidden', 'false')
domElement.style.display = ''
}
}
}
const focusDomElement = (domElement) => {
if (domElement) {
const currentTabIndex = domElement.getAttribute('tabindex')
if (currentTabIndex === null) {
domElement.setAttribute('tabindex', '-1')
}
domElement.focus()
}
}
const disableIframeLoading = (expandedContainerElement) => {
if (expandedContainerElement) {
const formIframeElement = expandedContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
const storedSrc = formIframeElement.getAttribute('data-get-fired-min-src')
const currentSrc = formIframeElement.getAttribute('src')
if (!storedSrc && currentSrc) {
formIframeElement.setAttribute('data-get-fired-min-src', currentSrc)
}
if (currentSrc) {
formIframeElement.removeAttribute('src')
}
formIframeElement.setAttribute('tabindex', '-1')
}
}
}
const enableIframeLoading = (expandedContainerElement) => {
if (expandedContainerElement) {
const formIframeElement = expandedContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
const storedSrc = formIframeElement.getAttribute('data-get-fired-min-src')
const currentSrc = formIframeElement.getAttribute('src')
if (storedSrc && (!currentSrc || currentSrc.length === 0)) {
formIframeElement.setAttribute('src', storedSrc)
}
formIframeElement.removeAttribute('tabindex')
}
}
}
const getFirstTrapElement = (expandedContainerElement, minimizeButtonElement) => {
let firstTrapElement = null
if (expandedContainerElement) {
const formIframeElement = expandedContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
firstTrapElement = formIframeElement
}
if (!firstTrapElement) {
firstTrapElement = expandedContainerElement.querySelector('input, select, textarea, button, a[href], [tabindex]:not([tabindex="-1"])')
}
}
if (!firstTrapElement) {
firstTrapElement = minimizeButtonElement
}
return firstTrapElement
}
const enableFocusTrapWhileExpanded = (popupRootElement, expandedStateGetter, expandedContainerElementGetter, minimizeButtonElementGetter) => {
const onPopupKeyDown = (keyboardEvent) => {
const isTabKey = keyboardEvent.key === 'Tab'
if (isTabKey) {
const isExpanded = expandedStateGetter()
if (isExpanded) {
const expandedContainerElement = expandedContainerElementGetter()
const minimizeButtonElement = minimizeButtonElementGetter()
if (minimizeButtonElement) {
const firstTrapElement = getFirstTrapElement(expandedContainerElement, minimizeButtonElement)
const lastTrapElement = minimizeButtonElement
const activeDomElement = document.activeElement
const isShiftPressed = keyboardEvent.shiftKey === true
if (isShiftPressed) {
if (activeDomElement === firstTrapElement) {
keyboardEvent.preventDefault()
focusDomElement(lastTrapElement)
}
} else {
if (activeDomElement === lastTrapElement) {
keyboardEvent.preventDefault()
focusDomElement(firstTrapElement)
}
}
}
}
}
}
if (popupRootElement) {
popupRootElement.addEventListener('keydown', onPopupKeyDown)
}
}
const initializeMinimizedPopup = (popupRootElement) => {
const minimizedContainerElement = popupRootElement.querySelector(minimizedContainerSelector)
const expandedContainerElement = popupRootElement.querySelector(expandedContainerSelector)
const expandToggleButtonElement = popupRootElement.querySelector(expandToggleButtonSelector)
const minimizeButtonElement = popupRootElement.querySelector(minimizeButtonSelector)
let isExpanded = false
// Ensure expanded container has a stable id for aria-controls.
if (expandedContainerElement) {
if (!expandedContainerElement.id) {
expandedContainerElement.id = expandedContainerId
}
}
// Toggle button ARIA.
if (expandToggleButtonElement && expandedContainerElement) {
expandToggleButtonElement.setAttribute('aria-controls', expandedContainerElement.id)
expandToggleButtonElement.setAttribute('aria-expanded', 'false')
}
// Initial state: minimized visible, expanded hidden.
setHiddenState(expandedContainerElement, true)
setHiddenState(minimizedContainerElement, false)
disableIframeLoading(expandedContainerElement)
const expand = () => {
isExpanded = true
if (expandToggleButtonElement) {
expandToggleButtonElement.setAttribute('aria-expanded', 'true')
}
setHiddenState(minimizedContainerElement, true)
setHiddenState(expandedContainerElement, false)
enableIframeLoading(expandedContainerElement)
// Focus: prefer iframe, else first focusable, else heading, else expanded container.
let focusTargetElement = null
if (expandedContainerElement) {
const formIframeElement = expandedContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
focusTargetElement = formIframeElement
}
if (!focusTargetElement) {
focusTargetElement = expandedContainerElement.querySelector('input, select, textarea, button, a[href], [tabindex]:not([tabindex="-1"])')
}
if (!focusTargetElement) {
focusTargetElement = expandedContainerElement.querySelector('#get-fired-modal-title')
}
if (!focusTargetElement) {
expandedContainerElement.setAttribute('tabindex', '-1')
focusTargetElement = expandedContainerElement
}
}
focusDomElement(focusTargetElement)
}
const collapse = () => {
isExpanded = false
if (expandToggleButtonElement) {
expandToggleButtonElement.setAttribute('aria-expanded', 'false')
}
setHiddenState(expandedContainerElement, true)
setHiddenState(minimizedContainerElement, false)
disableIframeLoading(expandedContainerElement)
focusDomElement(expandToggleButtonElement)
}
if (expandToggleButtonElement) {
expandToggleButtonElement.addEventListener('click', expand)
}
if (minimizeButtonElement) {
minimizeButtonElement.addEventListener('click', collapse)
}
enableFocusTrapWhileExpanded(
popupRootElement,
() => isExpanded,
() => expandedContainerElement,
() => minimizeButtonElement
)
}
const bootstrap = () => {
const popupRootElement = document.querySelector(popupRootSelector)
if (popupRootElement) {
initializeMinimizedPopup(popupRootElement)
}
}
bootstrap()
})();
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdancePopup(13721, {"onlyShowOnce":false,"avoidMultiple":false,"limitSession":1,"limitPageLoad":null,"limitForever":null,"triggers":[{"slug":"scroll","options":{"scrollType":"percent","percent":30}}],"breakpointConditions":[]}); }) </script>
<script>document.addEventListener('DOMContentLoaded', function(){
if (window.breakdancePopupInstances) {
const popupInstance = window.breakdancePopupInstances[13721] ?? null;
if (popupInstance) {
popupInstance.setOptions({
keepOpenOnHashlinkClicks: false,
closeOnClickOutside: true,
closeOnEscapeKey: true,
closeAfterMilliseconds: null,
showCloseButtonAfterMilliseconds: null,
disableScrollWhenOpen: false,
entranceAnimation: {"animation_type":"slideUp"},
exitAnimation: {"animation_type":"slideDown"},
});
}
}
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){
(() => {
const popupRootSelector = '.fired-popup-js'
const popupCtaContainerSelector = '.fired-popup-cta-js'
const popupFormContainerSelector = '.fired-popup-form-js'
const popupOpenClassName = 'breakdance-popup-open'
const popupCtaContainerId = 'fired-popup-cta-page'
const popupFormContainerId = 'fired-popup-form-page'
const closeControlSelector = '[data-breakdance-popup-action="close"]'
const ctaToggleButtonSelector = '.popup-toggle-content button'
const formIframeSelector = 'iframe'
const setHiddenState = (domElement, isHidden) => {
if (domElement) {
if (isHidden) {
domElement.setAttribute('aria-hidden', 'true')
domElement.style.display = 'none'
} else {
domElement.setAttribute('aria-hidden', 'false')
domElement.style.display = ''
}
}
}
const setAnnouncedHiddenState = (domElement, isHidden) => {
if (domElement) {
if (isHidden) {
domElement.setAttribute('aria-hidden', 'true')
} else {
domElement.setAttribute('aria-hidden', 'false')
}
}
}
const disableFormIframeLoadingUntilVisible = (popupFormContainerElement) => {
if (popupFormContainerElement) {
const formIframeElement = popupFormContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
const storedSrc = formIframeElement.getAttribute('data-fired-popup-src')
const currentSrc = formIframeElement.getAttribute('src')
if (!storedSrc && currentSrc) {
formIframeElement.setAttribute('data-fired-popup-src', currentSrc)
}
// Remove src to prevent early load/trigger while page 2 is hidden.
if (currentSrc) {
formIframeElement.removeAttribute('src')
}
// Avoid accidental focus while hidden.
formIframeElement.setAttribute('tabindex', '-1')
}
}
}
const enableFormIframeLoadingWhenVisible = (popupFormContainerElement) => {
if (popupFormContainerElement) {
const formIframeElement = popupFormContainerElement.querySelector(formIframeSelector)
if (formIframeElement) {
const storedSrc = formIframeElement.getAttribute('data-fired-popup-src')
const currentSrc = formIframeElement.getAttribute('src')
if (storedSrc && (!currentSrc || currentSrc.length === 0)) {
formIframeElement.setAttribute('src', storedSrc)
}
// Restore focusability.
formIframeElement.removeAttribute('tabindex')
}
}
}
const focusDomElement = (domElement) => {
if (domElement) {
const currentTabIndex = domElement.getAttribute('tabindex')
if (currentTabIndex === null) {
domElement.setAttribute('tabindex', '-1')
}
domElement.focus()
}
}
const getWebsiteGuideFocusTarget = (popupCtaContainerElement) => {
let focusTargetElement = null
if (popupCtaContainerElement) {
// Prefer the first visible text block inside the CTA container.
const candidateTextElements = popupCtaContainerElement.querySelectorAll('.bde-text')
if (candidateTextElements && candidateTextElements.length > 0) {
focusTargetElement = candidateTextElements[0]
}
if (!focusTargetElement) {
// Fallback: first element node inside CTA container.
const firstChildElement = popupCtaContainerElement.querySelector('*')
if (firstChildElement) {
focusTargetElement = firstChildElement
}
}
}
return focusTargetElement
}
const enhanceCloseControlToButton = (closeControlElement) => {
if (closeControlElement) {
closeControlElement.setAttribute('role', 'button')
closeControlElement.setAttribute('tabindex', '0')
const existingAriaLabel = closeControlElement.getAttribute('aria-label')
if (!existingAriaLabel) {
closeControlElement.setAttribute('aria-label', 'Close')
}
const onCloseControlKeyDown = (keyboardEvent) => {
const pressedKey = keyboardEvent.key
const isEnterKey = pressedKey === 'Enter'
const isSpaceKey = pressedKey === ' '
if (isEnterKey || isSpaceKey) {
keyboardEvent.preventDefault()
closeControlElement.click()
}
}
closeControlElement.addEventListener('keydown', onCloseControlKeyDown)
}
}
const enableTwoElementFocusTrap = (popupRootElement, getFirstTrapElement, getLastTrapElement, isTrapEnabledGetter) => {
const onPopupKeyDown = (keyboardEvent) => {
const isTabKey = keyboardEvent.key === 'Tab'
if (isTabKey) {
const isTrapEnabled = isTrapEnabledGetter()
if (isTrapEnabled) {
const firstTrapElement = getFirstTrapElement()
const lastTrapElement = getLastTrapElement()
if (firstTrapElement && lastTrapElement) {
const activeDomElement = document.activeElement
const isShiftPressed = keyboardEvent.shiftKey === true
if (isShiftPressed) {
if (activeDomElement === firstTrapElement) {
keyboardEvent.preventDefault()
focusDomElement(lastTrapElement)
}
} else {
if (activeDomElement === lastTrapElement) {
keyboardEvent.preventDefault()
focusDomElement(firstTrapElement)
}
}
}
}
}
}
if (popupRootElement) {
popupRootElement.addEventListener('keydown', onPopupKeyDown)
}
}
const initializePopupBehavior = (popupRootElement) => {
let previouslyFocusedDomElement = null
const popupCtaContainerElement = popupRootElement.querySelector(popupCtaContainerSelector)
const popupFormContainerElement = popupRootElement.querySelector(popupFormContainerSelector)
const ctaToggleButtonElement = popupRootElement.querySelector(ctaToggleButtonSelector)
const closeControlElement = popupRootElement.querySelector(closeControlSelector)
// Page state
let isFormPageVisible = false
// Ensure stable IDs for aria-controls and page swapping.
if (popupCtaContainerElement) {
if (!popupCtaContainerElement.id) {
popupCtaContainerElement.id = popupCtaContainerId
}
}
if (popupFormContainerElement) {
if (!popupFormContainerElement.id) {
popupFormContainerElement.id = popupFormContainerId
}
}
// Ensure page 2 is hidden on load.
isFormPageVisible = false
// Prevent early iframe load/trigger while page 2 is hidden.
disableFormIframeLoadingUntilVisible(popupFormContainerElement)
// Keep page 2 fully removed from layout and accessibility tree.
setHiddenState(popupFormContainerElement, true)
setHiddenState(popupCtaContainerElement, false)
// Toggle button semantics.
if (ctaToggleButtonElement && popupFormContainerElement) {
ctaToggleButtonElement.setAttribute('aria-controls', popupFormContainerElement.id)
ctaToggleButtonElement.setAttribute('aria-expanded', 'false')
}
// Close control button behavior.
enhanceCloseControlToButton(closeControlElement)
// Restore focus on close.
const restoreFocusAfterClose = () => {
if (previouslyFocusedDomElement && typeof previouslyFocusedDomElement.focus === 'function') {
previouslyFocusedDomElement.focus()
}
}
if (closeControlElement) {
closeControlElement.addEventListener('click', restoreFocusAfterClose)
}
// Focus trap (active while popup is open). Page 1 traps between CTA button and close.
// Page 2 traps between first focusable element in form page and close.
const isTrapEnabledGetter = () => {
const isPopupOpen = popupRootElement.classList.contains(popupOpenClassName)
return isPopupOpen
}
const getFirstTrapElement = () => {
let firstTrapDomElement = null
if (isFormPageVisible) {
if (popupFormContainerElement) {
const iframeElement = popupFormContainerElement.querySelector(formIframeSelector)
if (iframeElement) {
firstTrapDomElement = iframeElement
}
if (!firstTrapDomElement) {
firstTrapDomElement = popupFormContainerElement.querySelector('input, select, textarea, button, a[href], [tabindex]:not([tabindex="-1"])')
}
}
if (!firstTrapDomElement) {
firstTrapDomElement = closeControlElement
}
} else {
firstTrapDomElement = ctaToggleButtonElement
if (!firstTrapDomElement) {
firstTrapDomElement = closeControlElement
}
}
return firstTrapDomElement
}
const getLastTrapElement = () => {
// Always keep close control as the last stop.
return closeControlElement
}
enableTwoElementFocusTrap(popupRootElement, getFirstTrapElement, getLastTrapElement, isTrapEnabledGetter)
// Page swap: CTA -> Form.
const onCtaToggleButtonClick = (mouseEvent) => {
if (mouseEvent) {
// keep default behavior unless Breakdance needs it
}
isFormPageVisible = true
if (ctaToggleButtonElement) {
ctaToggleButtonElement.setAttribute('aria-expanded', 'true')
}
setHiddenState(popupCtaContainerElement, true)
setHiddenState(popupFormContainerElement, false)
// Allow iframe to load only after page 2 is shown.
enableFormIframeLoadingWhenVisible(popupFormContainerElement)
// Move focus into the form area.
// Prefer focusing the iframe itself (explicitly requested).
let iframeElement = null
if (popupFormContainerElement) {
iframeElement = popupFormContainerElement.querySelector('iframe')
}
if (iframeElement) {
// Ensure src is present (in case it was disabled until visible).
enableFormIframeLoadingWhenVisible(popupFormContainerElement)
focusDomElement(iframeElement)
} else {
if (popupFormContainerElement) {
popupFormContainerElement.setAttribute('tabindex', '-1')
}
focusDomElement(popupFormContainerElement)
}
}
if (ctaToggleButtonElement) {
ctaToggleButtonElement.addEventListener('click', onCtaToggleButtonClick)
}
// When popup opens, focus the “WEBSITE GUIDE” text.
const focusWebsiteGuideOnOpen = () => {
// Capture focus before moving it into the popup.
const currentlyFocusedDomElement = document.activeElement
if (currentlyFocusedDomElement && !popupRootElement.contains(currentlyFocusedDomElement)) {
previouslyFocusedDomElement = currentlyFocusedDomElement
}
// Ensure initial state reflects that page 1 is active.
isFormPageVisible = false
if (ctaToggleButtonElement) {
ctaToggleButtonElement.setAttribute('aria-expanded', 'false')
}
setHiddenState(popupFormContainerElement, true)
setHiddenState(popupCtaContainerElement, false)
// Keep iframe from loading while page 2 is hidden.
disableFormIframeLoadingUntilVisible(popupFormContainerElement)
// Dialog semantics and naming.
const popupDialogElement = popupRootElement.querySelector('.breakdance-popup')
if (popupDialogElement) {
popupDialogElement.setAttribute('role', 'dialog')
popupDialogElement.setAttribute('aria-modal', 'true')
let dialogLabelElement = null
if (popupCtaContainerElement) {
dialogLabelElement = popupCtaContainerElement.querySelector('.font-heading')
if (!dialogLabelElement) {
const candidateTextElements = popupCtaContainerElement.querySelectorAll('.bde-text')
if (candidateTextElements && candidateTextElements.length > 0) {
dialogLabelElement = candidateTextElements[0]
}
}
}
if (dialogLabelElement) {
if (!dialogLabelElement.id) {
dialogLabelElement.id = 'fired-popup-dialog-label'
}
popupDialogElement.setAttribute('aria-labelledby', dialogLabelElement.id)
} else {
popupDialogElement.setAttribute('aria-label', 'Website guide')
}
}
const websiteGuideFocusTarget = getWebsiteGuideFocusTarget(popupCtaContainerElement)
focusDomElement(websiteGuideFocusTarget)
}
// Observe class changes for open state (scroll trigger).
const popupOpenStateObserver = new MutationObserver(() => {
const isPopupOpen = popupRootElement.classList.contains(popupOpenClassName)
// Entire popup must be announced as hidden while closed.
setAnnouncedHiddenState(popupRootElement, !isPopupOpen)
if (isPopupOpen) {
// Only refocus when on page 1.
if (!isFormPageVisible) {
focusWebsiteGuideOnOpen()
}
}
})
popupOpenStateObserver.observe(popupRootElement, { attributes: true, attributeFilter: ['class'] })
// If already open at load time.
const isAlreadyOpen = popupRootElement.classList.contains(popupOpenClassName)
setAnnouncedHiddenState(popupRootElement, !isAlreadyOpen)
if (isAlreadyOpen) {
focusWebsiteGuideOnOpen()
}
}
const bootstrapPopup = () => {
const popupRootElement = document.querySelector(popupRootSelector)
if (popupRootElement) {
initializePopupBehavior(popupRootElement)
}
}
bootstrapPopup()
})();
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdancePopup(9666, {"onlyShowOnce":false,"avoidMultiple":false,"limitSession":null,"limitPageLoad":null,"limitForever":null,"triggers":[],"breakpointConditions":[]}); }) </script>
<script>document.addEventListener('DOMContentLoaded', function(){
if (window.breakdancePopupInstances) {
const popupInstance = window.breakdancePopupInstances[9666] ?? null;
if (popupInstance) {
popupInstance.setOptions({
keepOpenOnHashlinkClicks: false,
closeOnClickOutside: true,
closeOnEscapeKey: true,
closeAfterMilliseconds: null,
showCloseButtonAfterMilliseconds: null,
disableScrollWhenOpen: true,
});
}
}
})
</script>
<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdancePopup(8888, {"onlyShowOnce":false,"avoidMultiple":false,"limitSession":null,"limitPageLoad":null,"limitForever":null,"triggers":[],"breakpointConditions":[]}); }) </script>
<script>document.addEventListener('DOMContentLoaded', function(){
if (window.breakdancePopupInstances) {
const popupInstance = window.breakdancePopupInstances[8888] ?? null;
if (popupInstance) {
popupInstance.setOptions({
keepOpenOnHashlinkClicks: false,
closeOnClickOutside: true,
closeOnEscapeKey: true,
closeAfterMilliseconds: null,
showCloseButtonAfterMilliseconds: null,
disableScrollWhenOpen: true,
entranceAnimation: {"animation_type":"slideDown"},
exitAnimation: {"animation_type":"slideDown"},
});
}
}
})
</script>
</body>
</html>