Default Dev Script Validation

Default Header After Global Promotions

<avb-main>   <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container dsg-block-43-center"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom 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-accent">Apply <span class="dsg-block-43-fw-light-italic dsg-block-43-color-light">and</span> Buy!</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">SPECIAL FINANCING OPTIONS</span> to create your perfect home! </span> <span class="dsg-block-43-text-small dsg-block-43-color-light">*Subject to credit approval. Terms and conditions apply. Minimum monthly payments required.</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="Synchrony Card"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/finance-cards/synchrony-home-3-4.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; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43-list { text-align: center; justify-content: center; padding: 1rem 1rem 0; margin-bottom: 0; } .dsg-block-43-main-heading { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 1.2rem; } .dsg-block-43-sub-heading { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 0.62rem; display: block; line-height: 1.3rem; } .dsg-block-43-text-small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .53rem; display: block; line-height: 0.7rem; } .dsg-block-43-list-item-4 { z-index: 10; width: 44%; } .dsg-block-43__button-financing { background: #1ddcc3; border: 2px solid #1ddcc3; color: #000000; margin-bottom: 0.5rem; margin-top: 0.75rem; font-weight: bold; border-radius: 13px; padding: 0.25rem 1rem; font-size: 0.8rem; } .dsg-block-43__button-financing:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .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: #40d2d5; } .dsg-block-43-list-item-4 { display: none; } @media screen and (min-width: 600px) { .dsg-block-43-list { text-align: center; padding: 0.75rem 1rem 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-list-item-4 { display: none; } .dsg-block-43-sub-heading { font-size: 0.8rem; margin-bottom: 0.1rem; } } @media screen and (min-width: 960px) { .dsg-block-43-list { text-align: center; padding: 0; } .dsg-block-43-center { justify-content: center; } .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 { width: 100%; display: block; } .dsg-block-43-list-item-3 { width: 26%; } .dsg-block-43-main-heading { font-size: 1.5rem; } .dsg-block-43-sub-heading { font-size: 1.2rem; margin-top: 0.5rem; } .dsg-block-43-text-small { font-size: 0.75rem; line-height: 1rem; } /* .dsg-block-43__button-financing { font-size: 1.2rem; } */ } @media screen and (min-width: 1280px) { .dsg-block-43 { height: 6rem; margin-bottom: 4rem; } .dsg-block-43-list { text-align: left; } .dsg-block-43-main-heading { font-size: 2rem; } .dsg-block-43-sub-heading { font-size: 1.1rem; margin-top: 0; } .dsg-block-43-text-small { font-size: 0.7rem; } .dsg-block-43-list-item-1 { padding: 1rem 0; width: auto; } .dsg-block-43-list-item-2 { width: 40%; padding: 1rem 0; margin-top: .5rem; } .dsg-block-43-list-item-3 { width: 15%; margin-top: 2rem; } .dsg-block-43-list-item-4 { display: inline-block; width: 15%; padding:1rem; } .dsg-block-43__button-financing { font-size: 1.2rem; padding: .5rem 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-43 { height: 7rem; margin-bottom: 5rem; } .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%; padding: 1.5rem 0; } .dsg-block-43-list-item-3 { width: 12%; margin-top: 2.5REM; } .dsg-block-43-list-item-4 { padding:2rem; } } </style>  <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-block-1__grid-column dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-nomp"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-kiosq3-color-light dsg-block-1__heading-line-1"> Style Meets Comfort </span> </h1> <avb-svg data-class="dsg-block-1-svg" data-url="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-brush-stroke.svg"></avb-svg> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="43b" class="avb-typography dsg-block-43b"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43b__grid-column dsg-tools-nomp"> <ul class="avb-list avb-list--horizontal dsg-block-43b-list"> <li class="avb-list__item dsg-block-43b-list-item-1 dsg-tools-kiosq3-bg-color-secondary dsg-tools-kiosq3-color-light dsg-tools-nom"> <span class="dsg-block-43b-main-heading"> SHOP </span> <span class="dsg-block-43b-sub-heading"> OUR CATALOG </span> </li>   <li class="avb-list__item dsg-block-43b-list-item-4 dsg-tools-nom"> <span class="dsg-block-43b-text dsg-tools-kiosq3-color-primary"> <avb-link class="dsg-block-43b-link" data-href="https://kiosq.maconfurnituremart.com/kiosq3-furniture"> Furniture </avb-link> </span> </li> <li class="avb-list__item dsg-block-43b-list-item-5 dsg-tools-nom"> <span class="dsg-block-43b-text dsg-tools-kiosq3-color-primary"> <avb-link class="dsg-block-43b-link" data-href="https://kiosq.maconfurnituremart.com/kiosq3-mattresses"> Mattresses </avb-link> </span> </li>  </ul> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Beauty Shot (block-1) =================== */ .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/assets/vendor-assets/furniture/la-z-boy/KB5_James_444-521_D206680.jpg); } .dsg-block-1__content { max-width: 60rem; padding: 3rem 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: rgba(241, 241, 241, 0); } .dsg-block-1__heading-line-1 { font-family: polymath, sans-serif; font-weight:400; font-size:2.2rem; line-height: 2rem; } .dsg-block-1__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-1-svg { width: 7rem; margin: 0 auto; display: block; fill: #fff; stroke: #fff; } @media screen and (min-width: 600px) { .dsg-block-1__background { padding: 0.5rem; } .dsg-block-1__content { padding: 4rem 0.5rem; } .dsg-block-1__heading-line-1 { font-size:2.8rem; line-height: 2rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { padding: 0.5rem; } .dsg-block-1__content { padding: 6rem 0.5rem; } .dsg-block-1__heading-line-1 { font-size:4rem; line-height: 3rem; } .dsg-block-1-svg { width: 10rem; } } /*VERTICAL*/ @media screen and (min-width: 1080px) { .dsg-block-1__background { padding: 15rem 0.5rem; } .dsg-block-1__heading-line-1 { font-size: 14rem; line-height: 12rem; } .dsg-block-1-svg { width: 41rem; } } @media screen and (min-width: 1280px) { .dsg-block-1 { margin-top: -4rem; } .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 6rem 1rem; } .dsg-block-1__heading-line-1 { font-size:5rem; line-height: 3rem; } .dsg-block-1-svg { width: 12rem; } } @media screen and (min-width: 1600px) { .dsg-block-1 { margin-top: -5rem; } .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 6rem 1rem; } .dsg-block-1__heading-line-1 { font-size:8rem; line-height: 8rem; } .dsg-block-1-svg { width: 14rem; } } /* =================== Shop categories (block-43b) =================== */ .dsg-block-43b { text-align: center; } .dsg-block-43b-list-item-1 { width:100%; padding: 1rem; } .dsg-block-43b-list-item-2,.dsg-block-43b-list-item-3,.dsg-block-43b-list-item-4,.dsg-block-43b-list-item-5,.dsg-block-43b-list-item-6 { width:48%; padding: .5rem .5rem 1rem; } .dsg-block-43b-list-item-6 { width:100%; } .dsg-block-43b-main-heading { font-family: polymath, sans-serif; font-weight: 400; font-size:4rem; line-height: 4rem; display:block; } .dsg-block-43b-sub-heading { font-family: polymath, sans-serif; font-weight: 400; font-size:1.1rem; letter-spacing: 5px; display:block; } .dsg-block-43b-text { font-family: polymath, sans-serif; font-weight: 400; font-size:1rem; border-bottom: 5px solid #fff; padding-bottom: .5rem; } .dsg-block-43b-text:hover { border-bottom: 5px solid #e7e2d7; } @media screen and (min-width: 600px) { .dsg-block-43b-list { justify-content:center; } .dsg-block-43b-list-item-2,.dsg-block-43b-list-item-3,.dsg-block-43b-list-item-4 { width:31%; padding: 1rem 0.5rem; border-right:1px solid #000; } .dsg-block-43b-list-item-5 { width:31%; padding: 1rem 0.5rem; border-right:none; } } @media screen and (min-width: 960px) { .dsg-block-43b-list { justify-content:left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dsg-block-43b-list-item-1 { width:27%; padding: 1rem 0.5rem; } .dsg-block-43b-list-item-2,.dsg-block-43b-list-item-3,.dsg-block-43b-list-item-4,.dsg-block-43b-list-item-5,.dsg-block-43b-list-item-6 { width:23%; padding: 1rem 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-43b-list-item-1 { width:24%; padding: 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-43b-text { font-size:1.5rem; } } </style>