Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-designer-block data-id="44" class="avb-typography dsg-tools-hide dsg-block-44-header-after-1"> <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-picture class="avb-picture avb-picture--full" data-alt="Memorial Day Sale"> <avb-picture-source class="dsg_mini-campaigns-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/may/iac_mem-day-2025_ha-logo-1.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/may/iac_mem-day-2025_ha-logo-1.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/may/iac_mem-day-2025_ha-logo-1.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/may/iac_mem-day-2025_ha-logo-1.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/may/iac_mem-day-2025_ha-logo-1.png?w=600"></avb-picture-source> </avb-picture>  </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 6/4/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/our-exclusives"> Shop Our Exclusive Rebates </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'); @import url("https://use.typekit.net/ysl1dvd.css") /* ==================== 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: #fff; margin: 0rem; padding: 0 2rem 10px; font-family: 'trajan-pro-3', serif; font-weight: 700; } .dsg-block-44-header-after__paragraph-date { margin: 0; font-size: 1rem; line-height: 1rem; font-family: 'trajan-pro-3', serif; font-weight: 700; padding: 0 0.3rem 0.3rem; color:#fff; text-align: center; text-shadow: 0px 0px 4px #2d2d2d; } .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: #fff; color: #680707; font-weight: bold; font-size: 6pt; line-height: 0.9rem; font-family: 'trajan-pro-3', serif; margin: 3px; padding: 0.3rem 0.25rem .4rem; width: 46%; min-height: 10px; justify-content: center; border-radius: 10px; text-transform: uppercase; transition: 250ms ease; border: 2px solid #fff; } .dsg-block-44-header-after__button-lrg, .dsg-block-44-header-after__button-lrg:visited, .dsg-block-44-header-after__button-lrg:focus { background-color: #fff; color: #680707; font-weight: bold; font-size: 6pt; line-height: 0.9rem; font-family: 'trajan-pro-3', serif; margin: 3px; padding: 0.3rem 0.25rem .4rem; width: 98%; min-height: 10px; justify-content: center; border-radius: 10px; text-transform: uppercase; transition: 250ms ease; border: 2px solid #fff; } .dsg-block-44-header-after-1 { margin-top: 0rem; margin-bottom: 0rem; /* background-color: #000;*/ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/may/iac_mem-day-2025_ha-bg-2.jpg); background-size: cover; background-position: 95% 50%; } .dsg-block-44-header-after-list { list-style: none; justify-content: center; margin: 5px; /* background: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255,255,255, .75) 100%);*/ padding: 0; } .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 60%; } .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: 8pt; width: 48%; } .dsg-block-44-header-after__button-lrg, .dsg-block-44-header-after__button-lrg:visited, .dsg-block-44-header-after__button-lrg:focus { width: 98%; font-size: 8pt; } .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 50%; } .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: 5px; /* background: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .75) 80%, rgba(255,255,255, 0) 100%);*/ padding: 0; } .dsg-block-44-header-after-1 { background-position: 50% 5%; } .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-size: 10pt; line-height: 1.2rem; padding: .15em 0.5em 0.25em 0.5em; min-height: 30px; justify-content: center; } .dsg-block-44-header-after__button-lrg, .dsg-block-44-header-after__button-lrg:visited, .dsg-block-44-header-after__button-lrg:focus { width: 98%; font-size: 10pt; line-height: 1.2rem; padding: .15em 0.5em 0.25em 0.5em; min-height: 30px; 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-size: 8pt; line-height: 1.4rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; justify-content: center; } .dsg-block-44-header-after__button-lrg, .dsg-block-44-header-after__button-lrg:visited, .dsg-block-44-header-after__button-lrg:focus { width: 98%; font-size: 8pt; line-height: 1.4rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; 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 32%; } .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-size: 11pt; line-height: 1.2rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; justify-content: center; } .dsg-block-44-header-after__button-lrg, .dsg-block-44-header-after__button-lrg:visited, .dsg-block-44-header-after__button-lrg:focus { width: 98%; font-size: 10pt; line-height: 1.2rem; padding: .5em 0.5em 0.5em 0.5em; min-height: 30px; 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 20%; padding: 0rem; } .dsg-block-44-header-after-list-item:nth-child(2) { flex: 0 0 20%; } .dsg-block-44-header-after-list-item:nth-child(3) { flex: 0 0 20%; } .dsg-block-44-header-after-list-item:last-child { flex: 0 0 27%; } } </style> </li> </ul> </div>

Default Header After Global Promotions

