# Home banner

### Home banner

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F0yOvU8kTIOQXsH7yq00W%2Fhome-banner2.png?alt=media\&token=36835490-07d7-42f1-82a7-d70a2d6e44e5)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FSbXcNtiS4W76r9jUREa4%2Fmodule1.png?alt=media\&token=74451f1a-33b1-4a17-b037-65d63be1ddb7)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FWEq2pYr0j7uH78neW7TR%2Fmodule2.png?alt=media\&token=8d3ce080-b184-4289-bc68-b6f0aaf67af2)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FgaBemXwAJVjGzdjlS1Uv%2Fcustom%20\(4\)%20\(1\).png?alt=media\&token=a5b80cb6-4dde-4ca9-acd4-b5ea881c7c4c)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FsCg7yyiHAmM3rEFRRC8y%2Fhome-banner3.png?alt=media\&token=c77a28f7-ae0d-4ae9-b28e-be41cd2232aa)

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>
```