Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-designer-block data-id="44" class="avb-typography dsg-block-44-mini_1b"> <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-list-mini_1b dsg-block-44-mini-background">  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper">  <p class="avb-typography__paragraph dsg-block-44__mini_1b-title"> July 4th Savings </p> <p class="avb-typography__paragraph dsg-block-44__mini_1b-paragraph"> Save Up to 40% + Up to $500 Back </p> </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-block-44__mini_1b-date"> Valid 6/18 to 7/9 </p>  <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__button_mini_1b" data-href="https://www.buyfromsa.com/current-sales"> <span class="dsg-block-44__mini_1b-text">SHOP NOW</span> </avb-link> </div> </div> </div> </div> </div> </div> </div> </avb-designer-block> <style> @import url("https://use.typekit.net/rkr7lcd.css"); /**block-44**/ .dsg-block-44-mini_1b { margin-top: 0; margin-bottom: 0; background-color: #FFADFA; } .dsg-block-44-mini-background { background: linear-gradient(300deg,deepskyblue,#0043c0,#b1282a,#ff0000); background-size: 240% 240%; animation: gradient-animation 24s ease infinite; } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .dsg-block-44-list-mini_1b { list-style: none; justify-content: center; margin-bottom: 0; } .dsg-block-44-list-item-mini_1b { display: flex; flex-direction: column; flex-basis: auto; max-width: fit-content; margin: 0; padding: 0 0.5rem; text-align: center; align-items: center; justify-content: center; } /** NOTE -- Change to flex: 1; if you'd like the column width to auto adjust to the space with no specific width limit **/ .dsg-block-44-list-item-mini_1b:first-child { padding-bottom:0; padding-left:0; flex: 0 0 100%; max-width: 100%; order: 1; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; order: 2; } .dsg-block-44__background-mini_1b { width: 100%; padding: 0rem; } .dsg-block-44__content-mini_1b { text-align: center; padding: 0rem; margin-bottom: 0; margin-top: 0; } .dsg-block-44__mini_1b-title { margin: 0 0.5rem 0 0.5rem; color:#fff; text-align:center; font-size: 1.1rem; line-height:1.1rem; font-weight: 600; padding:0; font-family: "ivymode", sans-serif; font-weight: 700; font-style: normal; } .dsg-block-44__mini_1b-paragraph { margin: 0.3rem 0.1rem 0.3rem; color:#fff; text-align:center; font-size: 0.8rem; line-height:1rem; font-weight: 400; padding:0; font-family: "ivymode", sans-serif; font-weight: 400; font-style: italic; } .dsg-block-44__mini_1b-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 0.65rem; line-height: 0.75rem; font-weight: 600; padding:0 0.1rem 0; color:#fff; text-align: center; } .dsg-block-44__image-mini_1b { padding: 0rem; width: 50%; max-width: 250px; margin: 0 auto; } .dsg-block-44__mini_1b-text{ display: block; line-height: normal; } .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { background: #fff; color:#5528aa; border-radius: 30px; border:solid 2px #fff; font-weight: 600; font-size: 0.75rem; margin: 0; padding: 0.5rem 2rem; min-height: 10px; justify-content: center; } .dsg-block-44__button_mini_1b:hover, .dsg-block-44__button_mini_1b:active { color:#fff; border:solid 2px #fff; background-color:none; } @media screen and (min-width: 600px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { min-height: 0; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; } .dsg-block-44__mini_1b-date { font-size: 0.75rem; line-height: 0.75rem; } .dsg-block-44-list-item-mini_1b:first-child { flex-basis: auto; max-width: fit-content; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; } .dsg-block-44__image-mini_1b { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { font-size: 1rem; line-height: 1rem; min-height: 30px; justify-content: center; } .dsg-block-44-list-item-mini_1b:first-child { margin-bottom: 0.5rem; margin-top: 0.5rem; } .dsg-block-44__mini_1b-title { font-size: 1.3rem; line-height:1.3rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height:1rem; } .dsg-block-44__mini_1b-date { text-align: center; font-size: 0.75rem; line-height: 0.75rem; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-list-item-mini_1b { flex: 1; padding: 0 0.25rem; } */ .dsg-block-44__image-mini_1b{ margin: 0 auto; padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-44-list-item-mini_1b { flex: 1; } .dsg-block-44__mini_1b-title { font-size: 1.5rem; line-height: 1.5rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-44__mini_1b-title { font-size: 1.8rem; line-height: 1.8rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1.2rem; line-height: 1.2rem; } } </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"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-tools-nomp dsg-tools-main-paragraph dsg-block-28-header-before__content"> <span class="fa-solid fa-location-dot dsg-block-28-header-before__icon"></span>  <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/contacts"> Find a Location </avb-link> <span class="fa-solid fa-comments dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://tawk.to/chat/5e71445eeec7650c3320a885/default" target="_blank"> Chat With Us </avb-link> <span class="fa-solid fa-wrench dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/customer-service"> Customer Service </avb-link> <span class="fa-solid fa-truck-fast dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/delivery-installation"> Shop In-Stock Online, Hassle-Free & Speedy Delivery! </avb-link> </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 { color: #FFF; transition: all 0.2s ease-in-out; font-size: 1rem; } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background: #252f3e; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #FFF; text-decoration: underline; font-size: 1rem; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: #2e3b4e; } /*.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-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__link:hover { font-size: 1.125rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<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=!1m18!1m12!1m3!1d3065.7998399799953!2d-104.86183151311087!3d39.78904709818458!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876c7b2f62d4bb17%3A0xbe0d219b88e7b9f8!2sSpecialty%20Appliance%20Warehouse!5e0!3m2!1sen!2sus!4v1699981089121!5m2!1sen!2sus"></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 dsg-tools-main-heading dsg-tools-color-dark dsg-contact-1__heading"> Warehouse </h1> <avb-picture class="avb-picture dsg-contact-1-picture dsg-contact-1__storefront-pic" data-alt="Warehouse"> <avb-picture-source class="dsg-contact-1-image dsg-contact-1__storefront-img" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/bs0055-specialty/loc7.jpg?w=600"></avb-picture-source> </avb-picture>  <div class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-contact-1__address"> <span class="dsg-contact-1__address-line"> 5005 Lima St. </span> <span class="dsg-contact-1__address-line"> Denver, CO 80239 </span>  <avb-link class="dsg-tools-main-paragraph dsg-tools-fw-bold dsg-contact-1__link" data-href="https://www.google.com/maps/dir//Specialty+Appliance+Warehouse,+South+Lima+Street,+Denver,+CO/@39.3413773,-110.7450153,4z/data=!4m6!4m5!1m0!1m2!1m1!1s0x876c7b2f62d4bb17:0xbe0d219b88e7b9f8!3e0" target="_blank"> Get Directions <span class="fa fa-long-arrow-alt-right dsg-contact-1__link-icon"></span> </avb-link> </div>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="tel:303-399-1569"> 303-399-1569 </avb-link> </li>  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Email: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="mailto:info@buyfromsa.com"> info@buyfromsa.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 dsg-tools-main-heading dsg-tools-color-dark dsg-contact-1__heading">Hours</h2>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet"> <li class="avb-list__item"> Monday - Friday 7:30 AM - 4:30&nbsp;PM </li> <li class="avb-list__item"> Saturday &amp; Sunday&nbsp;Closed </li> </ul>  <avb-promotions data-type="custom" data-banner-id="760875"></avb-promotions> </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 dsg-tools-main-heading dsg-tools-color-dark dsg- dsg-contact-1__heading"> Send Us A Message </h2>  <avb-magento-form> <form class="avb-form" method="post" action="https://www.buyfromsa.com/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="6LcDYQUoAAAAAKzf6mkqaQfJrTFQLzSKz777FNlU"></div> <div class="dsg-contact-1__form-buttons"> <button class="avb-button dsg-tools-main-button dsg-contact-1__submit" 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"> <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> /* ==================== Contact Block (block-1) ==================== */ .dsg-contact-1 { margin-top: 0; margin-bottom: 2rem; } .dsg-contact-1__content { padding: 0 1rem; } .dsg-contact-1__map { display: block; width: 100%; height: 15rem; margin-bottom: 1rem; } .dsg-contact-1__storefront-pic { aspect-ratio: 5/3; height: 18rem; overflow: hidden; margin: 0 0 1.5rem; } .dsg-contact-1__storefront-img { width: 100%; height: 100%; object-fit: cover; } .dsg-contact-1__address-line { display: block; } .dsg-contact-1__form-responses { margin-top: 1rem; } .dsg-contact-1__form-success { color: #008F00; } .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>

Call, chat, or visit Specialty Appliance Warehouse in Denver, CO. Our experts are here to assist you every step of the way.

Warehouse

Hours

Send Us A Message

SIGN UP FOR SAVINGS