<avb-main> <avb-designer-contact data-id="1" class="avb-typography dsg-contact-1"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <iframe class="dsg-contact-1__map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12309.386105074962!2d-76.3512016!3d39.5292361!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4b2b09751ae59d8e!2sM%26M%20Appliance!5e0!3m2!1sen!2sus!4v1652734572156!5m2!1sen!2sus" allowfullscreen></iframe> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-contact-1__heading">Bel Air, MD</h1> <div class="avb-typography__paragraph"> <span class="dsg-contact-1__address-line">401 Baltimore Pike</span> <span class="dsg-contact-1__address-line">Bel Air, MD 21014</span> </div> <ul class="avb-list avb-list--noBullet"> <li class="avb-list__item dsg-contact-1__address-line"> Phone: <avb-link is="a" class="dsg-contact-1__link" data-href="tel:410-638-6388">410-638-6388</avb-link> </li> <li class="avb-list__item dsg-contact-1__address-line"> Email: <avb-link is="a" class="dsg-contact-1__link" data-href="mailto:info@mandmappliance.com">info@mandmappliance.com</avb-link> </li> </ul> </div> </div> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-contact-1__heading dsg-contact-1__heading_1">Now Open!</h2>  <ul class="avb-list avb-list--noBullet"> <li class="avb-list__item dsg-contact-1__address-line">Monday &ndash; Friday 10:00 AM &ndash; 6:00 PM</li> <li class="avb-list__item dsg-contact-1__address-line">Saturday 10:00 AM &ndash; 4:00 PM</li> <li class="avb-list__item dsg-contact-1__address-line">Sunday Closed</li> </ul>  </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-contact-1__heading">Send Us A Message</h2>  <avb-magento-form> <form class="avb-form" method="post" action="https://www.mandmappliance.co/api/rest/forms/"> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Name</span> <input type="text" name="name" placeholder="Name" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Email</span> <input type="email" name="email" placeholder="Email (e.g. example@domain.com)" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Phone Number</span> <input type="tel" name="phone" placeholder="Phone number (numbers only)" title="Phone number may only contain 9-10 numbers" pattern="\d{9,10}" required class="avb-textbox__input"> </label> <label class="avb-textarea"> <span class="avb-textarea__label avb-textarea__label--sr">Message</span> <textarea name="message" placeholder="Message" required class="avb-textarea__input"></textarea> </label>  <div class="captcha" data-captcha data-sitekey="6Lf0TYsfAAAAAEs3JmPi-1RhZL7Y1KlIRvvZfQM2"></div> <div class="dsg-contact-1__form-buttons"> <button class="avb-button avb-button--primary avb-button--dark dsg-button-contact" type="submit">Submit</button> </div> <div class="dsg-contact-1__form-responses"> <p data-response-type="success" class="avb-typography__paragraph dsg-contact-1__form-success">Your message was submitted successfully. Thank you!</p> <p data-response-type="failure" class="avb-typography__paragraph dsg-contact-1__form-failure"></p> </div> <input type="hidden" name="sender" value="custom1,custom2"> <input type="hidden" name="type" value="contacts"> <input type="hidden" name="subject" value="Your Contact Message"> <input type="hidden" name="template" value="customforms_default_email_template"> </form> </avb-magento-form> </div> </div> </div> </avb-designer-contact> </avb-main> <style> strong { font-weight: bold; color: red; } .dsg-button-contact { color: #fff; border: 1px solid #1c3d46; font-family: 'Nanum Myeongjo', serif; font-weight: 300; background-color: #1c3d46; border-radius: 0; } .dsg-button-contact:hover { color: #222; background-color: #8a8a8a; border: 1px solid #8a8a#c6deb38a; } .dsg-contact-1__link { color:#1c3d46 ; } .dsg-contact-1__link:hover { color:#a8c392; } .dsg-contact-1 { margin-top: 0; margin-bottom: 2rem; } .dsg-contact-1__heading { font-family: 'Nanum Myeongjo', serif; color: #1c3d46; font-size:3rem; } .dsg-contact-1__heading_1 { font-size: 2rem; } .dsg-contact-1__content { padding: 0 1rem; font-family: 'Raleway', sans-serif; font-size:0.9rem!important; } .dsg-block-1__paragraph { font-size:0.9rem; } .dsg-contact-1__map { display: block; width: 100%; height: 15rem; margin-bottom: 1rem; } .dsg-contact-1__address-line { display: block; font-size:0.9rem!important; } .dsg-contact-1__form-buttons { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-contact-1__form-responses { margin-top: 1rem; } .dsg-contact-1__form-success { color: #0A0; } .dsg-contact-1__form-failure { color: #F00; } @media screen and (min-width: 600px) { .dsg-contact-1__map { height: 15rem; } .dsg-contact-1__content { padding: 0; } } @media screen and (min-width: 960px) { .dsg-contact-1__map { height: 20rem; } } @media screen and (min-width: 1280px) { .dsg-contact-1__map { height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-contact-1__map { height: 30rem; } } </style>