Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="6" class="avb-typography dsg-block-6b dsg-block-6b__bg1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-12 dsg-block-6b__column"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-6b__content">  <h2 class="avb-typography__heading avb-typography__heading--title dsg-block-6b__title-align"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-block-6b__heading-line-1"> shop by style </span> </h2>  <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-tools-fw-light dsg-block-6b__paragraph"> All the essentials for your home’s perfect spaces. </p> </div> </div> </div> </div> </div> </div> </div> <div class="avb-grid dsg-block-6b-padding-lr"> <div class="avb-grid__column avb-grid__column--small-6 avb-grid__column--medium-4 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6b__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-tools-fill-primary dsg-block-6b__content-color dsg-block-6b__left-radius"> <div class="avb-wrapper">  <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-color-light dsg-tools-ff-robotoc dsg-tools-fw-light dsg-tools-fs-lrg dsg-block-6b__heading-line-1"> Contemporary </span> </h2>  <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light dsg-tools-fw-light dsg-block-6b__paragraph"> Shop the top designs of today and the future, whether it’s finding the perfect end tables for your contemporary living room space or chic dining room chairs for your table. </p>  <avb-link class="avb-button dsg-tools-secondary-button dsg-block-6b__button" data-href="https://ashley.avbmarketing.com/catalog/furniture?display_mode=products&design_style=15801"> Shop Now </avb-link> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--small-6 avb-grid__column--medium-8 avb-grid__column--marginBottom dsg-tools-nomp">  <avb-link data-href="https://ashley.avbmarketing.com/contemporary"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6b__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6b__content-image dsg-block-6b__right-radius"></div> </div> </avb-link> </div> </div> </avb-designer-block>  <avb-designer-block data-id="6" class="avb-typography dsg-block-6b"> <div class="avb-grid dsg-block-6b-column-images"> <div class="avb-wrapper dsg-block-6b__content"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-tools-nom dsg-block-6b__heading dsg-block-6b__heading-pl"> <span class="avb-typography__headline dsg-tools-color-dark dsg-tools-fw-light dsg-block-6b__heading-line-2"> Style Spotlight </span> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-color-primary dsg-tools-fs-med dsg-tools-fw-bold dsg-tools-main-heading dsg-block-6b__heading-line-3"> modern </span> <avb-link class="avb-button dsg-tools-main-button dsg-block-6b__button-sml dsg-tools-btn-pos" data-href="https://ashley.avbmarketing.com/catalog/furniture?display_mode=products&design_style=15803"> See More </avb-link> </h2> </div> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--background"> <div class="avb-wrapper"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn1" data-aos="fade"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn2" data-aos="fade"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn3" data-aos="fade"></div> </div> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom dsg-block-6b-pt"> <div class="avb-wrapper avb-wrapper--background"> <div class="avb-wrapper"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-6 dsg-tools-nomp"> <avb-link data-href="https://ashley.avbmarketing.com/catalog/furniture?display_mode=products&design_style=15800"> <div class="dsg-block-6b__picture-med dsg-block-6b__picture-lr2" data-aos="fade"> <div class="avb-wrapper"> <div class="dsg-tools-fill-primary dsg-tools-ff-categories dsg-tools-color-light dsg-block-6b__picture-title"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-tools-nom dsg-block-6b__heading"> <span class="avb-typography__heading-line xdsg-tools-ff-satisfy dsg-tools-color-light dsg-tools-fs-med dsg-tools-fw-light"> Casual </span> </h2> </div> </div> </div> </avb-link> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-tools-nomp"> <avb-link data-href="https://ashley.avbmarketing.com/catalog/furniture?display_mode=products&design_style=122509"> <div class="dsg-block-6b__picture-med dsg-block-6b__picture-lr3" data-aos="fade"> <div class="avb-wrapper"> <div class="dsg-tools-fill-primary dsg-tools-ff-categories dsg-tools-color-light dsg-block-6b__picture-title"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-tools-nom dsg-block-6b__heading"> <span class="avb-typography__heading-line xdsg-tools-ff-dance dsg-tools-color-light dsg-tools-fs-med dsg-tools-fw-light"> Glam </span> </h2> </div> </div> </div> </avb-link> </div> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="6" class="avb-typography dsg-tools-fill-light dsg-block-6b dsg-block-6b-pb"> <div class="avb-grid dsg-block-6b-column-images"> <div class="avb-wrapper dsg-block-6b__content"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-tools-nom dsg-block-6b__heading dsg-block-6b__heading-pl"> <span class="avb-typography__headline dsg-tools-color-dark dsg-tools-fw-light dsg-block-6b__heading-line-2"> Style Spotlight </span> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-color-primary dsg-tools-fs-med dsg-tools-fw-bold xdsg-tools-ff-playfair dsg-tools-main-heading dsg-block-6b__heading-line-3"> traditional </span> <avb-link class="avb-button dsg-tools-main-button dsg-block-6b__button-sml dsg-tools-btn-pos" data-href="https://ashley.avbmarketing.com/catalog/furniture?display_mode=products&design_style=15804"> See More </avb-link> </h2> </div> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--background"> <div class="avb-wrapper"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn1" data-aos="fade"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn2" data-aos="fade"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 dsg-tools-nomp"> <div class="dsg-block-6b__picture-sml dsg-block-6b__picture-dn3" data-aos="fade"></div> </div> </div> </div> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Category Style 1, 2 and 3 (block-6b) ==================== */ .dsg-block-6b { margin-top: 0rem; margin-bottom: 0rem; padding: 2rem 1rem; } .dsg-block-6b__heading-pl { padding-left: 1rem; } .dsg-block-6b-column-images { padding-top: 2rem; } .dsg-block-6b-pb { padding-bottom: 6rem; } .dsg-block-6b__picture-title { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 1rem 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .dsg-block-6b__heading-line-2 { font-size: .8rem; } .dsg-block-6b__heading-line-3 { margin-bottom: 2rem; } .dsg-block-6b__button, .dsg-block-6b__button:visited, .dsg-block-6b__button:focus, .dsg-block-6b__button:active, .dsg-block-6b__button:hover, .dsg-block-6b__button-sml, .dsg-block-6b__button-sml:visited, .dsg-block-6b__button-sml:focus, .dsg-block-6b__button-sml:active, .dsg-block-6b__button-sml:hover{ max-width: 200px; font-size: 0.7rem; } .dsg-block-6b__button-sml, .dsg-block-6b__button-sml:visited, .dsg-block-6b__button-sml:focus, .dsg-block-6b__button-sml:active, .dsg-block-6b__button-sml:hover{ position: absolute; top: 68px; right: 10px; } .dsg-block-6b-pt { padding-top: 6rem; } .dsg-block-6b-padding-lr { padding: 0 1rem; } .dsg-block-6b__bg1 { background-position: top 75px right 0px; background-repeat: no-repeat; background-size: contain; } .dsg-block-6b__picture-sml { min-width: 200px; min-height: 240px; border-radius: 15px; background-color: #737373; margin: 0 1rem .5rem 1rem; } .dsg-block-6b__picture-med { min-width: 300px; min-height: 320px; border-radius: 15px; background-color: #737373; margin: 0 1rem .5rem 1rem; } .dsg-block-6b__content-image { min-height: 30rem; padding: 1rem; background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/lr-cont.jpg); background-position: center; background-size: cover; background-color: #575757; z-index: 1; } .dsg-block-6b__picture-dn1 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/lr-trad.jpg); background-position: center; background-size: cover; } .dsg-block-6b__picture-dn2 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/dn-sml1.jpg); background-position: top; background-size: cover; } .dsg-block-6b__picture-dn3 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/br-trad.jpg); background-position: 50% 52%; background-size: cover; } .dsg-block-6b__picture-lr2 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/lr-casual.jpg); background-position: 50% 100%; background-size: cover; } .dsg-block-6b__picture-lr3 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/ashley/lr-glam.jpg); background-position: 50% 70%; background-size: cover; } .dsg-block-6b__left-radius { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .dsg-block-6b__right-radius { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .dsg-block-6b__content-color { padding: 2rem; } .dsg-block-6b-image-object { display: none; } .dsg-block-6b__column { padding-top: 0; padding-left: 1rem; margin-bottom: 0; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-6b__content-color { padding: 3rem; text-align: left; } .dsg-block-6b { padding: 2rem 6rem; } } @media screen and (min-width: 1280px) { .dsg-block-6b__content-image { padding: 2rem; } .dsg-block-6b-image-object { display: block; position: absolute; max-width: 490px; top: 180px; left: 460px; } } @media screen and (min-width: 1600px) { .dsg-block-22__bg1 { background-position: bottom -60px right 0px; } .dsg-block-6b-image-object { left: 560px; } .dsg-block-6b__picture-sml { min-width: 350px; } } </style>

shop by style

Contemporary

Style Spotlight modern See More

Casual

Glam

Style Spotlight traditional See More