# Homepage banner

### Home page banner

> Module position: slideshow
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FII7FRU9fbDzpaUR86cqN%2FHome_page_banner.png?alt=media\&token=0e8043c1-9a1b-456d-b5ee-2998535bad33)

If you want to display your information in your banner like this you have to create a module and publish the custom module like below

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FGZZAJzC2SGabrLIUwQpM%2F3_Offcanvas_menu_configuration_step1.png?alt=media\&token=8824c42e-997f-4266-8595-cea89c4e68bd)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FTQEAiOQIlPO6K34vUpzE%2F3_Offcanvas_menu_configuration_step2.png?alt=media\&token=e5174117-5bcc-4c7b-ba3d-3e4687309009)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FeKopYo1H1XjuIUC0oih3%2FHome_page_banner_step3.png?alt=media\&token=cbea927a-3c73-486b-8401-a5781f6ded17)

#### Step-4:

Add the following code in your custom module

```html
<div class="home-header h-block white">
<div class="h-block-content">
<div class="container">
<h2>Choose Best to Grow your Business</h2>
<p>Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
<div class="button-container"><a href="#" class="btn btn-primary">Download <em class="fa fa-download"></em></a> <a href="index.php/features" class="btn btn-transparent">Learn More <em class="fa fa-chevron-right"></em></a></div>
<img src="images/themeparrot/banner_images/home-page.png" alt="home page" /></div>
</div>
</div>
```