Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-kiosq1-main-image">   <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container">  <div class="avb-grid__column avb-grid__column--small-12 dsg-block-43__grid-column"> <ul class="avb-list avb-list--horizontal dsg-block-43-list"> <li class="avb-list__item dsg-block-43-list-item-1"> <span class="dsg-block-43-main-heading dsg-block-43-color-light">Buy Now, Pay Later</span> </li> <li class="avb-list__item dsg-block-43-list-item-2"> <span class="dsg-block-43-sub-heading dsg-block-43-color-light dsg-tools-block"><span class="dsg-block-43-fw-bold">Find the best payment plan to fit into your&nbsp;life.</span></span> <span class="dsg-block-43-text-small dsg-block-43-color-light">*Subject to Credit approval. Restrictions apply. Ask for details.</span> </li> <li class="avb-list__item dsg-block-43-list-item-3 dsg-block-43-color-light"> SEE SALES ASSOCIATE </li> <li class="avb-list__item dsg-block-43-list-item-4"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="TD Card"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/brandsource-finance/brandsource-financing-lp-credit-card-glow-green-pink-dons.png"></avb-picture-source> </avb-picture> </li> </ul> </div>  </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;0,700;0,800;1,300&display=swap'); /* =================== Apply and Buy (block-43) =================== */ .dsg-block-43 { text-align: center; background-color: #221f20; background-image: url(https://cdn.avbportal.com/magento-media/financing/td-financing-hero-3.jpg); display: flex; background-position: top left; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43-list { text-align: center; padding:0.5rem 0.5rem 1rem; margin-bottom:-0.5rem; justify-content: center; } .dsg-block-43-main-heading { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:1rem; } .dsg-block-43-sub-heading { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:0.7rem; } .dsg-block-43-text-small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .5rem; display: block; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { width: 100%; } .dsg-block-43-list-item-4 { z-index: 10; width:44%; display: none; } .dsg-block-43__button-financing { border-radius: 0; background: linear-gradient(158deg, rgba(255,239,148,1) 0%, rgba(166,138,81,1) 100%); color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; border: none; font-weight: bold; margin-top: 0.5rem; height: 50%; padding: 0.7rem 0.5rem; } .dsg-block-43__button-financing:hover { border-radius: 0; background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; } .dsg-block-43-fw-light-italic { font-weight: 300; font-style:italic; } .dsg-block-43-fw-bold { font-weight: 700; } .dsg-block-43-color-light { color: #fff; } .dsg-block-43-color-accent { color: #1ddcc3; } @media screen and (min-width: 600px) { .dsg-block-43__grid-column { margin-left: 1rem; } .dsg-block-43-list { text-align:center; margin-bottom: 0; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; width: 100%; } .dsg-block-43-sub-heading { font-size: 0.8rem; } .dsg-block-43-list-item-4 { display:none; } .dsg-block-43__button-financing { height: 60%; margin-top: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-43__grid-column { margin-left: 2rem; } .dsg-block-43-list { text-align: center; padding: 0.5rem; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; } .dsg-block-43-list-item-2 { display: block; } .dsg-block-43-list-item-3 { width: 26%; } .dsg-block-43__button-financing { font-size: 1.2rem; height: auto; padding: 0.5rem 1rem; } .dsg-block-43-main-heading { font-size: 1.6rem; } .dsg-block-43-sub-heading { font-size: 1.3rem; } .dsg-block-43-text-small { font-size: 0.65rem; } } @media screen and (min-width: 1280px) { .dsg-block-43__grid-column { margin-left: auto; } .dsg-block-43 { height:6rem; margin-bottom: 4rem; background-size: 140rem; } .dsg-block-43-list { text-align:left; } .dsg-block-43-main-heading { font-size:2rem; } .dsg-block-43-sub-heading { font-size:1.1rem; } .dsg-block-43-list-item-1 { padding: 1rem 0; width: auto; } .dsg-block-43-list-item-2 { width: 40%; padding: 0.75rem 0; margin-top: .5rem; } .dsg-block-43-list-item-3 { width: 15%; margin-top: 1.5rem; } .dsg-block-43-list-item-4 { display:inline-block; width: 15%; } .dsg-block-43__button-financing { font-size: 1.2rem; padding: .5rem 2rem; margin-top:0.5rem; width: auto; } } @media screen and (min-width: 1600px) { .dsg-block-43 { height:7rem; margin-bottom: 5rem; background-size: 300rem; } .dsg-block-43-main-heading { font-size:2.5rem; } .dsg-block-43-sub-heading { font-size:1.4rem; } .dsg-block-43-list-item-2 { width: 42%; } .dsg-block-43-list-item-3 { width: 12%; margin-top: 2rem; } } </style>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-tools-kiosq1-main-heading dsg-tools-kiosq1-color-accent dsg-block-27__headline-1"> Exceptional Brands And&nbsp;Service </h1> <h2 class="avb-typography__headline dsg-tools-kiosq1-main-heading dsg-tools-kiosq1-color-accent dsg-block-27__headline-2"> Since 1971 </h2> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <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 dsg-block-28__content">  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.donsappliances.com/kiosq1-appliances"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Appliances"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/idon1-dons/pro-style-range.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Appliances</span></avb-link> </li>  <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.donsappliances.com/catalog/special/brandsource_point_of_sale_marketing/Furniture"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Furniture"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/product/f/c/fca59d89-54e9-41af-aa33-47a486a1ae0b.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Furniture</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.donsappliances.com/water-products"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Water Source"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/idon1-dons/water-products/water-franke.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Water Source</span></avb-link> </li> </ul> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27b dsg-tools-kiosq1-bg-color-gradient"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <avb-link data-href="https://kiosq.donsappliances.com/promotions"> <div class="avb-wrapper dsg-block-27__content"> <h2 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-sub-heading dsg-tools-kiosq1-color-light"> HUGE SAVINGS | Promotions and Rebates&nbsp;&raquo; </h2> </div> </avb-link> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header and Promo Block (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top: 1rem; } .dsg-block-27b { margin-top: 0; margin-bottom: 0; padding-top: 0; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; } .dsg-block-27__headline-1 { margin: 0; } .dsg-block-27__headline-2 { font-size: 2.5rem; } .dsg-block-27-image { width: 40%; margin: 0 auto; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: -4rem; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: -5rem; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; padding-bottom: 1rem; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 100%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-picture { width: 100%; } .dsg-block-28-image { background-color: #fff; } @media screen and (min-width: 600px) { .dsg-block-28-list-item { width: 45%; } } @media screen and (min-width: 960px) { .dsg-block-28-list-item { width: 22%; transition: all .2s ease-in-out; } .dsg-block-28-list-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } /*VERTICAL*/ @media screen and (min-width: 1080px) { .dsg-block-28-list-item { width: 44%; } } @media screen and (min-width: 1280px) { .dsg-block-28-list-item { width: 23%; } } @media screen and (min-width: 1600px) {} </style>

Exceptional Brands And Service

Since 1971

HUGE SAVINGS | Promotions and Rebates »