> 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/milestone/layout-customization/home-page/home-banner.md).

# Home Banner

### 1. Home Banner

> Module position:tp-banner
>
> Module suffix: Not used

![](/files/zrCkxhdK49eePLb4yEAg)

![](/files/yT5FQ6xiPx0xdgDr8vlY)

![](/files/2v1R6kpkgNz9D4cfvXdi)

![](/files/IGeFmCn5OFSFN25dqE3q)

![](/files/PMI8EDoIpMJSvyYVjr7h)

Follow the below code to achive the above

```html
<!-- Home banner
================================================== -->

<div class="home-header h-block white">
 <div class="h-block-content">
  <div class="container">
   <div class="row">
    <div class="col-md-7">
     <h2>We Build Software that breathes life into Online Businesses</h2>
     <p>Ferri dicant te his. Postea accusam noluisse at mei, dico falli suscipit ei quo.Ferri dicant te  his. Postea accusam noluisse at mei, dico falli suscipit ei quo.</p>
     <div class="button-container"><a href="#" class="btn btn-primary btn-lg viewbutton"><i class="fa fa-chevron-right font-chev"></i>View more</a> <a href="#" class="btn btn-transparent btn-lg viewbutton"><i class="fa fa-chevron-right font-chev"></i>See features</a>
     </div>
    </div>
    <div class="col-md-5">
     <div class="image-block"><img src="images/themeparrot/slideshow/tablet_view.png" alt="tablet" />
     </div>
    </div>
   </div>
  </div>
 </div>
</div>
```