> 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-2/home-banner.md).

# Home banner

### Home banner

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

![](/files/ktgF9oI0JwPK3bgXXpqp)

![](/files/TaMhsAa2CdJ8HEqy6dq8)

![](/files/WGeay7GyRgtPnUMH9L6E)

![](/files/vvgkvVkADts9QjDsMmPj)

![](/files/7qMriVwXjWJ8bh1Wkgx2)

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>50% Discount</h3>
<h2 class="discount">On Wicker Chair</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/1.png" alt="1" /></div>
</div>
</div>
</div>
</div>
</div>
```