> 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/business/layout-customization/home-style-2/home-style2-banner.md).

# Home style2 - Banner

### Home Style2 - Banner

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

![](/files/dfx3MI8tgOZiwO2vZNFH)

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:

![](/files/DqHWUJNABcArN3MACQDR)

#### Step-2:

![](/files/CDUjIBqkvBCO52eD2gyX)

#### Step-3:

![](/files/fQJtyD0ziQZwGC1jV1k9)

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