# Home 4 Intro module

### 29.Home 4 Intro module

> Module position: tp-intro
>
> Module class suffix: tp-title-center

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FWUgZsxGSpWpWcAG7tU2q%2FHome4_Intromodule.png?alt=media\&token=690ac688-c468-4ee2-9a84-6f1fa8ab723c)

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:

Create a New module type as "Custom html"

#### Step-2:

Add the following html code in your custom html module

```html
<div class="text-center">
    <h3 class="module-title "><span class="title-left">welcome to </span>
<span class="title-right">Runway</span> Joomla template</h3>
    <p class="tp-sub-text text-center">Lorem Ipsum is simply dummy text of the printing 
and typesetting industry. Lorem Ipsum has been the industry's standard dummy</p>
</div>
<div class="tp-margin-35">
    <div class="col-sm-4"><img class="img-responsive" src="images/themeparrot/h1.jpg" 
alt="h1" />
        <h4>Who we are</h4>
        <p>Phasellus justo ligula, dictum sit amet tortor eu, iaculis tristique turpis.
 Mauris non orci sed est suscipit tempor ut quis felis.</p>
    </div>
    <div class="col-sm-4"><img class="img-responsive" src="images/themeparrot/h2.jpg" 
alt="h2" />
        <h4>What we do</h4>
        <p>Phasellus justo ligula, dictum sit amet tortor eu, iaculis tristique turpis. 
Mauris non orci sed est suscipit tempor ut quis felis.</p>
    </div>
    <div class="col-sm-4"><img class="img-responsive" src="images/themeparrot/h3.jpg" 
alt="h3" />
        <h4>Our Philosophy</h4>
        <p>Phasellus justo ligula, dictum sit amet tortor eu, iaculis tristique turpis. 
Mauris non orci sed est suscipit tempor ut quis felis.</p>
    </div>
</div>
```

#### Step-3:

Once the module is created successfully SAVE & CLOSE The settings.