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-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-after__content">  <avb-link class="dsg-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-after__link" data-href="https://www.tonysappliance.com/catalog/special/brandsource_point_of_sale_marketing/In%20Stock">100s of In-Stock Appliances! Ready for Quick&nbsp;Delivery!</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 { background: #000000; background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(10, 10, 10, 1) 46%, rgba(18, 18, 18, 1) 70%, rgba(230, 103, 0, 1) 100%); } .dsg-block-28-header-after__content { text-align: center; padding: 0.55rem; } .dsg-block-28-header-after__icon { padding: 0 0.5rem; } .dsg-block-28-header-after__heading { color: #fff; font-weight: 400; } .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { color: #fff; font-weight: 400; transition: 0.3s; font-family: ivyepic, sans-serif; font-size: clamp(0.85rem, 2.1vw, 1rem); } .dsg-block-28-header-after__link:hover { color: #fff; text-decoration: underline; } .dsg-block-28-header-after__location-mobile { display: block; } .dsg-block-28-header-after__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-after__location-mobile { display: inline; } .dsg-block-28-header-after__hider-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { font-size: 1.1rem; } } @media screen and (min-width: 1600px) {} </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="37" class="avb-typography dsg-block-37-carousel_hb"> <div class="avb-grid avb-grid--container dsg-block-37-carousel-container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-37-carousel_hb__grid-column">  <div class="avb-wrapper dsg-block-37-carousel_hb__content dsg-block-37-carousel_hb__content-mobile"> <avb-carousel> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_hb__content-section"> <div class="dsg-block-37-carousel_hb__content-section-inner"> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/financing"> <span class="fa-sharp fal fa-credit-card dsg-block-37-carousel-hb__icon"></span> Special Financing </avb-link> </div> </div> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_hb__content-section"> <div class="dsg-block-37-carousel_hb__content-section-inner"> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/promotions"> <span class="fa-sharp fal fa-book-open dsg-block-37-carousel-hb__icon"></span> Promotions &amp; Rebates </avb-link> </div> </div> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_hb__content-section"> <div class="dsg-block-37-carousel_hb__content-section-inner"> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/catalog/special/brandsource_point_of_sale_marketing/In%20Stock"> <span class="fa-sharp fal fa-tags dsg-block-37-carousel-hb__icon"></span> In Stock </avb-link> </div> </div> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37-carousel_hb__content-section"> <div class="dsg-block-37-carousel_hb__content-section-inner"> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/services"> <span class="fa-sharp fal fa-tools dsg-block-37-carousel-hb__icon"></span> Services </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 class="avb-wrapper dsg-block-37-carousel_hb__content-desktop">  <span class="avb-typography__heading dsg-tools-main-paragraph dsg-block-37-carousel-hb__heading"> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/brandsource-financing"> <span class="fa-sharp fal fa-credit-card dsg-block-37-carousel-hb__icon"></span> Special Financing </avb-link> <span class="dsg-block-37-carousel-hb-divider">&ensp;|&ensp;</span> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/promotions"> <span class="fa-sharp fal fa-book-open dsg-block-37-carousel-hb__icon"></span> Promotions &amp; Rebates </avb-link> <span class="dsg-block-37-carousel-hb-divider">&ensp;|&ensp;</span> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/catalog/special/brandsource_point_of_sale_marketing/In%20Stock"> <span class="fa-sharp fal fa-tags dsg-block-37-carousel-hb__icon"></span> In Stock </avb-link> <span class="dsg-block-37-carousel-hb-divider">&ensp;|&ensp;</span> <avb-link class="dsg-block-37-carousel_hb-link" data-href="https://www.tonysappliance.com/services"> <span class="fa-sharp fal fa-shipping-fast dsg-block-37-carousel-hb__icon"></span> Services </avb-link> </span> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> @import url("https://use.typekit.net/ijw5tys.css"); /** ==================== Mini Banner Carousel Slider ====================**/ .dsg-block-37-carousel_hb { margin-top: 0; margin-bottom: 0; max-height: 150px; background-color: #1b1b1b; padding: 0.5rem; } .dsg-block-37-carousel_hb__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37-carousel_hb__content { padding-top:0.5rem; } .dsg-block-37-carousel_hb__content-section { position: relative; height: 100%; font-size: 1.1rem; text-align: center; color: #fff; } .dsg-block-37-carousel_hb-link, .dsg-block-37-carousel_hb-link:focus, .dsg-block-37-carousel_hb-link:active, .dsg-block-37-carousel_hb-link:visited { color: #fff; font-size:clamp(0.85rem, 2.1vw, 1rem); line-height:1; font-family: ivyepic, sans-serif; } .dsg-block-37-carousel_hb-link:hover { color: #EADF35; transition: color 0.25s ease-out; } .dsg-block-37-carousel_hb__content-desktop { display: none; } .dsg-block-37-carousel-hb__icon { padding-right: 0.5rem; color:#EADF35; } @media screen and (min-width: 600px) { .dsg-block-37-carousel_hb { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-37-carousel_hb{ padding:0; } .dsg-block-37-carousel-container{ max-width:100%; } .dsg-block-37-carousel_hb__content-desktop { display: flex; text-align: center; justify-content: center; align-items: center; padding:0.45rem; } .dsg-block-37-carousel_hb__content-mobile{ display:none; } .dsg-block-37-carousel-hb__heading { color: #fff; font-weight: 400; display: flex; justify-content: center; align-items: center; grid-gap: 1rem; margin:0; padding:0; } .dsg-block-37-carousel-hb-divider{ font-weight:100!important; opacity:0.25; color:#fff; } .dsg-block-37-carousel_hb__grid-column { margin-bottom:0; } } @media screen and (min-width: 1280px) { .dsg-block-37-carousel-hb__heading { width:100%; padding:0 2rem; } .dsg-block-37-carousel_hb-link, .dsg-block-37-carousel_hb-link:focus, .dsg-block-37-carousel_hb-link:active, .dsg-block-37-carousel_hb-link:visited, .dsg-block-37-carousel_hb-link:hover{ line-height:1.6; font-size:1.1rem; } } @media screen and (min-width: 1600px) { .dsg-block-37-carousel-container{ max-width:1600px; margin:0 auto; } } </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"> <span class="dsg-tools-fw-regular">Shop By</span> Brand </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-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; 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 our huge selection of quality brands today!

Shop By Brand

Tony's Appliance

Location

Store Hours

Connect With Us