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://online.flipbuilder.com/hebb/vyzs/" target="_blank"> Shop Our Flyers </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-block data-id="6" class="avb-typography dsg-block-6"> <div class="avb-grid avb-grid--container dsg-block-6-container"> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6-column-left" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6__content"> <div class="avb-wrapper" data-aos="fade" data-aos-duration="3000" data-aos-once="true">  <avb-svg data-class="dsg-block-6-svg" data-url="https://cdn.avbportal.com/magento-media/demo/request-quote-icon-2.svg"></avb-svg> <h1 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-6__heading-line-1"> Request More Information </span> </h1> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6-column-right" data-aos="fade-left" data-aos-duration="1000" data-aos-once="true"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6__content"> <div class="avb-wrapper"> <span class="dsg-tools-main-paragraph dsg-block-6-required-text"> <span class="dsg-block-6-required-red">*</span> indicates required </span>  <avb-magento-form> <form method="post" action="https://www.mandmappliance.co/api/rest/forms/" class="dsg-block-6-form"> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="name" type="text" id="form-name" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Name"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="email" type="email" id="email" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Email"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="zipCode" type="text" title="Zip code may only contain 5 numbers" pattern="\d{5}" id="zipCode" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Zip Code"> </div> <div class="dsg-block-6-form__field">  <span class="dsg-block-6-form__field-required-container"> <span class="dsg-block-6-form__field-required"> * </span> </span> <input name="phone" type="tel" title="Phone number may only contain 9-10 numbers" pattern="\d{9,10}" id="phone" class="dsg-tools-main-paragraph dsg-block-6__form-input" required placeholder="Phone"> </div> <span class="dsg-block-6-product-details"> <span class="dsg-tools-main-paragraph dsg-block-6-product-details-text ">Product Details</span> <div class="dsg-block-6-form__field dsg-block-6-form__field-autofilled">  <avb-query-autofill name="productName" type="text" id="productName" class="dsg-tools-main-paragraph dsg-block-6__form-input dsg-block-6__form-input-autofilled" disabled placeholder="Product Name"></avb-query-autofill> </div> <div class="dsg-block-6-form__field dsg-block-6-form__field-autofilled">  <avb-query-autofill name="productSKU" type="text" id="productSKU" class="dsg-tools-main-paragraph dsg-block-6__form-input dsg-block-6__form-input-autofilled" disabled placeholder="Product SKU"></avb-query-autofill> </div> </span> <div class="dsg-block-6-form__field">  <textarea name="message" type="text" id="message" class="dsg-tools-main-paragraph dsg-block-6__form-input-area" placeholder="Message"></textarea> </div> <div class="dsg-block-26__form-bottom"> <div class="captcha" data-captcha data-sitekey="6Lf0TYsfAAAAAEs3JmPi-1RhZL7Y1KlIRvvZfQM2"></div>  <div class="dsg-block-6-form__response dsg-block-6__success" data-response-type="success"></div> <div class="dsg-block-6-form__response dsg-block-6__failure" data-response-type="failure"></div>  <input class="avb-button avb-button--primary avb-button--dark dsg-tools-main-paragraph dsg-block-6__button" type="submit" value="Submit Request">  <input type="hidden" name="sender" id="sender" value="sales,custom2"> <input type="hidden" name="subject" id="subject" value="Quote Request"> <input type="hidden" name="type" id="type" value="quote"> </div> </form> </avb-magento-form> </div> </div> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-block-6 { margin-top: 0rem; margin-bottom: 0rem; background-color:#f1f1f1; padding:2rem 1rem; } .dsg-block-6__background-1 { padding: 0.25rem; background-image: linear-gradient(to left, rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)), url(https://cdn.avbportal.com/magento-media/demo/request-a-quote-bg-2.jpg); background-position:20% 50%; border-radius:5px 5px 0 0; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); } .dsg-block-6__background-2{ background-color:#fff; border-radius:0 0 5px 5px; padding-bottom:1rem; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); } .dsg-block-6-svg{ display:block; width:6rem; fill:transparent; stroke:#fff; stroke-width:2; margin:0 auto 1rem; } .dsg-block-6__content { padding: 1rem; text-align: center; } .dsg-block-6__heading-line-1 { color: #fff; font-size:1.5rem; } .dsg-block-6__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-6__form-input, .dsg-block-6__form-input-area { width: 100%; margin-bottom: .5rem; height: 2.5rem; border: none; border-bottom: 1px solid #bbb; font-size: .8rem; padding: .5rem 0.95rem !important; background-image: none !important; } .dsg-block-6__form-input-area { width: 100%; height: 5rem; } .dsg-block-6__form-input-autofilled:disabled { border-bottom-color: transparent!important; margin-bottom:0!important; color:#666!important; /* Override IE font color change */ -webkit-text-fill-color: #666!important; /* Override iOS / Android font color change */ background-color:#ebebeb!important; opacity: 1!important; /* Override iOS opacity change affecting text & background color */ } .dsg-block-6-product-details { background-color: #ebebeb; display: block; text-align: left; padding: 0.75rem 0 0; margin-bottom:0.5rem; } .dsg-block-6-product-details-text { margin-left: 0.95rem; margin-bottom: 0.5rem; border-bottom: 1px solid #666; text-transform: uppercase; color: #666; font-size: 0.75rem; display: inline-block; } .dsg-block-6__form-bottom { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2rem; gap: 1rem; } .dsg-block-6-form__response { padding:10px; margin-top:15px; } .dsg-block-6__success { color:#0A0; border:1px solid #0A0; } .dsg-block-6__failure { color:#ff1b1b; border:1px solid #ff1b1b; } .dsg-block-6__button, .dsg-block-6__button:visited, .dsg-block-6__button:focus, .dsg-block-6__button:active, .dsg-block-6__button:hover{ display:block; width:100%; min-width:100%; max-width:100%; font-size:0.9rem!important; margin-top:1rem; } .dsg-block-6-form__field-required-container{ display:block; width:100%; text-align:left; height:0; } .dsg-block-6-form__field-required{ color:#f00; position: relative; top: 14px; left: 5px; line-height: 0; } .dsg-block-6-required-text { display: block; text-align: right; font-style: italic; color: #aaa; font-size: 0.8rem; margin-bottom:0.5rem; } .dsg-block-6-required-red { color: #f00; } @media screen and (min-width: 600px) { .dsg-block-6{ padding:2rem; } } @media screen and (min-width: 960px) { .dsg-block-6{ padding:2rem 1rem; } .dsg-block-6-container{ max-width:90%; } .dsg-block-6__background-1 { border-radius:5px 0px 0 5px; } .dsg-block-6__background-2 { padding: 0.5rem; border-radius: 0 5px 5px 0px; } .dsg-block-6-column-left, .dsg-block-6-column-right{ padding:0!important; } .dsg-block-6__heading-line-1 { font-size:2rem; } .dsg-block-6__form-input { margin-bottom: 1rem; } .dsg-block-6__form-bottom { flex-direction: row; justify-content: space-between; flex-wrap: nowrap; margin-top: 3rem; } } @media screen and (min-width: 1280px) { .dsg-block-6{ padding:3rem; } .dsg-block-6-container{ max-width:80%; } .dsg-block-6__background-1 { padding: 1rem; } .dsg-block-6__background-2 { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-6-container{ max-width:70%; } .dsg-block-6__background-1 { padding: 1rem; } .dsg-block-6__background-2 { padding: 1rem; } } </style>