Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp"> <avb-link class="avb-wrapper dsg-tools-bg-primary dsg-tools-color-light dsg-block-27-header-after__content" data-href="https://sumi-prosource.avbmarketing.com/current-ads">  <span class="dsg-tools-ff-primary dsg-tools-fw-regular dsg-block-27-header-after__headline"> <span class="dsg-tools-fw-bold">VIEW OUR CURRENT ADS</span> | SAVE NOW » </span>   </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { color: #fff; } .dsg-block-27-header-after__headline { font-size: 1.15rem; line-height: 1.3; transition: .3s; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Default Header After Global Promotions

<avb-main>  <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 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 dsg-tools-nomp"> <span class="avb-typography__heading-line dsg-tools-color-light dsg-tools-ff-primary dsg-tools-fw-light dsg-tools-fs-lrg dsg-tools-text-shadow dsg-block-1__heading-line-1" data-aos="fade-up"> Gallery </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="41" class="avb-typography dsg-block-41"> <div class="avb-grid avb-grid--container dsg-block-41-gallery__grid-item"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-41__grid-column"> <div class="avb-wrapper dsg-block-41__content">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-fs-med dsg-tools-fw-light dsg-tools-color-dark dsg-block-41__heading"> Gallery Title </h2> <avb-gallery class="dsg-block-41-gallery">  <avb-gallery-item data-type="image" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-01.jpg?w=1600" data-caption="Gallery Image"> <avb-picture class="avb-picture dsg-block-41-picture" data-alt="Gallery Image"> <avb-picture-source class="dsg-block-41-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-01.jpg?w=300" avb-lazyloaded></avb-picture-source> </avb-picture> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-02.jpg?w=1600" data-caption="Gallery Image"> <avb-picture class="avb-picture dsg-block-41-picture" data-alt="Gallery Image"> <avb-picture-source class="dsg-block-41-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-02.jpg?w=300" avb-lazyloaded></avb-picture-source> </avb-picture> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-03.jpg?w=1600" data-caption="Gallery Image"> <avb-picture class="avb-picture dsg-block-41-picture" data-alt="Gallery Image"> <avb-picture-source class="dsg-block-41-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-03.jpg?w=300" avb-lazyloaded></avb-picture-source> </avb-picture> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-04.jpg?w=1600" data-caption="Gallery Image"> <avb-picture class="avb-picture dsg-block-41-picture" data-alt="Gallery Image"> <avb-picture-source class="dsg-block-41-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/homepage-gallery-04.jpg?w=300" avb-lazyloaded></avb-picture-source> </avb-picture> </avb-gallery-item> </avb-gallery> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero (block-1) ==================== */ .dsg-block-1 { margin: 0; } .dsg-block-1__background { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/hero-our-gallery.jpg?w=600); } .dsg-block-1__content { padding: 3rem 1rem; margin-left: auto; margin-right: auto; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-1__background { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/hero-our-gallery.jpg?w=900); } .dsg-block-1__content { padding: 5rem 0; } } @media screen and (min-width: 960px) { .dsg-block-1__background { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/hero-our-gallery.jpg?w=1200); } .dsg-block-1__content { padding: 8rem 0; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/hero-our-gallery.jpg?w=1600); } .dsg-block-1__content { padding: 12rem 0; } } @media screen and (min-width: 1600px) { .dsg-block-1__background { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/website-themes/prosource/sumi/hero-our-gallery.jpg?w=1800); } .dsg-block-1__content { padding: 14rem 0; } } /* ==================== Gallery (block-41) ==================== */ .dsg-block-41 { margin: .25rem auto; padding: 1rem 0.5rem; } .dsg-block-41__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-41-gallery__grid-item { border: none; margin-bottom: .5rem; } .dsg-block-41__heading { text-align: center; } </style>

Gallery

Gallery Title

Is it Time to Plan Your Next Great Project?

Shop

About

Contact Info

Connect with Us

Accreditations

Payment Methods