Sample Code
<div class="section">
<h3>Full Width Banner</h3>
<div>
<div class="banner">
<img src="/themes/zuvipro/images/demo/banner/banner1.jpg" alt="banner" />
<div class="banner-message">
<div class="width50">
<h3 class="color-black">Beautiful Yellow Flower</h3>
<p class="color-dark">Pellentesque dapibus hendrerit tortor ante ipsum primis ed eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div><a class="button" href="#">Read more</a></div>
</div><!-- /width50 -->
</div>
</div><!-- /banner -->
</div>
</div><!-- /section -->
<div class="section">
<h3>Half Width Banner</h3>
<div class="items gap">
<div class="item">
<div class="banner">
<img src="/themes/zuvipro/images/demo/banner/banner2.jpg" alt="banner" />
<div class="banner-message">
<div class="width50">
<h4 class="color-black">Beautiful Orange Flower</h4>
<p class="color-dark">Pellentesque dapibus hendrerit tortor.</p>
<div><a class="button" href="#">Read more</a></div>
</div><!-- /width50 -->
</div>
</div>
</div>
<div class="item">
<div class="banner">
<img src="/themes/zuvipro/images/demo/banner/banner3.jpg" alt="banner" />
<div class="banner-message">
<div class="width50">
<h4 class="color-black">Beautiful Orange Flower</h4>
<p class="color-dark">Pellentesque dapibus hendrerit tortor.</p>
<div><a class="button" href="#">Read more</a></div>
</div><!-- /width50 -->
</div>
</div>
</div>
</div><!-- /items -->
</div><!-- /section -->
