# Home-5 intro Module

### 39. Home-5 intro Module

> Module position: Home-1
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FmcU9UWP5pXe0tyy8jnrw%2F39_Home-5_intro_Module.png?alt=media\&token=41d4adff-a99b-412e-a644-8b4688fe0dfb)

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%2FhVBdNSwFgGFu69UCcRYN%2F39_Home-5_intro_Module_step1.png?alt=media\&token=46338686-0378-4887-89fe-a9f3c2618080)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FhwhO8GYaLj8ImJ8BjJvM%2F39_Home-5_intro_Module_step2.png?alt=media\&token=299b3cec-0fd1-499f-a020-30da189a8a14)

Add the below code in your custom html module

```html
<div class="tp-padding-100">
    <div class="col-sm-6">
<img class="img-responsive" src="images/themeparrot/img-res02.png" alt="img res02" />
    </div>
    <div class="col-sm-6">
        <div class="sep40"> </div>
        <h2 class="upper">Welcome to Splash</h2>
        <h1 class="upper">Responsive theme</h1><br />
        <p style="font-size: 16px; line-height: 30px;">
Splash the all-powerful Pointing has no control about the blind texts it
 is an almost unorthographic life One day however a small line of blind 
text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
<a href="#" class="btn btn-large">Read More</a>
    </div>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FyRUoNzT8oEz5pn4eJ7Tl%2F39_Home-5_intro_Module_step3.png?alt=media\&token=51d8d6bd-b968-4309-b38d-b7ab5d9d789c)