Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding dsg-block-27-header-after__headline"> <avb-link class="dsg-block-27-header-after__content" data-href="https://www.wisemanappliance.com/contacts"> <span><i class="fas fa-clock"></i> Hours: Monday - Friday 9:00 AM - 5:00 PM | Saturday 9:00 AM - 12:00 PM | Sunday Closed</span> </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; background-color: #001a53; color: #fff; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { color: #d82727; } .dsg-block-27-header-after__headline { font-family: "Outfit", sans-serif; font-weight: 400; font-size: 1.15rem; line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

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-block-28-header-before__content dsg-tools-main-paragraph">  <span class="fa-solid fa-comments dsg-block-28-header-before__icon"></span> Need help? Live Chat is now&nbsp;available!   </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: var(--avb-primary); } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background-color: #cccccc; } .dsg-block-28-header-before__content { margin-bottom: 0; font-size: 1.15rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { transition: all 0.2s ease-in-out; } .dsg-block-28-header-before__link:hover { color: var(--avb-primary-hover); text-decoration: underline; transition: all 0.2s ease-in-out; } .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) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<avb-main>  <avb-designer-block data-id="38" class="avb-typography dsg-block-38"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-38__grid-column"> <div class="avb-wrapper dsg-block-38__content">  <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-main-heading dsg-tools-color-primary dsg-block-38__heading"> Shop By Brands </h1>  <avb-brands data-carousel-wait> <template> <article data-for="brand" class="dsg-block-38__brand"> <avb-link is="a" data-for="brand-link" class="dsg-block-38__brand-link"> <img data-for="brand-logo" src="logo.png" alt="Logo" class="dsg-block-38__brand-logo"> </avb-link> </article> </template> </avb-brands> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-38__paragraph"> Brands displayed are auto-generated by the product catalog. </p> </div> </div> </div> </avb-designer-block> </avb-main> <style> /****************** BLOCK 38 BRAND ******************/ .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-38__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-38__heading { text-align: center; } .dsg-block-38__brand { display: inline-block; width: 49%; margin: 0.5rem 0; padding: 2rem 1rem; background-color:rgba(241,241,241,0); border: 1px solid #eee; transition: ease 0.7s; } .dsg-block-38__brand:hover { background-color:rgba(241,241,241,0.7); } .dsg-block-38__content { text-align: center; } .dsg-block-38__brand-logo { display: block; margin-left: auto; margin-right: auto; } .dsg-block-38__paragraph { color: #ddd !important; font-size: .8rem; margin-top: 2rem; } @media screen and (min-width: 600px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-38__brand { width: 49%; } } @media screen and (min-width: 960px) { .dsg-block-38__brand { width: 15rem; margin: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-38 { margin-top: 2rem; margin-bottom: 2rem; } } @media screen and (min-width: 1600px) {} </style>

Shop by Brands

<avb-footer>  <avb-designer-footer data-id="2" class="avb-typography dsg-footer-2"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--large-7"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-footer-2__heading"> Wiseman Appliance </h2>  <ul class="avb-list avb-list--noBullet dsg-footer-2__menu">  <avb-categories> <template> <li data-for="category-item" class="avb-list__item dsg-footer-2__menu-item"> <avb-link data-for="category-item-link" class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__link">Category name</avb-link> </li> </template> </avb-categories> <avb-menu-items> <template> <li data-for="menu-item" class="avb-list__item dsg-footer-2__menu-item"> <avb-link data-for="menu-item-link" class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__link">Menu item name</avb-link> </li> </template> </avb-menu-items>  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__link" data-href="https://www.wisemanappliance.com/return-and-store-policies">Return &amp; Store Policies</avb-link> </li> </ul> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-footer-2__heading"> Location </h2>  <div class="avb-wrapper dsg-footer-2__location">  <div class="avb-typography__paragraph"> <span class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__address-line"> 2619 California Ave. S.W. </span> <span class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__address-line"> Seattle, WA 98116 </span> </div>  <ul class="avb-list avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Phone: <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__link" data-href="tel:206-937-7400"> 206-937-7400 </avb-link> </li>   </ul> </div> </div> </div> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper"> </div> </div> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--large-5"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--medium-6 avb-grid__column--large-12 avb-grid__column--marginBottom"> <div class="avb-wrapper">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-footer-2__heading">Store Hours</h2>  <ul class="avb-list avb-list--noBullet"> <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__address-line"> Monday - Friday 9:00 AM - 5:00 PM </li> <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__address-line"> Saturday 9:00 AM - 12:00 PM </li> <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-2__address-line"> Sunday Closed </li> </ul>     </div> </div> </div> </div> </div> </avb-designer-footer>  <avb-designer-footer data-id="3" class="avb-typography dsg-tools-main-paragraph dsg-tools-color-light dsg-footer-3"> Wiseman Appliance &copy; 2023 </avb-designer-footer> </avb-footer> <style> /* ==================== Footer Sign Up (dsg-footer-1) ==================== */ .dsg-footer-1 { padding: 3rem 1rem; text-align: center; background-color: #001a53; } .dsg-footer-1__form-input { height: 3rem; } .dsg-footer-1__form-submit { height: 3rem; margin-top: 0.5rem; border: none; color: #fff; background-color: #d82727; font-family: "Sora", sans-serif; font-weight: 700; font-size: 1rem; } .dsg-footer-1__form-submit:hover { color: #001a53; background-color: #cccccc ; } .dsg-footer-1__form-responses { margin-top: 1rem; } .dsg-footer-1__form-success { color: #0F0; } .dsg-footer-1__form-failure { color: #F00; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-footer-1__form-submit { margin-top: 0; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* ==================== Footer Main Info (dsg-footer-2) ==================== */ .dsg-footer-2 { padding: 3rem 1rem; background-color: #ebebeb; } .dsg-footer-2__location-name { font-weight: 700; font-size: 1.25rem; margin-bottom: 0.5rem; } .dsg-footer-2__address-line { display: block; margin-bottom: 0; } .dsg-footer-2__social--width { width: 40px; } /* Image badges (under social) */ .dsg-footer-2__image-badge { max-width: 80px; 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) {} /* ==================== Footer Copyright (dsg-footer-3) ==================== */ .dsg-footer-3 { padding: 2rem 1rem; text-align: center; background-color: #001a53; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>