<avb-main> <avb-designer-super-block data-class="dsg-super-block-1" data-columns-small="12" data-columns-medium="12" data-columns-large="12" data-columns-xlarge="12">  <avb-designer-block data-id="s3" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s3"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s3__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s3__content"> <div class="avb-wrapper dsg-block-s3__content-inner"> <h1 class="avb-typography__headline dsg-block-s3__headline">Shop Mattresses</h1> </div> </div> </div> </avb-designer-block> </avb-designer-super-block> <avb-designer-super-block data-container data-class="dsg-super-block-2" data-columns-small="12,12,12,12,12" data-columns-medium="6,6,6,6,6" data-columns-large="4,4,4,4,4" data-columns-xlarge="4,4,4,4,4">  <avb-designer-block data-id="s11" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s11"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s11__background dsg-block-s11__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalTop dsg-block-s11__content"> <div class="avb-wrapper dsg-block-s11__content-inner"> <div class="avb-wrapper avb-wrapper--background dsg-block-s11__picture-wrapper dsg-block-s11__picture1"> <span class="dsg-block-s11__headline">Mattress Sizes</span> </div>  <ul class="avb-list avb-list--noBullet dsg-block-s11__list"> <avb-categories data-root-category-branch-id="130" data-subcategory-id="131"> <template> <li data-for="category-item" class="avb-list__item dsg-block-s11__list-item"> <avb-link is="a" data-for="category-item-link" class="dsg-block-s11__link">Category name</avb-link> </li> </template> </avb-categories> </ul> <avb-link is="a" class="avb-link avb-button avb-button--primary dsg-block-s11__button" data-href="https://gold.brandsource.com/catalog/size">Shop Sizes</avb-link> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="s11" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s11"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s11__background dsg-block-s11__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalTop dsg-block-s11__content"> <div class="avb-wrapper dsg-block-s11__content-inner"> <div class="avb-wrapper avb-wrapper--background dsg-block-s11__picture-wrapper dsg-block-s11__picture2"> <span class="dsg-block-s11__headline">Mattress Type</span> </div>  <ul class="avb-list avb-list--noBullet dsg-block-s11__list"> <avb-categories data-root-category-branch-id="130" data-subcategory-id="136"> <template> <li data-for="category-item" class="avb-list__item dsg-block-s11__list-item"> <avb-link is="a" data-for="category-item-link" class="dsg-block-s11__link">Category name</avb-link> </li> </template> </avb-categories> </ul> <avb-link is="a" class="avb-link avb-button avb-button--primary dsg-block-s11__button" data-href="https://gold.brandsource.com/catalog/mattress-type">Shop Type</avb-link> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="s11" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s11"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s11__background dsg-block-s11__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalTop dsg-block-s11__content"> <div class="avb-wrapper dsg-block-s11__content-inner"> <div class="avb-wrapper avb-wrapper--background dsg-block-s11__picture-wrapper dsg-block-s11__picture3"> <span class="dsg-block-s11__headline">Mattress Comfort</span> </div>  <ul class="avb-list avb-list--noBullet dsg-block-s11__list"> <avb-categories data-root-category-branch-id="130" data-subcategory-id="1472"> <template> <li data-for="category-item" class="avb-list__item dsg-block-s11__list-item"> <avb-link is="a" data-for="category-item-link" class="dsg-block-s11__link">Category name</avb-link> </li> </template> </avb-categories> </ul> <avb-link is="a" class="avb-link avb-button avb-button--primary dsg-block-s11__button" data-href="https://gold.brandsource.com/catalog/mattress-comfort">Shop Comfort</avb-link> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="s11" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s11"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s11__background dsg-block-s11__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalTop dsg-block-s11__content"> <div class="avb-wrapper dsg-block-s11__content-inner"> <div class="avb-wrapper avb-wrapper--background dsg-block-s11__picture-wrapper dsg-block-s11__picture4"> <span class="dsg-block-s11__headline">Mattress Foundations</span> </div>  <ul class="avb-list avb-list--noBullet dsg-block-s11__list"> <avb-categories data-root-category-branch-id="130" data-subcategory-id="1169"> <template> <li data-for="category-item" class="avb-list__item dsg-block-s11__list-item"> <avb-link is="a" data-for="category-item-link" class="dsg-block-s11__link">Category name</avb-link> </li> </template> </avb-categories> </ul> <avb-link is="a" class="avb-link avb-button avb-button--primary dsg-block-s11__button" data-href="https://gold.brandsource.com/catalog/foundations">Shop Foundations</avb-link> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="s11" class="avb-typography avb-wrapper avb-wrapper--flex dsg-block-s11"> <div class="avb-wrapper avb-wrapper--background avb-wrapper--flex avb-wrapper--verticalCenter dsg-block-s11__background dsg-block-s11__background"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--verticalTop dsg-block-s11__content"> <div class="avb-wrapper dsg-block-s11__content-inner"> <div class="avb-wrapper avb-wrapper--background dsg-block-s11__picture-wrapper dsg-block-s11__picture5"> <span class="dsg-block-s11__headline">Bedding</span> </div>  <ul class="avb-list avb-list--noBullet dsg-block-s11__list"> <avb-categories data-root-category-branch-id="130" data-subcategory-id="1489" data-levels-deep="1"> <template> <li data-for="category-item" class="avb-list__item dsg-block-s11__list-item"> <avb-link is="a" data-for="category-item-link" class="dsg-block-s11__link">Category name</avb-link> </li> </template> </avb-categories> </ul> <avb-link is="a" class="avb-link avb-button avb-button--primary dsg-block-s11__button" data-href="https://gold.brandsource.com/catalog/mattress-accessories">Shop Bedding</avb-link> </div> </div> </div> </avb-designer-block> </avb-designer-super-block> </avb-main> <style> /***** SUPER BLOCK *****/ .dsg-super-block-1{} .dsg-super-block1__grid-column{ padding:0; margin:0; } .dsg-super-block-2{ background:linear-gradient(to bottom,#f5f5f5,#fff); box-shadow:inset 1px 5px 9px -6px rgba(0,0,0,0.5); } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-super-block-2{ padding:1rem 0 2rem; } .dsg-super-block-2__grid-column{ margin:1rem 0; padding:0 1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /***** BLOCK S3 *****/ .dsg-block-s3 { margin:0; padding:0; } .dsg-super-block-1__grid-column{ margin:0; padding:0; } .dsg-block-s3__background{ padding: 3rem 0.5rem; background-image: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/banner-hero-bed.jpg); background-position:bottom; } .dsg-block-s3__content { padding: 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: rgba(241, 241, 241, 0); } .dsg-block-s3__headline { color:#fff; text-shadow: 0 1px 7px #777; font-family: 'Roboto', sans-serif; font-weight:100; font-size:3em; } @media screen and (min-width: 600px) { .dsg-block-s3__background{ padding: 5rem 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-s3__background{ padding: 10rem 2rem; } } @media screen and (min-width: 1600px) {} @media screen and (min-width: 2200px) { .dsg-block-s3__background{ padding: 15rem 2rem; } } /***** BLOCK S11 *****/ .dsg-block-s11{ margin:1rem 0 0; font-family: 'Roboto', sans-serif; } .dsg-block-s11__background{} .dsg-block-s11__content{ margin:0; padding:0; position: relative; background:#fff; text-align: left; box-shadow:0 0 5px #eee; } .dsg-block-s11__content-inner{} .dsg-block-s11__picture-wrapper {} .dsg-block-s11__picture1{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-size.jpg); } .dsg-block-s11__picture2{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-mattress-type.jpg); } .dsg-block-s11__picture3{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-mattress-comfort.jpg); } .dsg-block-s11__picture4{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-foundations.jpg); } .dsg-block-s11__picture5{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-pillows.jpg); } .dsg-block-s11__picture6{ padding:5rem 0; text-align: center; background-image:linear-gradient(rgba(41,41,41,0.4),rgba(41,41,41,0.4)),url(https://d12mivgeuoigbq.cloudfront.net/magento-media/catalog-pages/mattresses/category-bed-sheets.jpg); } .dsg-block-s11__headline{ display:block; font-size:1.5em; color:#fff; } .dsg-block-s11__list{ margin:0; padding:1rem 2rem; } .dsg-block-s11__list-item{ padding-top:0.1rem; padding-bottom:0.1rem; } .dsg-block-s11__link{ color:#777; font-family: 'Roboto', sans-serif; } .dsg-block-s11__button{ background:#003b71; color:#fff; min-width:12rem; margin:1rem 2rem; } .dsg-block-s11__button:hover{ background:#333; color:#fff; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-s11 { height:100%; } .dsg-block-s11__background{ height:100%; } .dsg-block-s11__content { height:100%; padding:0 0 2rem; } .dsg-block-s11__button{ position:absolute; margin:0; left:2rem; bottom:1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Mattresses

