Default Dev Script Validation

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-tools-fill-light dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-block-28-header-before__content dsg-tools-main-paragraph"> <ul class="avb-list avb-list--noBullet dsg-block-28-header-before-list"> <li class="avb-list__item dsg-tools-color-dark dsg-block-28-header-before-list-item dsg-block-28-header-before-list-item-1"> <span class="fa-sharp fa-solid fa-gem dsg-block-28-header-before__icon"></span> We Provide a Premium&nbsp;Experience at an Always Competitive&nbsp;Price! </li> <li class="avb-list__item dsg-tools-fill-primary dsg-block-28-header-before-list-item dsg-block-28-header-before-list-item-2"> <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.authorizedstl.com/our-showroom#book-appointment">Schedule Your Showroom&nbsp;Appointment</avb-link> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ /*.dsg-block-28-header-before,*/ .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited/*, .dsg-block-28-header-before__icon*/ { color: #EADEDA; transition: all 0.2s ease-in-out; } .dsg-block-28-header-before { text-align: center; padding: 0; /*border-bottom: 1px solid #EADEDA;*/ /*background: #BG_color_BG_color_BG_color_BG_color_BG_color;*/ } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover, .dsg-block-28-header-before:has(.dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover) .dsg-block-28-header-before__icon { color: #EADEDA; } .dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover { text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover) { background: #FF0000; } .dsg-block-28-header-before-list { margin: 0; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; line-height: 1.125; } .dsg-block-28-header-before-list-item { margin: 0; padding: 9px; width: 100%; height: 100%; flex: 1 1 auto; } .dsg-block-28-header-before-list-item-2 { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before-list-item-2 { padding: 0; display: flex; max-width: 370px; border-left: 4px solid #140000; transition: all .2s ease-in-out; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link { width: 100%; height: 100%; min-height: 54px; padding: 9px; display: flex; flex-flow: column; justify-content: center; align-items: center; font-weight: 600; line-height: 1.25; text-transform: uppercase; position: relative; z-index: 0; overflow: hidden; } /*.dsg-block-28-header-before-list-item-2:has(.dsg-block-28-header-before__link:hover) { border-left: 4px solid #CF0000; }*/ .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:hover { color: #CF0000; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:after { content: ''; position: absolute; top: -2px; left: -13px; width: 0; height: 110%; background: #140000; opacity: 0; transform: skewX(-20deg); z-index: -1; transition: all .25s ease-in-out; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:hover:after { width: 120%; opacity: 1; } } @media screen and (min-width: 960px) {} @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.authorizedstl.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="6LczqnQfAAAAADiNNaP3kuKPZy8TUTa4fsx_BcHJ"></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 Authorized Appliance"> <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

Authorized Appliance

Location

Store Hours

Contact Us