# Home style2 - Banner

### Home Style2 - 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%2FFAUTgnnZrZRvv3X5RQyH%2FHome_page_2_banner.png?alt=media\&token=8fe17a58-a1e7-4ab3-acdb-fc11683cea4e)

If you want to display your banner with the cotent like this you have to create a custom 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%2Fgswjw5Yf1Poa6BKoMshQ%2FHome_page_banner_step2.png?alt=media\&token=172aefbe-ee77-4dfb-aee4-9e06c9ea5413)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FUN42TZ3PE329tLiesy06%2FHome_page_2_banner_step1.png?alt=media\&token=273ecf9e-7926-4836-a4f8-9082faf8b8b0)

#### Step-4:

Add the following code in your custom module

```html
<div class="home-header-2 h-block white">
    <div class="h-block-content">
        <div class="container">
            <h2>Change Look Like you want.</h2>
            <p>Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
            <div class="button-container"><a href="#home-2-block" class="scroll-down">Learn More <em class="fa fa-chevron-down"></em></a></div>
        </div>
    </div>
</div>
```