Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><link rel="stylesheet" href="https://use.typekit.net/ysl1dvd.css"> <avb-designer-block data-id="44" class="avb-typography dsg-tools-hide dsg-block-44-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp">  <div class="avb-list avb-list--horizontal dsg-block-44-header-after-list">  <div class="avb-list__item dsg-block-44-header-after-list-item"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44-header-after__background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44-header-after__content"> <div class="avb-wrapper"> <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__paragrap-link" data-href="https://www.mandmappliance.co/promotions/neco/iac/2025/hello-spring"> <avb-picture class="avb-picture avb-picture--full" data-alt="Hello Spring Sale"> <avb-picture-source class="dsg_mini-campaigns-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha_r3-logo-2.png?w=400"></avb-picture-source> <avb-picture-source class="dsg_mini-campaigns-image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha_r3-logo-2.png?w=400"></avb-picture-source> <avb-picture-source class="dsg_mini-campaigns-image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha_r3-logo-2.png?w=500"></avb-picture-source> <avb-picture-source class="dsg_mini-campaigns-image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha_r3-logo-2.png?w=600"></avb-picture-source> <avb-picture-source class="dsg_mini-campaigns-image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha_r3-logo-2.png?w=600"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </div> </div>    <div class="avb-list__item dsg-block-44-header-after-list-item dsg-block-44-header-after-list-item-date"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44-header-after__background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44-header-after__content"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-block-44-header-after__paragraph-date"> OFFER ENDS 5/14/25 </p> </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-header-after-list-item"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44-header-after__background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44-header-after__content"> <div class="avb-wrapper">  <avb-link class="avb-link avb-button avb-button--primary dsg-block-44-header-after__button" data-href="https://www.mandmappliance.co/promotions/neco/iac/2025/hello-spring"> Shop The Sale </avb-link>     </div> </div> </div> </div> </div> </div> </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap'); /* ==================== dsg-tools ==================== */ .dsg-tools-nomp { margin: 0; padding: 0; } .dsg-tools-nom { margin: 0; } .dsg-tools-nop { padding: 0; } .dsg-break { display:block; height:0;} /**block-44**/ .dsg-block-44-header-after-list-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 49%; margin: 0 2rem; padding: 0 0.5rem; text-align: center; } .dsg-block-44__paragrap-link{ padding:0; } .dsg-block-44-header-after-list-item:first-child { flex: 0 0 100%; padding:0; order: 1; margin-bottom: 0; margin-top: 0; } .dsg-block-44-header-after-list-item:nth-child(2) { flex: 0 0 100%; order: 2; } .dsg-block-44-header-after-list-item:nth-child(3) { order: 3; flex: 0 0 100%; } .dsg-block-44-header-after-list-item:last-child { padding-bottom: 0; order: 4; flex: 0 0 100%; } .dsg-block-44-header-after__paragraph { font-size: 1rem; line-height: 1rem; font-weight: 400; color: #000; margin: 0rem; padding: 0 2rem 10px; font-family: 'myriad-pro', sans-serif; font-weight: 700; } .dsg-block-44-header-after__paragraph-date { margin: 0; font-size: 1rem; line-height: 1rem; font-family: 'myriad-pro', sans-serif; font-weight: 700; padding: 0 0.3rem 0.3rem; color:#d30540; text-align: center; text-shadow: 0px 0px 4px #fff; } .dsg_mini-campaigns-image { padding: 0; width: 55%; margin: 0rem auto 0 auto; } .dsg-block-44-header-after__button, .dsg-block-44-header-after__button:visited, .dsg-block-44-header-after__button:focus { background-color: #d30540; color: #fff; font-weight: 400; font-size: 0.65rem; line-height: 0.9rem; font-family: 'myriad-pro', sans-serif; margin: 5px; padding: 0.3rem 0.2rem .4rem; width: 43%; min-height: 10px; justify-content: center; border-radius: 10px; text-transform: uppercase; transition: 250ms ease; } .dsg-block-44-header-after__button:hover { color: #d30540; background: #fff; } .dsg-block-44-header-after { margin-top: 0rem; margin-bottom: 0rem; /* background-color: #000;*/ background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha-bg.jpg); background-size: cover; background-position: 50% 60%; } .dsg-block-44-header-after-list { list-style: none; justify-content: center; margin: 0 10px; /* background: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255,255,255, .75) 100%);*/ padding: 5px 20px; } .dsg-block-44-header-after__background { width: 100%; padding: 0rem; } .dsg-block-44-header-after__content { background-color: none; text-align: center; padding: 0rem; } @media screen and (min-width: 600px) { .dsg_mini-campaigns-image { padding: 0; width: 70%; margin: 0rem auto 0; } .dsg-block-44-header-after__paragraph-date { font-size: 1rem; line-height: 1.25rem; } .dsg-block-44-header-after-list-item:first-child { margin-bottom: 0rem; margin-top: 0rem; flex: 0 0 30%; } .dsg-block-44-header-after-list-item:last-child { padding-bottom: 0; order: 4; flex: 0 0 100%; } .dsg-block-44-header-after__button, .dsg-block-44-header-after__button:visited, .dsg-block-44-header-after__button:focus { min-height: 0; font-size: 1rem; width: 30%; } .dsg-block-44-header-after-list-item-date { margin: 0; } } @media screen and (min-width: 960px) { .dsg-block-44-header-after-list-item{ flex: 0 0 13%; } .dsg-block-44-header-after-list-item:first-child { flex: 0 0 30%; padding:0; order: 1; margin-bottom:0; margin-top: 0; } .dsg-block-44-header-after-list-item:nth-child(2) { flex: 0 0 100%; order: 2; } .dsg-block-44-header-after-list-item:nth-child(3) { order: 3; flex: 0 0 29%; } .dsg-block-44-header-after-list-item:last-child { display:block; order: 4; flex: 0 0 100%; } .dsg-block-44-header-after__paragraph { font-size: 1.3rem; line-height:1.5rem; } .dsg-block-44-header-after-list { list-style: none; justify-content: center; margin: 0 10px; /* background: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .75) 80%, rgba(255,255,255, 0) 100%);*/ padding: 10px 20px; } .dsg-block-44-header-after { background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/april/iac_hello-spring-2025_ha-bg.jpg); background-position: 50% 80%; } .dsg-block-44-header-after__paragraph-date { margin: 0; text-align: center; font-size: 1.25rem; line-height: 1.5rem;; } .dsg_mini-campaigns-image { width: 80%; margin: 0rem auto; padding: 0; } .dsg-block-44-header-after__button, .dsg-block-44-header-after__button:visited, .dsg-block-44-header-after__button:focus { font-weight: 400; font-size: 1rem; line-height: 1.2rem; padding: .15em 0.5em 0.25em 0.5em; min-height: 30px; width: 25%; justify-content: center; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-header-after-list-item { flex: 1; padding: 0 0.25rem; } */ } @media screen and (min-width: 1280px) { .dsg_mini-campaigns-image { width: 90%; margin: 0rem auto; padding: 0 0 0 4rem; } .dsg-block-44-header-after__button, .dsg-block-44-header-after__button:visited, .dsg-block-44-header-after__button:focus { font-weight: 400; font-size: 1rem; line-height: 1.4rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; width: 45%; justify-content: center; } .dsg-block-44-header-after-list-item:first-child { flex: 0 0 25%; padding: 0rem; } .dsg-block-44-header-after-list-item:nth-child(2) { flex: 0 0 25%; display:block; } .dsg-block-44-header-after-list-item:nth-child(3) { flex: 1; } .dsg-block-44-header-after-list-item:last-child { flex: 0 0 25%; } .dsg-block-44-header-after__paragraph-date { font-size: 2rem; line-height: 2rem; } .dsg-block-44-header-after__paragraph { font-size: 1.75rem; line-height: 2rem; } .dsg-block-44-header-after-list-item { flex: 1; } } @media screen and (min-width: 1600px) { .dsg-block-44-header-after__button, .dsg-block-44-header-after__button:visited, .dsg-block-44-header-after__button:focus { font-weight: 400; font-size: 1.25rem; line-height: 1.4rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; width: 45%; justify-content: center; } .dsg-block-44-header-after__paragraph-date { font-size: 2rem; line-height: 2rem; } .dsg-block-44-header-after-list-item:first-child { flex: 0 0 25%; padding: 0rem; } .dsg-block-44-header-after-list-item:nth-child(2) { flex: 0 0 25%; } .dsg-block-44-header-after-list-item:nth-child(3) { flex: 0 0 25%; } .dsg-block-44-header-after-list-item:last-child { flex: 0 0 25%; } } </style> </li> </ul> </div>

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid "> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content">  <h1 class="avb-typography__heading dsg-tools-nomp"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-1__heading-line-1" data-aos="slide-up" data-aos-duration="3000"> SERVICES </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-form-grid dsg-tools-nomp">  <h2 id="service-form" class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-block-30__heading"> Request a Service </h2>  <iframe class="dsg-block-30__form" src="https://avbmarketing.formstack.com/forms/mandm_servicing_form" title="Formstack Form" width="600" height="400"></iframe> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero block (block-1) ==================== */ .dsg-block-1 { margin: 0 auto; } .dsg-block-1__background { background-image: url(https://cdn.avbportal.com/magento-media/members/ticmma1-mandm/servicing-hero.jpg); position: 0% 50%; } .dsg-block-1__content { padding: 2rem; margin: 0 auto; text-align: center; } .dsg-block-1__heading-line-1 { text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); } .dsg-block-1__heading-line-2 { text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 600px) { .dsg-block-1__content { padding: 4.5rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-1__content { padding: 7rem; } } @media screen and (min-width: 1600px) {} /* ==================== Services CTA (block-26) ==================== */ .dsg-block-26 { margin: 1rem auto; } .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__heading-line-2 { font-size: 1.25rem; } .dsg-block-26__paragraph { margin: 0 auto 1rem; } .dsg-block-26__list-item { width: 100%; margin-right: 0; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { margin-top: 1rem; width: 100%; } @media screen and (min-width: 600px) { .dsg-block-26 { margin: 2rem auto; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 10rem; } .dsg-block-26__list-item { width: auto; margin-right: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 14rem; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin: 3rem auto; } .dsg-block-26__content { padding: 0 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Service left and right (block-6) ==================== */ /* Background color for alternating blocks */ .dsg-block-6-bg { background-color: #c6deb3; /* Pattern background */ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(https://cdn.avbportal.com/magento-media/members/ticmma1-mandm/pattern.jpg); background-repeat: repeat; } /* Image/text order for alternating blocks */ .dsg-block-6__order-a { order: 2; } .dsg-block-6__order-b { order: 1; } .dsg-block-6 { padding: 2rem 1rem; } .dsg-block-6__content { text-align: left; } .dsg-block-6__heading-line-1 { margin: 1rem 0; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-6__order-a { order: 1; } .dsg-block-6__order-b { order: 2; } .dsg-block-6__content { padding: 1rem; } .dsg-block-6__heading-line-1 { margin: 0 0 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-6__content { padding: 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Service request form (block-30) ==================== */ .dsg-block-30 { margin: 0 auto; } .dsg-form-background-color { background-color: #EEEEEE; } .dsg-tools-form-grid { margin: 0 auto; max-width: 564px; } .dsg-block-30__heading { text-align: center; margin: 0; padding: 2rem 1rem; } .dsg-block-30__form { width: 100%; height: 88rem; } @media screen and (min-width: 600px) { .dsg-block-30__heading { padding: 2rem 0; } } @media screen and (min-width: 960px) { .dsg-tools-form-grid { max-width: 100%; } .dsg-block-30__heading { text-align: center; } .dsg-block-30__form { height: 65rem; } } @media screen and (min-width: 1280px) { .dsg-block-30__heading { padding: 3rem 1rem; } } @media screen and (min-width: 1600px) {} </style>