Default Dev Script Validation

Default Header After Global Promotions

<avb-footer>  <avb-designer-footer data-id="2" class="avb-typography dsg-footer-2 dsg-tools-bg-secondary"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--large-6 dsg-footer-2-top-padding"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-color-dark dsg-tools-fw-bold dsg-footer-2__heading"> CONTACT US </h2>   <div class="avb-wrapper dsg-footer-2__location">  <div class="avb-typography__paragraph dsg-tools-ff-secondary dsg-tools-fw-light dsg-footer-2__text"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/contacts"> <p class="dsg-footer-2__address-line"> 2420 Sand Creek Rd. </p> <p class="dsg-footer-2__address-line"> C-1177 Brentwood, CA 94513 </p> </avb-link> </div>  <ul class="avb-list avb-list--noBullet dsg-tools-ff-secondary dsg-tools-fw-light dsg-footer-2__text">    <li class="avb-list__item"> Email: <avb-link class="dsg-footer-2__link" data-href="mailto:info@connecttekinfo.com"> info@connecttekinfo.com </avb-link> </li> </ul>  <ul class="avb-list avb-list--noBullet dsg-tools-ff-secondary dsg-tools-fw-light dsg-footer-2__text"> <li class="avb-list__item"> Monday - Friday 8:00&nbsp;AM&nbsp;-&nbsp;5:00&nbsp;PM </li> <li class="avb-list__item"> By Appointment Only </li> </ul> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom dsg-footer-2-border-left"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-color-dark dsg-tools-fw-bold dsg-footer-2__heading"> SOLUTIONS </h2>  <ul class="avb-list avb-list--noBullet dsg-footer-2__menu">  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/residential-solutions">Residential Solutions</avb-link> </li>  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/commercial-solutions">Commercial Solutions</avb-link> </li> </ul>  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-color-dark dsg-tools-fw-bold dsg-footer-2__heading"> INFO </h2>  <ul class="avb-list avb-list--noBullet dsg-footer-2__menu">  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/our-process"> Our Process</avb-link> </li>  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/our-brands"> Our Brands</avb-link> </li>  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/about-us"> About Us</avb-link> </li>  <li class="avb-list__item dsg-footer-2__menu-item"> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-footer-2__link" data-href="https://gold.brandsource.com/contacts"> Contact Us</avb-link> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--large-6 dsg-footer-2-padding"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom dsg-footer-2-border-left"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-color-dark dsg-tools-fw-bold dsg-footer-2__heading dsg-footer-2__heading"> ASSOCIATIONS </h2>  <ul class="avb-list avb-list--horizontal dsg-footer-2-list-a"> <li class="avb-list__item dsg-footer-2-list-item-b"> <img class="dsg-footer-2-image-lrg" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/promotions/responsive-banners/logos/logo-prosource_black.png" alt="ProSource logo"> </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom dsg-footer-2-border-left">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-color-dark dsg-tools-fw-bold dsg-footer-2__heading dsg-footer-2__heading"> FOLLOW US </h2>  <ul class="avb-list avb-list--horizontal dsg-footer-2-list-b"> <li class="avb-list__item dsg-footer-2-list-item-a"> <avb-link class="dsg-block-28a-link" data-href="https://www.facebook.com/Connect-Tek-of-Ca-inc-160167717369898" target="_blank"><i class="fab fa-facebook-square dsg-footer-2-social-icon"></i></avb-link> </li> <li class="avb-list__item dsg-footer-2-list-item-a"> <avb-link class="dsg-block-28a-link" data-href="https://www.instagram.com/connect_tek" target="_blank"><i class="fab fa-instagram dsg-footer-2-social-icon"></i> </avb-link> </li> </ul> </div> </div> </div> </div> </avb-designer-footer>  <avb-designer-footer data-id="3" class="avb-typography avb-grid--container dsg-tools-color-light dsg-tools-ff-secondary dsg-tools-fw-light dsg-footer-3"> Connect-Tek Copyright 2023 </avb-designer-footer> </avb-footer> <style> /* ==================== Footer links and information (footer-2) ==================== */ .dsg-footer-2 { padding: 0 1rem 3rem; } .dsg-footer-2__heading { font-size: 1.1em; font-family: 'Rajdhani', sans-serif; font-weight: 500; } /* Regular non-text links */ .dsg-footer-2__text { color: #1b1405; } /* Link text */ .dsg-footer-2__link, .dsg-footer-2__link:visited, .dsg-footer-2__link:focus { color: #1b1405; } .dsg-footer-2__link:hover { color: #e35704; } .dsg-footer-2-list-a { margin-top: -1rem; } .dsg-footer-2-list-b { margin-top: 0; } .dsg-footer-2-list-item-a, .dsg-footer-2-list-item-b { align-self: center; vertical-align: middle; } .dsg-footer-2-image { padding-right: 1rem; padding-top: 1rem; width: 6.5rem; } .dsg-footer-2-image-sml { padding-right: 1rem; padding-top: 1rem; width: 5rem; } .dsg-footer-2-image-lrg, .dsg-footer-2-image-hta { padding-right: 1rem; padding-top: 1rem; width: 9rem; } /* Footer padding */ .dsg-footer-2-padding { padding-right: .25rem; padding-left: .25rem; } /* Footer top padding */ .dsg-footer-2-top-padding { padding-top: 1rem; } /* Left border */ .dsg-footer-2-border-left { border-left: none; padding-left: .25rem; padding-right: .25rem; } /* Bottom blurb */ .dsg-footer-2__about { padding-top: 3rem; margin: 1.5rem 0 0; border-top: 1px solid #1b1405; border-top: 1px solid var(--avb-secondary, #1b1405); } /* Social icons */ .dsg-footer-2-icon { font-size: 1.4rem; padding: 0 .5rem 0 0; } .dsg-footer-2-social-icon { font-size: 2em; margin-right: 0.4em; } .dsg-footer-2-social-icon:hover { color: #b69b66; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-footer-2 { padding: 0 1rem 3rem; background-image: none; background-position: top left; background-size: cover; } .dsg-footer-2-border-left { padding-left: 2.5em; min-height: 16rem; } .dsg-footer-2-padding { padding-top: 3rem; /* padding-left: 2.5rem; margin-left: -3rem; */ } .dsg-footer-2-icon { font-size: 1.5rem; padding: 0 .5rem 0 0; } .dsg-footer-2-top-padding { padding-top: 3rem; } .dsg-footer-2-list-item-b { width: 42%; } .dsg-footer-2-image-hta { margin-left: -1rem; } } @media screen and (min-width: 1600px) { .dsg-footer-2 { padding: 0 1rem 3rem; } .dsg-footer-2-border-left { padding-left: 2.5em; min-height: 16rem; } .dsg-footer-2-padding { padding-top: 3rem; /* padding-left: 2.5rem; margin-left: -5rem; */ } .dsg-footer-2-icon { font-size: 1.5rem; padding: 0 .5rem 0 0; } .dsg-footer-2-top-padding { padding-top: 3rem; } .dsg-footer-2-list-item-a { margin-right: 0; } .dsg-footer-2-list-item-b { margin-right: 0; width: 50%; } .dsg-footer-2-image-hta { margin-left: -1.5rem; } } /* ==================== Footer copyright (footer-3) ==================== */ .dsg-footer-3 { padding: 2rem 1rem; text-align: center; border-top: 1px solid #1b1405; color: #1b1405; text-align: left; } </style>