> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/outfit/layout-customization/home-page/home-1/home-banner.md).

# Home banner

### Home banner

> Module position : home-banner
>
> Module suffix : Not used

![](/files/CB1hYXPoNj7elXD6D8X4)

![](/files/NEdPYLfVFrteakUJ7trH)

![](/files/WGeay7GyRgtPnUMH9L6E)

![](/files/K0hjLDWcfVuF8wjmYupn)

![](/files/v8CQebH4KuL16ZCC2OCF)

Follow the below code to achive the above

```html
<div class="home-1banner">
<div class="home-padding">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="banner-content">
<div class="content-center">
<h3>Shop For More Then $250</h3>
<h2 class="discount">Get <span>20%</span> Discount</h2>
<div class="buy-button"><a href="#" class="buy-product">Buy Now</a></div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="banner-text"><img src="images/themeparrot/banner-category/2.png" alt="1" /></div>
</div>
</div>
</div>
</div>
</div>
```