Custom Elements

Promo Banner

You can display promotional banners using the following custom HTML.

Codes

<div class="promo-banner" style="--promo-banner-bg: #f6f6f6; --promo-banner-aspect-ratio: 2/1;">
    <img class="promo-banner-image" src="/images/banners/promo-banner-3-min.jpg" alt="Banner 3" width="1000" height="500" loading="lazy">
    <div class="promo-banner-body">
        <div class="promo-banner-content w-50">
            <div class="promo-banner-subtitle">
                NEWLY ARRIVED
            </div>
            <h4 class="promo-banner-title">
                Beautifully Crafted T-shirts
            </h4>
            <p class="promo-banner-text d-none d-sm-block">
                Auctor litora ultrices suscipit malesuada nunc a netus.
            </p>
            <a class="btn btn-link" href="#">
                Shop Now 
            </a>
        </div>
    </div>
</div>

Demo

NEWLY ARRIVED

Beautifully Crafted T-shirts

Auctor litora ultrices suscipit malesuada nunc a netus.

Shop Now