| Dir : /home/distinctdesign/codenwebz.com/website-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/website-design-3/index.php |
<?php include '../config.php' ?>
<!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>Web Design Agency</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="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" />
<link rel="stylesheet" href="css/font-awsome.css" />
<!-- [/EOF HEADER ASSETS] -->
<script id="ze-snippet"
src="https://static.zdassets.com/ekr/snippet.js?key=720d3002-e8b4-4f4a-aaef-283f5285777c"
async>
</script>
</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="as-hero-1-active">
<p class="as-h-1 active-text">
<i aria-hidden="true" class="fas fa-circle"></i> Book Your Slot
</p>
<img decoding="async" class="bg-shape"
src="https://fionazeerak.com/wp-content/uploads/2025/10/h1-active-bg.webp" alt="h1-active-bg">
</div>
<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="javascript:;" target="_self" data-type="url" data-target="#ProjectPop">
<span class="button-atom__text">Start 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>
<a href="<?php echo PHONE_HREF; ?>" type="button" class="e9-tooltip-trigger" aria-describedby="tooltip-phone"
aria-controls="tooltip-phone" aria-expanded="false">
<?php echo PHONE; ?>
</a>
</div>
</div>
</div>
</div>
</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="#" 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="#" 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="#" 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="#" 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="#" 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="#" 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="#" 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="#" 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-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" data-target="#ProjectPop">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" data-target="#ProjectPop">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" data-target="#ProjectPop">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" data-target="#ProjectPop">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" data-target="#ProjectPop">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" data-target="#ProjectPop">Start
Project</a>
</div>
</div>
</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="showcase-tabs" role="tablist" aria-label="Filter showcase by category">
<button class="showcase-tab-btn active" data-tab="all" role="tab" aria-selected="true">All</button>
<button class="showcase-tab-btn" data-tab="beauty" role="tab" aria-selected="false">Beauty</button>
<button class="showcase-tab-btn" data-tab="auto" role="tab" aria-selected="false">Auto</button>
</div>
<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" data-category="all">
<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="#" 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="#" 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/04.jpg"
alt="Katsky Korins desktop homepage hero featuring firm tagline and office interior background."
loading="lazy">
</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/04-mobile.png"
alt="Katsky Korins mobile website practice areas section highlighting bankruptcy, creditors’ rights, and construction."
loading="lazy">
</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">
TREK —
<a href="#">Automotive & Design</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18715-18115-1 bde-heading h4 bde-heading-18115-121">
Trek App: Design & Experience Mockup
</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="#"
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/05.jpg"
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">
</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/05-mobile.png"
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">
</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">
be ORGANIC —
<a href="#">Health & Wellness</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18671-18115-1 bde-heading h4 bde-heading-18115-121">
Organic Food App: Recipe Experience Mockup
</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="#"
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/06.jpg"
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">
</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/06-mobile.png"
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">
</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">
Familia BeWine —
<a href="#">Wine & Heritage</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18671-18115-1 bde-heading h4 bde-heading-18115-121">
BeWine App: Vineyard & Heritage Mockup
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="bde-loop bde-loop-grid ee-posts ee-posts-grid" data-category="beauty">
<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="#" 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/beauty/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/beauty/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">
Aromatherapy Institute —
<a href="#">Health & Vitality</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18799-18115-1 bde-heading h4 bde-heading-18115-121">
Aromatherapy App: Health & Vitality Mockup
</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/beauty/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/beauty/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">
MENTAL & PHYSICAL HEALTH —
<a href="#">Explore Your Natural Healing Journey</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18786-18115-1 bde-heading h4 bde-heading-18115-121">
Wellness App: Programs & Bookings Mockup
</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/beauty/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/beauty/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">
Be Massage —
<a href="#">Relax & Unwind</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18737-18115-1 bde-heading h4 bde-heading-18115-121">
Be Massage App: Relax Your Body 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="#" 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/beauty/04.jpg"
alt="Katsky Korins desktop homepage hero featuring firm tagline and office interior background."
loading="lazy">
</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/beauty/04-mobile.png"
alt="Katsky Korins mobile website practice areas section highlighting bankruptcy, creditors’ rights, and construction."
loading="lazy">
</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">
BeOculist —
<a href="#">Optical & Vision Care</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18715-18115-1 bde-heading h4 bde-heading-18115-121">
BeOculist App: Vision Care & Diagnostics Mockup
</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="#"
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/beauty/05.jpg"
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">
</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/beauty/05-mobile.png"
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">
</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">
Huntley Cove —
<a href="#">Premium Furniture</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18671-18115-1 bde-heading h4 bde-heading-18115-121">
Huntley Cove: Home Decor & Comfort Mockup
</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="#"
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/beauty/06.jpg"
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">
</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/beauty/06-mobile.png"
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">
</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">
Ritual —
<a href="#">Freelance & Jobs</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18671-18115-1 bde-heading h4 bde-heading-18115-121">
Ritual App: Passion-Driven Job Mockup
</h2>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="bde-loop bde-loop-grid ee-posts ee-posts-grid" data-category="auto">
<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="#" 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/auto/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/auto/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">
bemechanic —
<a href="#">Rally Engineering</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18799-18115-1 bde-heading h4 bde-heading-18115-121">
bemechanic App: Rally Car Design Mockup
</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/auto/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/auto/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">
BECARPARTS —
<a href="#">Premium Auto Parts</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18786-18115-1 bde-heading h4 bde-heading-18115-121">
BECARPARTS: Car Parts Shop & Delivery Mockup
</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/auto/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/auto/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">
BeCarParts —
<a href="#">Performance Series</a>
</div>
</div>
<h2 class="bde-heading-18115-121-18737-18115-1 bde-heading h4 bde-heading-18115-121">
BeCarParts: Upgrade Your Ride App
</h2>
</div>
</div>
</div>
</div>
</section>
</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-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="javascript:;" data-target="#ProjectPop" 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="#" target="_self" data-type="url" data-target="#ProjectPop">
<span class="button-atom__text">Partner Inquiries</span>
</a>
</div>
</div>
</div>
<div class="footer-right-form">
<h3 class="form-title">Get in Touch</h3>
<form class="form_submission" method="post">
<!-- Hidden Fields -->
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="Popup Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="row">
<!-- Name -->
<div class="col-lg-6">
<div class="form_field">
<label>Your Name</label>
<input type="text" name="cn" class="c_field" placeholder="Enter your name" required>
</div>
</div>
<!-- Email -->
<div class="col-lg-6">
<div class="form_field">
<label>Email Address</label>
<input type="email" name="em" class="c_field" placeholder="Enter your email" required>
</div>
</div>
<!-- Phone -->
<div class="col-lg-12">
<div class="form_field">
<label>Phone Number</label>
<input type="tel" name="pn" class="c_field" placeholder="Enter your phone number" required>
</div>
</div>
<!-- Message -->
<div class="col-lg-12">
<div class="form_field">
<label>Your Message</label>
<textarea name="msg" class="c_field" rows="5" placeholder="Write your message..." required></textarea>
</div>
</div>
<!-- Submit Button -->
<div class="col-lg-12">
<button type="submit" class="c_btn btn_green lfbtn">
Submit Message
</button>
</div>
<!-- Status Messages -->
<div class="col-lg-12">
<div class="loader">
<img src="/loader.gif" alt="Loading...">
</div>
<div class="success"></div>
<div class="error"></div>
</div>
</div>
</form>
</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</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>
</div>
<div class="bde-shortcode-9029-184 bde-shortcode">
<div class="e9-ada-compliant-badge">
<a class="e9-ada-compliant-badge__link" href="#" 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="modal fade" id="ProjectPop" tabindex="-1" aria-labelledby="ProjectPopLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="popup_form">
<button type="button" class="close_popup" data-dismiss="modal" aria-label="Close"><i
class="fas fa-times"></i></button>
<h3 class="title">Get In Touch</h3>
<form class="form_submission" method="post">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="Popup Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="row">
<div class="col-lg-6">
<div class="form_field">
<input type="text" name="cn" class="c_field" placeholder="Your Name" required>
</div>
</div>
<div class="col-lg-6">
<div class="form_field">
<input type="email" class="c_field" name="em" placeholder="Your Email Address" required>
</div>
</div>
<div class="col-lg-12">
<div class="form_field">
<input type="tel" name="pn" class="c_field" placeholder="Your Phone Number" required>
</div>
</div>
<div class="col-lg-12">
<div class="form_field">
<textarea class="c_field" name="msg" rows="5" placeholder="Your Message" required></textarea>
</div>
</div>
<div class="col-lg-4">
<button type="submit" class="c_btn btn_green lfbtn">Submit</button>
</div>
<div class="col-lg-12">
<div class="loader">
<img src="/loader.gif">
</div>
<div class="success"></div>
<div class="error"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header justify-content-between align-items-center d-flex">
<h5 class="modal-title">Get a Fast Free Quote</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body smmStepsForm">
</button>
<div class="progressBar">
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
</div>
<div class="form-outer">
<form class="quoteForm form_submission">
<input type="hidden" name="url" value='<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>'>
<input type="hidden" name="domain" value="<?php echo $_SERVER['SERVER_NAME']; ?>">
<input type="hidden" name="subject" value="Popup Form (<?php echo $_SERVER['SERVER_NAME']; ?>)">
<div class="page slide-page">
<div class="title">What would you like done?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="New Website" data-name="subject">
New Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="Website Redesign" data-name="subject">
Website Redesign
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="subject" value="Updates to an existing website" data-name="subject">
Updates to an existing website
</label>
</div>
</div>
<!-- <div class="field firstBtn">
<button class="firstNext next">Next</button>
</div> -->
</div>
<div class="page">
<button class="prev-1 prev" type="button" id="prev"></button>
<div class="title">What type of website do you want?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Business Website" data-name="goals">
Business Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Ecommerce / Online Store Website" data-name="goals">
Ecommerce / Online Store Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Booking / Event Website" data-name="goals">
Booking / Event Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Non-Profit Website" data-name="goals">
Non-Profit Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Blog / News Website" data-name="goals">
Blog / News Website
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="goals" value="Other" data-name="goals">
Other
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">When are you looking to get started?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="As soon as possible" data-name="plan">
As soon as possible
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Within a week or two" data-name="plan">
Within a week or two
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Within a month" data-name="plan">
Within a month
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="plan" value="Not sure" data-name="plan">
Not sure
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">How much are you open to spending?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="Under $500" data-name="budget">
Under $500
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$500 - $1,000" data-name="budget">
$500 - $1,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$1,000 - $3,000" data-name="budget">
$1,000 - $3,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="$3,000 - $5,000" data-name="budget">
$3,000 - $5,000
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="budget" value="More than $5,000" data-name="budget">
More than $5,000
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">Additional details about your website</div>
<div class="fieldSet">
<div class="field">
<textarea class="form-control" name="msg" placeholder="Enter a brief description of your website." required></textarea>
</div>
</div>
<div class="field btns">
<button class="next-1 next btn btn-theme w-100">Next</button>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">Do you already have a website?</div>
<div class="fieldSet">
<div class="field">
<label class="checkbox path">
<input type="radio" name="website" value="Yes" data-name="website">
Yes
</label>
</div>
<div class="field">
<label class="checkbox path">
<input type="radio" name="website" value="No" data-name="website">
No
</label>
</div>
</div>
</div>
<div class="page">
<button class="prev-1 prev" type="button"></button>
<div class="title">What's your website name?</div>
<div class="fieldSet">
<div class="field">
<textarea class="form-control" name="website_name" data-name="website_name" required placeholder="Enter Your Website Name or URL"></textarea>
</div>
</div>
<div class="field btns">
<button class="next-1 next btn btn-theme w-100">Next</button>
</div>
</div>
<div class="page lastPage">
<button class="prev-1 prev" type="button"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>
<div class="title">Submit your information</div>
<div class="field">
<input type="text" class="form-control" name="cn" placeholder="Full Name" />
</div>
<div class="field">
<input type="text" class="form-control" name="em" placeholder="Email Address" />
</div>
<div class="field">
<input type="text" class="form-control" name="pn" placeholder="Phone Number" />
</div>
<div class="field btns">
<button type="submit" class="submit">Submit</button>
<div class="error mt-3 alert alert-danger text-left mb-0" style="display: none"></div>
<div class="success mt-3 alert alert-success text-left mb-0" style="display: none"></div>
<div class="loader" style="display: none">
<img alt="loader" src="loader.gif">
</div>
</div>
</div>
</form>
</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/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/popup-animations.js' defer></script>
<script>document.addEventListener('DOMContentLoaded', function () {
if (!window.BreakdanceFrontend) {
window.BreakdanceFrontend = {}
}
window.BreakdanceFrontend.data = { "homeUrl": "", "ajaxUrl": "", "elementsPluginUrl": "#", "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 () {
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 () {
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 () {
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 () {
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 () {
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" },
});
}
}
});
document.addEventListener('DOMContentLoaded', function () {
var tabs = document.querySelectorAll('.showcase-tab-btn');
var grids = document.querySelectorAll('.bde-post-loop-8845-504 .bde-loop[data-category]');
// Show "all" grid on load
grids.forEach(function (g) {
g.classList.toggle('tab-active', g.getAttribute('data-category') === 'all');
});
tabs.forEach(function (btn) {
btn.addEventListener('click', function () {
var selected = btn.getAttribute('data-tab');
// Update active button
tabs.forEach(function (t) {
t.classList.remove('active');
t.setAttribute('aria-selected', 'false');
});
btn.classList.add('active');
btn.setAttribute('aria-selected', 'true');
// Show matching grid, hide others
grids.forEach(function (g) {
g.classList.toggle('tab-active', g.getAttribute('data-category') === selected);
});
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Open: any element with data-target="#ProjectPop" or data-bs-target="#ProjectPop"
document.body.addEventListener('click', function (e) {
var trigger = e.target.closest('[data-target="#ProjectPop"], [data-bs-target="#ProjectPop"], [data-modal="ProjectPop"]');
if (trigger) {
e.preventDefault();
document.getElementById('ProjectPop').classList.add('show');
document.body.style.overflow = 'hidden';
}
});
// Close: X button, clicking the overlay background, or data-dismiss="modal"
document.body.addEventListener('click', function (e) {
var modal = document.getElementById('ProjectPop');
if (e.target.closest('[data-dismiss="modal"]') || e.target === modal) {
modal.classList.remove('show');
document.body.style.overflow = '';
}
});
// Close on Escape key
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
document.getElementById('ProjectPop').classList.remove('show');
document.body.style.overflow = '';
}
});
});
</script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="/js/form-submit.js"></script>
<script src="/js/chat.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
initMultiStepForm();
setTimeout(function () {
$("#exampleModalCenter").addClass("show");
}, 3000);
function initMultiStepForm() {
const progressText = document.querySelectorAll("#exampleModalCenter .step");
const pages = document.querySelectorAll("#exampleModalCenter .page");
const inputs = document.querySelectorAll("#exampleModalCenter .field input[type='radio']");
const nextButtons = document.querySelectorAll("#exampleModalCenter .next");
const prevButtons = document.querySelectorAll("#exampleModalCenter .prev");
const stepsNumber = pages.length;
if (!pages.length) {
console.error("No pages found in form");
return;
}
document.documentElement.style.setProperty("--stepNumber", stepsNumber);
let current = 0;
// Show first page
pages[0].classList.add("active-page");
function goTo(index) {
pages[current].classList.remove("active-page");
if (index > current && progressText[current]) {
progressText[current].classList.add("active");
}
if (index < current && progressText[current - 1]) {
progressText[current - 1].classList.remove("active");
}
current = index;
pages[current].classList.add("active-page");
}
inputs.forEach(input => {
input.addEventListener('change', function () {
if (this.checked) {
const allFields = this.closest('.page').querySelectorAll('.field');
allFields.forEach(f => f.classList.remove('active'));
this.closest('.field').classList.add('active');
setTimeout(() => {
if (current < stepsNumber - 1) goTo(current + 1);
}, 300);
}
});
});
nextButtons.forEach(btn => {
btn.addEventListener("click", function (e) {
e.preventDefault();
const currentPage = this.closest(".page");
const required = currentPage.querySelectorAll("input[required], textarea[required]");
let valid = true;
required.forEach(el => {
if (!el.value.trim()) {
el.classList.add("invalid-input");
valid = false;
} else {
el.classList.remove("invalid-input");
}
});
if (!valid) return;
if (current < stepsNumber - 1) goTo(current + 1);
});
});
prevButtons.forEach(btn => {
btn.addEventListener("click", function (e) {
e.preventDefault();
if (current > 0) goTo(current - 1);
});
});
}
// Inside your DOMContentLoaded block, add this:
// Close button
document.querySelector("#exampleModalCenter .close").addEventListener("click", function () {
document.getElementById("exampleModalCenter").classList.remove("show");
});
// Click outside modal to close
document.getElementById("exampleModalCenter").addEventListener("click", function (e) {
if (e.target === this) {
this.classList.remove("show");
}
});
// Escape key to close
document.addEventListener("keydown", function (e) {
if (e.key === "Escape") {
document.getElementById("exampleModalCenter").classList.remove("show");
}
});
});
</script>
</body>
</html>