Default Dev Script Validation

<avb-header-after> <avb-designer-block data-id="26" class="avb-typography dsg-block-26" id="mega-mini-banner"></avb-designer-block> </avb-header-after>

Default Header After Global Promotions

<avb-header-before> <avb-designer-block data-id="26" class="avb-typography dsg-block-26_closure"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-block-26_closure__content2 dsg-tools-nom">  <avb-link class="dsg-block-26_closure-link" data-href="https://www.gabrielesbrandsource.ca/contacts#delivery-tracking"> <span class="avb-typography__heading-line avb-typography__heading-line--light avb-typography__heading-line--medium dsg-block-26_closure__heading-line-2"> <span class="fa-solid fa-truck dsg-block-26_closure-icon"></span> Track Your Delivery </span> </avb-link> <span class="dsg-block-26_hide-mobile">&ensp;|&ensp;</span> <avb-link class="dsg-block-26_closure-link" data-href="https://www.gabrielesbrandsource.ca/brandsource-financing"> <span class="avb-typography__heading-line avb-typography__heading-line--light avb-typography__heading-line--medium dsg-block-26_closure__heading-line-2"> <span class="fa-regular fa-credit-card dsg-block-26_closure-icon"></span> Apply for Financing </span> </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before>    <style> /* ==================== Mini Banner ==================== */ .dsg-nomargin-padding { margin-bottom:0; } .dsg-block-26_closure { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_closure__content2 { padding: 0.55rem; text-align: center; background-color: #e31837; color:#fff; } .dsg-block-26_closure__heading-line-1 { color: #fff; font-size: 1rem; text-align:center; } .dsg-block-26_closure__heading-line-2 { color: #fff !important; font-size: 1.1rem; } .dsg-block-26_closure-icon{ color:#fff; font-size:1.1rem; margin-right:0.5rem; } .dsg-block-26_closure__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-26_closure__bold { font-weight:bold; } .dsg-block-27-header-after--bold { font-weight: 700; } .dsg-block-26_closure-link, .dsg-block-26_closure-link:visited, .dsg-block-26_closure-link:active { color: #fff; text-decoration:none; width:100%; display:inline-block; } .dsg-block-26_closure-link:hover, .dsg-block-26_closure-link:focus { color: #fff; text-decoration: underline; } .dsg-block-26_hide-mobile { display:none; } .dsg-block-26_show-mobile { display:block; height: 10px; } @media screen and (min-width: 600px) { .dsg-block-26_closure { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_closure__content2 { padding: 0.4rem; } .dsg-block-26_closure-link, .dsg-block-26_closure-link:visited, .dsg-block-26_closure-link:focus, .dsg-block-26_closure-link:active, .dsg-block-26_closure-link:hover{ width:auto; margin-bottom: 0; display:inline-block; } .dsg-block-26_hide-mobile { display:inline; } } @media screen and (min-width: 960px) { .dsg-block-26_closure { margin-top: 0rem; } .dsg-block-26_show-mobile { display:none; } } @media screen and (min-width: 1280px) { .dsg-block-26_closure { margin-top: 0rem; margin-bottom: 0rem; } } @media screen and (min-width: 1600px) { .dsg-block-26_closure { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26_show-mobile { display: none; } } </style>

<avb-main>  <avb-designer-block data-id="38" class="avb-typography dsg-block-38"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-38__grid-column"> <div class="avb-wrapper dsg-block-38__content">  <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-main-heading dsg-tools-color-primary dsg-block-38__heading"> Shop By Brand </h1>  <avb-brands data-carousel-wait> <template> <article data-for="brand" class="dsg-block-38__brand"> <avb-link is="a" data-for="brand-link" class="dsg-block-38__brand-link"> <img data-for="brand-logo" src="logo.png" alt="Logo" class="dsg-block-38__brand-logo"> </avb-link> </article> </template> </avb-brands> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-38__paragraph"> Brands displayed are auto-generated by the product catalog. </p> </div> </div> </div> </avb-designer-block> </avb-main> <style> /****************** BLOCK 38 BRAND ******************/ .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-38__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-38__heading { text-align: center; } .dsg-block-38__brand { display: inline-block; width: 49%; margin: 0.5rem 0; padding: 2rem 1rem; background-color:rgba(241,241,241,0); border: 1px solid #eee; transition: ease 0.7s; } .dsg-block-38__brand:hover { background-color:rgba(241,241,241,0.7); } .dsg-block-38__content { text-align: center; } .dsg-block-38__brand-logo { display: block; margin-left: auto; margin-right: auto; } .dsg-block-38__paragraph { color: #ddd !important; font-size: .8rem; margin-top: 2rem; } @media screen and (min-width: 600px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-38__brand { width: 49%; } } @media screen and (min-width: 960px) { .dsg-block-38__brand { width: 15rem; margin: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-38 { margin-top: 2rem; margin-bottom: 2rem; } } @media screen and (min-width: 1600px) {} </style>

We carry a wide variety of appliance brands at discount prices. Shop our huge selection of brands today!

Shop By Brand

Sign Up for Our Newsletter