# Home intro text

### 8. Home intro text

> Module position: tp-intro
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FSyKLvTD5XOduPfnlhtGr%2Fhome_intro.png?alt=media\&token=c035cd52-cb38-434a-b856-01279aeb2bba)

If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom html** with the settings below:

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FmUJkKTFyPcyuefWRddoE%2Fhome_intro_step1.png?alt=media\&token=74cf270d-d4ee-418b-ba70-bbd15409fed3)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FrXk6CCWuc7IEegbXGHho%2Fhome_intro_step2.png?alt=media\&token=e0fd1102-8056-40ca-95b6-64e45b9f69c7)

Add the folloing html code in your custom html module

```html
<div class="call-out-box">
    <div class="col-md-9 col-sm-8 col-xs-12">
        <div class="icon"><em class="icon-line-star"></em>
        </div>
        <h3>Clean, Modern &amp; Multipurpose Joomla Template For Your Website</h3>
    </div>
    <div class="col-md-3 col-sm-4 col-xs-12"><a href="#" class="btn btn-border btn-lg">
 Get this template <span class="fa fa-hand-o-right"></span> </a>
    </div>
</div>
```

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FUq3uCfYtKySr8K6KnWsX%2Fhome_intro_step3.png?alt=media\&token=7d66c903-32c6-4f87-8e33-df4c16101a83)