Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-30__grid-column"> <avb-link class="dsg-block-30-link" data-href="https://kiosq.skipshomesource.com/promos"> <avb-picture class="avb-picture avb-picture--full" data-alt="Promo Bubble"> <avb-picture-source class="dsg-block-30__image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-promo-bubble.png"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </avb-designer-block>  <avb-designer-block data-id="11" class="avb-typography dsg-block-11"> <div class="avb-grid avb-grid--container dsg-block-11__grid--container"> <div class="avb-grid__column avb-grid__column--medium-7 avb-grid__column--marginBottom dsg-block-11-large-left"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-11__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-11__content dsg-block-11__content-padding-top"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-nom"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-11__heading-line-1 dsg-tools-kiosq2-main-heading dsg-tools-kiosq2-color-light"> Quality Brands At Prices You'll&nbsp;Love </span> </h1>  <ul class="avb-list avb-list--horizontal dsg-block-11-list-button"> <li class="avb-list__item dsg-block-11-list-item dsg-block-11-list-item-border"> <avb-link class="dsg-block-11-link" data-href="https://kiosq.skipshomesource.com/kiosq2-appliances"> SHOP APPLIANCES </avb-link> </li> <li class="avb-list__item dsg-block-11-list-item dsg-block-11-list-item-border"> <avb-link class="dsg-block-11-link" data-href="https://kiosq.skipshomesource.com/kiosq2-furniture"> SHOP FURNITURE </avb-link> </li> <li class="avb-list__item dsg-block-11-list-item"> <avb-link class="dsg-block-11-link" data-href="https://kiosq.skipshomesource.com/kiosq2-electronics"> SHOP ELECTRONICS </avb-link> </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-5 dsg-block-11-large-right">  <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-12"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-11__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-11__content"> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-11__background-3"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-11__content">  </div> </div> </div> </div> </div>  </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Promo Bubble (block-30) =================== */ .dsg-block-30 { margin-top: 0.25rem; position: relative; width: 5rem; z-index: 10; } .dsg-block-30__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-30__image { width: 5rem; position: relative; z-index: 10; } @media screen and (min-width: 375px) { .dsg-block-30 { top: -21px; } } @media screen and (min-width: 425px) { .dsg-block-30 { top: -1rem; } } @media screen and (min-width: 600px) { .dsg-block-30 { top: 0.5rem; left: -.5rem; } } @media screen and (min-width: 768px) { .dsg-block-30 { left: 4.5rem; } } @media screen and (min-width: 960px) { .dsg-block-30 { top: 1rem; left: 0.5rem; } .dsg-block-30__image { width: 7rem; z-index: 10; padding: .5rem 0; } } @media screen and (min-width: 1080px) { .dsg-block-30 { width: 10rem; top: 6rem; margin-top: -4.5rem; } .dsg-block-30__image { width: 10rem; } } @media screen and (min-width: 1280px) { .dsg-block-30 { top: 5rem; } .dsg-block-30__image { width: 8rem; } } @media screen and (min-width: 1600px) { .dsg-block-30 { top: 5rem; width: 9rem; margin-bottom: -8.5rem; } } @media screen and (min-width: 1800px) { .dsg-block-30__image { width: 10rem; left: 3rem; } } @media screen and (min-width: 1920px) { .dsg-block-30__image { left: 0rem; top: 2rem; } } @media screen and (min-width: 2000px) { /* .dsg-block-30 { left: 12.5rem; } */ .dsg-block-30__image { top: 0; } } /* =================== Home Page Grid (block-11) =================== */ .dsg-block-11 { margin-top: -5rem; margin-bottom: 0.25rem; } .dsg-block-11__background-1 { padding: 0.25rem; background-image: linear-gradient(rgba(100, 100, 100, 0.5), rgba(100, 100, 100, 0.5)), url(https://cdn.avbportal.com/assets/vendor-assets/appliances/electrolux/15_Kitchen_Suite_No_Island_3612_v2.jpg?w=1200); background-size: cover; } .dsg-block-11-list-button { background-color: #ed1d26; padding: .5rem; border-radius: 5px; justify-content: center; margin-top: 1rem; width: 85%; margin: 1rem auto 0; font-size: .55rem; } .dsg-block-11-link, .dsg-block-11-link:active, .dsg-block-11-link:focus, .dsg-block-11-link:visited { color: #fff; font-weight: 600; } .dsg-block-11-link:hover { color: #222; } .dsg-block-11__background-2 { padding: 5.25rem; background-image: linear-gradient(180deg, rgba(34, 31, 32, 0) 34%, rgba(34, 31, 32, 1) 100%), url(https://cdn.avbportal.com/magento-media/brandsource-finance/brandsource-financing-lp-main-background-sml.jpg); background-position: top center; } .dsg-block-11__background-3 { padding: 0.25rem; background-color: #221f20; } .dsg-block-11__content { padding: 0 0.5rem 0.5rem; text-align: center; background-color: rgba(241, 241, 241, 0); } .dsg-block-11__content-padding-top { padding-top: 4rem; } .dsg-block-11__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-11-svg { width: 7rem; margin: 0 auto; display: block; fill: #fff; stroke: #fff; } .dsg-block-11__button-financing { background: #1ddcc3; border: 2px solid #1ddcc3; color: #000000; margin-bottom: 2rem; font-weight: bold; border-radius: 13px; padding: 1rem 2rem; font-size: 1.3rem; } .dsg-block-11__button-financing:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .dsg-block-11__heading-line-1 { text-shadow: 1px 1px 1rem #444; } .dsg-block-11-text { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .9rem; } .dsg-block-11-text-small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .65rem; display: block; } @media screen and (min-width: 600px) { .dsg-block-11 { margin-top: -4.5rem; margin-bottom: 0.5rem; } .dsg-block-11__background-1 { padding: 0.5rem; } .dsg-block-11__background-2 { padding: 8.5rem; } .dsg-block-11__background-3 { padding: 0.5rem; } .dsg-block-11-list-item-left { width: 34%; } .dsg-block-11-list-item-right { width: 62%; text-align: left; } .dsg-block-11-list-item-border { border-right: 1px solid #fff; padding-right: .5rem; } } @media screen and (min-width: 960px) { .dsg-block-11 { margin-top: -7rem; margin-bottom: 0.5rem; } .dsg-block-11__background-1 { padding: 0.5rem; } .dsg-block-11-svg { width: 10rem; } .dsg-block-11-list-button { background-color: #ed1d26; padding: 1rem .5rem .75rem; border-radius: 5px; justify-content: center; margin-top: 1rem; width: 85%; margin: 1rem auto 0; font-size: .55rem; } .dsg-block-11-link { font-size: 0.7rem; } .dsg-block-11__background-2 { padding: 10.5rem; } .dsg-block-11__background-3 { padding: 0.5rem; } .dsg-block-11-list-item-left { width: 34%; } .dsg-block-11-list-item-right { width: 61%; text-align: left; } } /*VERTICAL*/ @media screen and (min-width: 1080px) { .dsg-block-11-large-left { flex: 0 0 100%; max-width: 100%; } .dsg-block-11-large-right { flex: 0 0 100%; max-width: 100%; } .dsg-block-11__background-1 { padding: 10.5rem 0.5rem; } .dsg-block-11__background-2 { display: none; } .dsg-block-11__content-padding-top { padding: 23rem 0; } .dsg-block-11__heading-line-1 { padding: 3rem; } .dsg-block-11-link { font-size: 1rem; } .dsg-block-11-list-button { padding: 1rem .5rem .9rem; font-size: 1rem; } .dsg-block-11-svg { width: 15rem; } .dsg-block-financing-list { width: 50%; margin: 0 auto; } } @media screen and (min-width: 1280px) { .dsg-block-11 { margin-top: -5rem; margin-bottom: 1rem; } .dsg-block-11-large-left { flex: 0 0 58.33333%; max-width: 58.3%; } .dsg-block-11-large-right { flex: 0 0 41.66667%; max-width: 41.7%; } .dsg-block-11__background-1 { padding: 1rem; } .dsg-block-11-svg { width: 12rem; } .dsg-block-11-link { font-size: 0.8rem; } .dsg-block-11__heading-line-1 { padding: 1rem 3rem; } .dsg-block-11__background-2 { padding: 11.7rem; display: block; } .dsg-block-11__background-3 { padding: 1rem; } .dsg-block-11__content { padding: 0 1rem 1rem; } .dsg-block-11-list { align-items: center; } .dsg-block-11-list-button { font-size: .75rem; } .dsg-block-11__content-padding-top { padding: 0; } .dsg-block-financing-list { width: 100%; } } @media screen and (min-width: 1600px) { .dsg-block-11 { margin-top: 2rem; margin-bottom: 1rem; } .dsg-block-11-svg { width: 14rem; } .dsg-block-11__background-2 { padding: 11rem; } .dsg-block-11-list-button { font-size: .9rem; } .dsg-block-11-link { font-size: 0.9rem; } .dsg-block-11-list-item-left { width: 46%; } .dsg-block-11-list-item-right { width: 51%; } } @media screen and (min-width: 1920px) { .dsg-block-11__grid--container { max-width: 2000px; } .dsg-block-11-link { font-size: 1.1rem; } .dsg-block-11__background-2 { padding: 13.85rem; } } @media screen and (min-width: 2000px) { .dsg-block-11__background-2 { padding: 9rem; } } </style>

Quality Brands At Prices You'll Love