Banner Featured

To show Banner Featured on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

When you are happy with your changes, don't forget click Save HTML and Publish to repackage the edited theme.

After that, input sample content below:

<div class="section-block home-section" id="bannerFeatured1">
    <div class="container">
        <div class="bannerFeatured1__block">
            <div class="bannerFeatured1__slider disable-srollbar">
                <div class="bannerFeatured1__item home-banner-image">
                    <a href="#" class="bannerFeatured1__img image-with-overlay" title="Careers" aria-label="Careers">
                        <img
                            class="lazyload"
                            src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                            data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/banner-featured-1.jpeg"
                            title="Careers"
                            alt="Careers"
                        />
                    </a>
                    <div class="content-wrapper">
                        <h4 class="subtitle">HAVE A PROBLEM ?</h4>
                        <a class="title" href="#" aria-label="GET IN TOUCH NOW">GET IN TOUCH NOW</a>
                        <p class="desc">To contribute to positive change and achieve our sustainability goals with many extraordinary</p>
                        <a class="button button--tertiary" href="#" aria-label="Contact now"><span>Contact now</span></a>
                    </div>
                </div>
                <div class="bannerFeatured1__item home-banner-image">
                    <a href="#" class="bannerFeatured1__img image-with-overlay" title="Careers" aria-label="Careers">
                        <img
                            class="lazyload"
                            src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                            data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/banner-featured-2.jpeg"
                            title="Careers"
                            alt="Careers"
                        />
                    </a>
                    <div class="content-wrapper">
                        <h4 class="subtitle">Careers</h4>
                        <a class="title" href="#" aria-label="COLLABORATE WITH US">COLLABORATE WITH US</a>
                        <p class="desc">To contribute to positive change and achieve our sustainability goals with many extraordinary</p>
                        <a class="button button--tertiary" href="#" aria-label="Contact now"><span>Contact now</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>