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>  </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: #1ddcc3; } .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%; } .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; } } </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-block-1__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-kiosq3-sub-heading dsg-tools-kiosq3-color-light dsg-block-1__heading-line-1"> Create Your </span> <span class="avb-typography__heading-line dsg-tools-kiosq3-main-heading dsg-tools-kiosq3-color-light dsg-block-1__heading-line-2"> Dream Home </span> </h1> <p class="avb-typography__paragraph dsg-tools-kiosq3-main-paragraph dsg-tools-kiosq3-color-light dsg-block-1__heading-line-3"> With the Cleveland Furniture&nbsp;Company </p> </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"> <div class="avb-list avb-list--horizontal dsg-block-43b-list"> <div class="avb-list__item dsg-block-43b-list-item dsg-block-43b-list-item-1 dsg-tools-kiosq3-bg-color-accent dsg-tools-kiosq3-color-light dsg-tools-nom"> <span class="dsg-tools-kiosq3-sub-heading dsg-block-43b-main-heading"> SHOP </span> <span class="dsg-tools-kiosq3-main-heading dsg-block-43b-sub-heading"> OUR CATALOG </span> </div> <div class="avb-list__item dsg-block-43b-list-item dsg-block-43b-list-item-2 dsg-tools-nom"> <span class="dsg-tools-kiosq3-main-paragraph dsg-block-43b-text dsg-tools-kiosq3-color-primary"> <avb-link class="dsg-block-43b-link" data-href="https://kiosq.clevelandfurniturecompany.com/kiosq3-furniture"> Furniture </avb-link> </span> </div> <div class="avb-list__item dsg-block-43b-list-item dsg-block-43b-list-item-3 dsg-tools-nom"> <span class="dsg-tools-kiosq3-main-paragraph dsg-block-43b-text dsg-tools-kiosq3-color-primary"> <avb-link class="dsg-block-43b-link" data-href="https://kiosq.clevelandfurniturecompany.com/kiosq3-mattresses"> Mattresses </avb-link> </span> </div> </div> </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 { background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=600); background-position-y: 70%; } .dsg-block-1__content { padding: 3rem 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: rgb(30 30 30 / 65%); } .dsg-block-1__heading-line-1, .dsg-block-1__heading-line-2{ text-transform:uppercase; } .dsg-block-1__heading-line-1, .dsg-block-1__heading-line-2, .dsg-block-1__heading-line-3 { text-shadow: 2px 2px 2px #1e1e1e; } .dsg-block-1__heading-line-1{ font-size:1.1rem; margin-bottom:0.5rem; } .dsg-block-1__heading-line-2{ font-weight:400; font-size:2rem; line-height:1; } .dsg-block-1__heading-line-3{ font-size:0.9rem; } @media screen and (min-width: 600px) { .dsg-block-1__background{ background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=900); } .dsg-block-1__content { padding: 4rem 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { padding: 3rem; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=1000); } .dsg-block-1__content { padding: 3rem; max-width:fit-content; } .dsg-block-1__heading-line-1{ font-size:1.7rem; } .dsg-block-1__heading-line-2{ font-size:3rem; } .dsg-block-1__heading-line-3{ font-size:1.5rem; } } /*VERTICAL*/ @media screen and (min-width: 1080px) { .dsg-block-1__content{ padding:6rem 3rem; } .dsg-block-1__background { padding: 28rem 0.5rem; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=1200); } .dsg-block-1__heading-line-1{ font-size:6rem; } .dsg-block-1__heading-line-2{ font-size:8rem; } .dsg-block-1__heading-line-3{ font-size:3rem; } } @media screen and (min-width: 1280px) { .dsg-block-1 { margin-top: -4rem; } .dsg-block-1__background { padding: 5rem 3rem; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=1280); } .dsg-block-1__content { padding: 3rem 5rem; } .dsg-block-1__heading-line-1{ font-size:4rem; } .dsg-block-1__heading-line-2{ font-size:6rem; } .dsg-block-1__heading-line-3{ font-size:1.9rem; } } @media screen and (min-width: 1600px) { .dsg-block-1 { margin-top: -5rem; } .dsg-block-1__background { padding: 8rem 1rem; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/furniture/flexsteel/living-room/Flexsteel-Linden-PWR-Sofa-1043-62PH-946-02-Lifestyle-1.jpg?w=1600); } } /* =================== Shop categories (block-43b) =================== */ .dsg-block-43b { text-align: center; } .dsg-block-43b-list{ display:flex; } .dsg-block-43b-list-item-1 { flex:1 0 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 { flex:1; padding: .5rem .5rem 1rem; } .dsg-block-43b-list-item-6 { width:100%; } .dsg-block-43b-main-heading { font-size:4rem; line-height: 4rem; display:block; } .dsg-block-43b-sub-heading { font-size:1.1rem; letter-spacing: 5px; display:block; } .dsg-block-43b-text { border-bottom: 5px solid #fff; padding-bottom: .5rem; } .dsg-block-43b-text:hover { border-bottom: 5px solid #cd3336; } .dsg-block-43b-link { text-transform: uppercase; } @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 { flex:1; padding: 1rem 0.5rem; border-right:1px solid #ccc; } .dsg-block-43b-list-item:last-child { border-right:none!important; } } @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 { flex:1 0 27%; padding: 1rem 0.5rem; } .dsg-block-43b-link { font-size:1.5rem; } } @media screen and (min-width: 1080px) { .dsg-block-43b-main-heading{ font-size:5rem; } .dsg-block-43b-sub-heading{ font-size:1.4rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-43b-text { font-size:1.5rem; } } </style>

Create Your Dream Home