# Home Banner

### 1. Home Banner

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FDWe1X5Lw0Y6hHXiW0iRB%2Fhome-banner.png?alt=media\&token=b5d0cf93-ab96-4078-b3e8-ecaa0521df27)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FMx6MLqlyqMeVR56od76z%2Flogo1.png?alt=media\&token=96bf9ee7-3bd1-4a60-bba0-6cc935620a70)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F6BcDYKyetXEo8a3FQ0Mm%2Flogo4.png?alt=media\&token=ad6a5fba-ef42-4478-aaae-73d7fcec8aa4)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F99iikQmyNGkAc7ueCZUg%2Flogo2.png?alt=media\&token=59cfdbb5-8bad-4fab-bc52-ffd1caa6039b)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FPvUOy9kYStmewGjCP3DE%2Fhome-banner1.png?alt=media\&token=4afa12b3-72bd-4fd6-a4c5-d6d0dbd175f3)

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