Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li> <avb-header-after>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-after__no-padding"> <div class="avb-wrapper dsg-block-28-header-after__content"> <avb-link class="dsg-block-28-header-after-link" data-href="https://www.mwbeds.com/financing"> <avb-picture class="avb-picture dsg-28-header-after-picture" data-alt="$1000 of furniture $19 per month"> <avb-picture-source class="dsg-28-header-after-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members-furniture/k0096-midwest-clearance-center/br_K0096-banner-with-reviews_ha-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-28-header-after-image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/members-furniture/k0096-midwest-clearance-center/br_K0096-banner-with-reviews_ha-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-28-header-after-image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/members-furniture/k0096-midwest-clearance-center/br_K0096-banner-with-reviews_ha-med.jpg"></avb-picture-source> <avb-picture-source class="dsg-28-header-after-image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/members-furniture/k0096-midwest-clearance-center/br_K0096-banner-with-reviews_ha-lrg.jpg"></avb-picture-source> <avb-picture-source class="dsg-28-header-after-image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/members-furniture/k0096-midwest-clearance-center/br_K0096-banner-with-reviews_ha-lrg.jpg"></avb-picture-source> </avb-picture> </avb-link>   </div> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== header-after (block-28-header-after) ==================== */ .dsg-block-28-header-after__no-padding { padding: 0; } .dsg-block-28-header-after__content { text-align: center; } .dsg-block-28-header-after__icon { padding: 0 0.5rem; } .dsg-block-28-header-after__heading { font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { font-weight: 400; font-size: 1.1rem; transition: 0.3s; } .dsg-block-28-header-after__link:hover, .dsg-block-28-header-after__link:focus { color: #222; } .dsg-28-header-after-picture { display: block; width: 100%; } @media screen and (min-width: 600px) { } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* @media screen and (max-width: 768px) { .avb-picture.dsg-28-header-after-picture{ display: none!important; } .avb-wrapper.dsg-block-28-header-after__content{ display: none!important;} } */ </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before dsg-block-28-display-desktop"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.mwbeds.com/contacts"> <span class="fas fa-map dsg-block-28-header-before__icon"></span> 8 Locations </avb-link> | <avb-link class="dsg-block-28-header-before__link" data-href="https://www.mwbeds.com/catalog/special/brandsource_point_of_sale_marketing/In%20Stock"> <span class="fas fa-couch dsg-block-28-header-before__icon"></span> In Stock </avb-link> | <avb-link class="dsg-block-28-header-before__link" data-href="https://www.mwbeds.com/financing"> <span class="fas fa-credit-card dsg-block-28-header-before__icon"></span> Easy&nbsp;Financing | </avb-link> <avb-link class="dsg-block-28-header-before__link" data-href="https://www.mwbeds.com/blog"> <span class="fas fa-rss dsg-block-28-header-before__icon"></span> Blog </avb-link> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="37" class="avb-typography dsg-block-37-carousel_ha dsg-block-37-carousel_ha-display-mobile" > <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-37-carousel_ha__grid-column"> <div class="avb-wrapper dsg-block-37-carousel_ha__content"> <avb-carousel> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_ha__content-section"> <div class="dsg-block-37-carousel_ha__content-section-inner dsg-tools-uppercase"> <avb-link is="a" class="dsg-block-37-carousel_ha-link" data-href="https://www.mwbeds.com/financing"> <span class="fas fa-credit-card dsg-block-37-carousel_ha-header-before__icon"></span> Get $1,000 Of Furniture As Low As $19 Per Month With Approved Credit 60 Month Equal Pay 9.99%. CLICK HERE To Learn&nbsp;More</avb-link> </div> </div> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_ha__content-section"> <div class="dsg-block-37-carousel_ha__content-section-inner dsg-tools-uppercase"> <avb-link is="a" class="dsg-block-37-carousel_ha-link" data-href="https://www.mwbeds.com/catalog/special/brandsource_point_of_sale_marketing/In%20Stock?category_id=602"> <span class="fas fa-tags dsg-block-37-carousel_ha-header-before__icon"></span> Shop Our In Stock Furniture&nbsp;Selection</avb-link> </div> </div> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_ha__content-section"> <div class="dsg-block-37-carousel_ha__content-section-inner dsg-tools-uppercase"> <avb-link is="a" class="dsg-block-37-carousel_ha-link" data-href="https://www.mwbeds.com/contacts"> <span class="fas fa-location-dot dsg-block-37-carousel_ha-header-before__icon"></span> Visit One Of Our Eight&nbsp;Locations</avb-link> </div> </div> <avb-carousel-settings> <avb-carousel-breakpoint data-size="xsmall" data-items-per-display="1" data-autoplay data-autoplay-interval="5000" data-no-dots ></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="small" data-items-per-display="1" data-autoplay data-autoplay-interval="5000" data-no-dots ></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="medium" data-items-per-display="1" data-autoplay data-autoplay-interval="5000" data-no-dots ></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="large" data-items-per-display="1" data-autoplay data-autoplay-interval="5000" data-no-dots ></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="xlarge" data-items-per-display="1" data-autoplay data-autoplay-interval="5000" data-no-dots ></avb-carousel-breakpoint> </avb-carousel-settings> </avb-carousel> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== DESKTOP Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-display-desktop { display: none; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #2e368f; font-family: "Tajawal", sans-serif; font-weight: 300; color: #fff; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: 1.1rem; transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #c52f3a; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) { .dsg-block-28-display-desktop { display: block; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* ==================== MOBILE Mini Banner Carousel Slider ==================== */ .dsg-block-37-carousel_ha { margin-top: 0; margin-bottom: 0; max-height: 150px; background-color: #2e368f; padding: 0.5rem; } .dsg-block-37-carousel_ha__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37-carousel_ha__content { padding-top:0.5rem; } .dsg-block-37-carousel_ha__content-section { position: relative; height: 100%; font-size: 0.8rem; /*line-height: 14px;*/ text-align: center; font-family: "Tajawal", sans-serif; font-weight: 400; color: #fff; padding: 0 3.125rem; } .dsg-block-37-carousel_ha-link, .dsg-block-37-carousel_ha-link:focus, .dsg-block-37-carousel_ha-link:visited { color: #fff; font-family: "Tajawal", sans-serif; font-weight: 400; font-size: .8rem; } .dsg-block-37-carousel_ha-link:hover { color: #CFCFCF; transition: color 0.25s ease-out; } .dsg-block-37-carousel_ha-header-before__icon { /*display: none;*/ padding-right: .25rem; } @media screen and (min-width: 600px) { .dsg-block-37-carousel_ha { margin-top: 0; margin-bottom: 0; } .dsg-block-37-carousel_ha-link, .dsg-block-37-carousel_ha-link:focus, .dsg-block-37-carousel_ha-link:visited { font-size: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-37-carousel_ha__content-section { padding-left: 3.125rem; padding-right: 3.125rem; } .dsg-block-37-carousel_ha-header-before__icon { display: inline; } .dsg-block-37-carousel_ha-link, .dsg-block-37-carousel_ha-link:focus, .dsg-block-37-carousel_ha-link:visited { font-size: 1rem; } .dsg-block-37-carousel_ha-display-mobile { display: none; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } </style>

<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-picture class="avb-picture dsg-block-6-icon-picture" data-alt="Request More Info"> <avb-picture-source class="dsg-block-6-icon-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/demo/request_quote-icon.png"></avb-picture-source> </avb-picture> <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.mwbeds.com/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> <div 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> </div> <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="6LdOYzEkAAAAAJDGmDIcxqbDUTF_gwYcTZ-aBEAd"></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" /> <input type="hidden" name="subject" id="subject" value="Product Quote Request Inquiry from Midwest Clearance Center"> <input type="hidden" name="type" id="type" value="quote" /> <avb-query-autofill type="hidden" name="productID" id="productID"></avb-query-autofill> </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-icon-picture { 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: 0.5rem; height: 2.5rem; border: none; border-bottom: 1px solid #bbb; font-size: 0.8rem; padding: 0.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>

Request More Information

Midwest Clearance Center

Locations

Store Hours

Connect With Us