Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li>  <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-tools-nop"> <div class="avb-wrapper dsg-tools-nomp dsg-tools-main-paragraph dsg-block-28-header-after__content"> <span class="fa-solid fa-tags dsg-block-27-header-after__icon"></span>  <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-after__link" data-href="https://www.arizonaapplianceandhome.com/promotions"> Shop Our Current Promotions and Rebates and&nbsp;Save! </avb-link> </div> </div> </div> </avb-designer-block> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-after, .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { color: #FFF; transition: all 0.2s ease-in-out; } .dsg-block-28-header-after { text-align: center; padding: 0.55rem; background: #4b5958; } .dsg-block-28-header-after__icon { padding: 0 0.5rem; } .dsg-block-28-header-after__link:hover { color: #FFF; text-decoration: underline; } .dsg-block-28-header-after:has(.dsg-block-28-header-after__link:hover) { background: #4b5958; } /*.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) {} @media screen and (min-width: 1600px) {} </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.arizonaapplianceandhome.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/60c0ee3165b7290ac635100f/1f7oq4s2s" 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.arizonaapplianceandhome.com/customer-service"> Customer Service </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; } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background: #0a5f60; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #FFF; text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: #114747; } /*.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="1" class="avb-typography dsg-block-1"> <div class="avb-grid "> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-tools-fill-primary dsg-block-1__content">  <h1 class="avb-typography__heading dsg-tools-nomp"> <span class="avb-typography__heading-line dsg-tools-hero-heading dsg-tools-color-light dsg-block-1__heading-line-1" data-aos="zoom-out" data-aos-duration="400"> Our Videos </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-block-26"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper dsg-block-26__content">      <ul class="avb-list avb-list--horizontal dsg-tools-nomp dsg-block-26__vdo-list"> <li class="avb-list__item dsg-block-26__vdo-list-item"> <avb-lightbox-item class="dsg-block-26-lightbox-item" data-autoplay playsinline data-type="video" data-src="https://cdn.avbportal.com/magento-media/members/bs0053-arizona/arizona-appliance-home-vdo-01-720p60-rf28.mp4"> <span class="fa-regular fa-circle-play dsg-tools-color-light dsg-block-26__icon"></span> <avb-picture class="avb-picture dsg-block-26-picture" data-alt="Arizona Appliance & Home Video 01"> <avb-picture-source class="dsg-block-26-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/bs0053-arizona/vdo-01-tbn.jpg"></avb-picture-source> </avb-picture> </avb-lightbox-item> <span class="dsg-tools-sub-heading dsg-tools-color-dark dsg-block-26__vdo-title">Arizona Appliance &amp; Home Video&nbsp;01</span> </li> <li class="avb-list__item dsg-block-26__vdo-list-item"> <avb-lightbox-item class="dsg-block-26-lightbox-item" data-autoplay playsinline data-type="video" data-src="https://cdn.avbportal.com/magento-media/members/bs0053-arizona/arizona-appliance-home-vdo-02-720p60-rf30.mp4"> <span class="fa-regular fa-circle-play dsg-tools-color-light dsg-block-26__icon"></span> <avb-picture class="avb-picture dsg-block-26-picture" data-alt="Arizona Appliance & Home Video 02"> <avb-picture-source class="dsg-block-26-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/bs0053-arizona/vdo-02-tbn.jpg"></avb-picture-source> </avb-picture> </avb-lightbox-item> <span class="dsg-tools-sub-heading dsg-tools-color-dark dsg-block-26__vdo-title">Arizona Appliance &amp; Home Video&nbsp;02</span> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero block (block-1) ==================== */ .dsg-block-1 { margin: 0; } .dsg-block-1__background { min-height: 15rem; display: flex; flex-direction: column; justify-content: flex-end; background-image: url('https://cdn.avbportal.com/assets/vendor-assets/appliances/thermador/17600425_Thermador-RNA-kitchen-ME302YP-House-Beautiful-2017_def.jpg?w=600'); background-position: center -4rem; } .dsg-block-1__content { margin: 0; text-align: center; padding: 1rem; } .dsg-block-1__heading-line-1 { font-size: 2.8rem; } @media screen and (min-width: 600px) { .dsg-block-1__background { min-height: 17rem; background-image: url('https://cdn.avbportal.com/assets/vendor-assets/appliances/thermador/17600425_Thermador-RNA-kitchen-ME302YP-House-Beautiful-2017_def.jpg?w=900'); background-position: center -14rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { min-height: 20rem; background-image: url('https://cdn.avbportal.com/assets/vendor-assets/appliances/thermador/17600425_Thermador-RNA-kitchen-ME302YP-House-Beautiful-2017_def.jpg?w=1200'); background-position: center -19rem; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { min-height: 22rem; background-image: url('https://cdn.avbportal.com/assets/vendor-assets/appliances/thermador/17600425_Thermador-RNA-kitchen-ME302YP-House-Beautiful-2017_def.jpg?w=1600'); background-position: center -23rem; } } @media screen and (min-width: 1600px) { .dsg-block-1__background { min-height: 24rem; background-image: url('https://cdn.avbportal.com/assets/vendor-assets/appliances/thermador/17600425_Thermador-RNA-kitchen-ME302YP-House-Beautiful-2017_def.jpg?w=2000'); background-position: center -30rem; } } /* ==================== Services CTA (block-26) ==================== */ .dsg-block-26 { margin: 0 auto; } .dsg-block-26__content { padding: 1rem 1rem 2rem; text-align: left; } .dsg-block-26__paragraph { margin: 0 auto; } .dsg-block-26__vdo-list { display: flex; justify-content: center; align-items: center; gap: 2rem; max-width: 65rem; margin: 0 auto; text-align: center; } .dsg-block-26__vdo-list-item { flex: 0 0 100%; margin: 0; } .dsg-block-26-lightbox-item { width: fit-content; } .dsg-block-26__icon { position: absolute; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; background-color: #30303099; font-size: 5rem; color: #FFF; text-shadow: 0px 4px 7px #00000078; opacity: 1; transition: all .3s ease-in-out; } .dsg-block-26__icon:hover { opacity: 0; transition: all .3s ease-in-out; } .dsg-block-26-picture, .dsg-block-26-image { display: block; } .dsg-block-26-image { max-height: 29rem; } .dsg-block-26__vdo-title { text-align: center; } @media screen and (min-width: 600px) { .dsg-block-26__content { padding: 2rem 1rem 3rem; } .dsg-block-26__vdo-list-item { flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 2rem)); } } @media screen and (min-width: 960px) { } @media screen and (min-width: 1280px) { .dsg-block-26__content { padding: 4rem 2rem; } } @media screen and (min-width: 1600px) {} </style>

Watch our collection of videos for guidance, tips, ideas, trends, and more. Get inspired.

Our Videos

SIGN UP FOR SAVINGS