Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-fill-light">  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-block-27__headline dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold"> Chambre &agrave;&nbsp;coucher </h1> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <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 dsg-block-28__content">  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/beds"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Lits"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Beds.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Lits </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/dressers"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Bureaux"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Dressers.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Bureaux </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/bedroom-dresser-vanity-mirrors"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Miroirs de commode et de vanité"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/vanity_dresser_mirror_1_1.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Miroirs de commode et de&nbsp;vanit&eacute; </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/chest-of-drawers"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Commodes"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Chest_of_Drawers.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Commodes </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/nightstands"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Tables de nuit"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Nightstands.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Tables de&nbsp;nuit </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/vanity-tables"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Tables de toilette"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Vanity_Tables.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Tables de&nbsp;toilette </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/bedroom-organization"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Rangement"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Valet_Stands_1.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Rangement </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/armoires"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Armoires et garde-robes"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Armoires_1.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Armoires et&nbsp;garde&#8209;robes </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/trunks"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Coffres"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Trunks.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Coffres </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/jewelry-armoires"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Jewelry Organizers &amp; Storage"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Jewelry_Armoires.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Jewelry Organizers &amp;&nbsp;Storage </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/bedroom-shelving"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Étagères"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Accent_Shelves_7.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> &Eacute;tag&egrave;res </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/bedroom-sets"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Ensembles de chambre à coucher"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Bedroom_Collections.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Ensembles de chambre &agrave;&nbsp;coucher </span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.brandsourcedesrochers.ca/catalog/bedroom-seating"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Sièges"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/accent_chair.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text"> Si&egrave;ges </span> </avb-link> </li>  </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-tools-dark-bg { min-height: 2000px; } /* =================== Header (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top: 1rem; } .dsg-block-27__content { padding: 0.5rem; text-align: center; background-color: rgba(241, 241, 241, 0); } .dsg-block-27__headline { margin-bottom: 0; padding: 6rem 1rem 3rem; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { display: flex; justify-content: center; align-items: center; gap: 1rem; } .dsg-block-28-list-item { margin: 0; padding: 0; flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 1rem)); display: flex; } .dsg-block-28-link { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 6fr 1.5fr; align-items: center; } .dsg-block-28-picture { width: 100%; background-color: #FFF; aspect-ratio: 1/1; overflow: hidden; } .dsg-block-28-image { width: 100%; height: 100%; object-fit: contain; padding: 1rem; } .dsg-block-28-text { width: 100%; font-size: .8rem; line-height: 1.25; } @media screen and (min-width: 600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list { gap: 1rem; } .dsg-block-28-list-item { flex: 0 0 calc((100% / 3) - (((3 - 1) / 3) * 1rem)); } } @media screen and (min-width: 960px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 5) - (((5 - 1) / 5) * 1rem)); } } @media screen and (min-width: 1080px) { .dsg-block-28-list { gap: 2rem; } .dsg-block-28-list-item { flex: 0 0 calc((100% / 4) - (((4 - 1) / 4) * 2rem)); } .dsg-block-28-link { grid-template-rows: 6fr 1.25fr; } } @media screen and (min-width: 1280px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list { gap: 2rem; } .dsg-block-28-list-item { flex: 0 0 calc((100% / 5) - (((5 - 1) / 5) * 2rem)); } } @media screen and (min-width: 1600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } </style>

Chambre à coucher