# Home 5 intro module

### 35. Home 5 intro module

> Module position: tp-app-intro
>
> Module class suffix: arrow-down-white

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FcRGdgd8llLAWAu6d0w4J%2FHome5_intromodule.png?alt=media\&token=b053323c-f416-4a15-a125-60a09ce06c6a)

If you want your module this way, G**o 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="t3-sl">
    <div class="col-md-6">
        <h3 class="module-title "><span class="title-left">Why choose </span>
<span class="title-right"> Runway App</span>
        </h3>
        <p class="tp-sub-text">Supports All mobile applications</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.

 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
 unknown printer took a galley of type and scrambled</p>
        <div class="btn-block"><a href="#" class="btn btn-primary btn-lg" 
style="margin-right: 10px;">take a tour</a><a href="#" class="btn btn-white btn-lg"> 
Features <span class="fa fa-hand-o-right"></span> </a>
        </div>
    </div>
    <div class="col-md-6">
        <div class="carousel-box">
            <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item"><img src="images/themeparrot/h1.jpg" alt="h1" />
                    </div>
                    <div class="item"><img src="images/themeparrot/h2.jpg" alt="h2" />
                    </div>
                    <div class="item active">
<img src="images/themeparrot/h3.jpg" alt="h3" />
                    </div>
                </div><a href="#myCarousel" class="left carousel-control"
 data-slide="prev"><em class="fa fa-angle-left"></em></a>
<a href="#myCarousel" class="right carousel-control" data-slide="next">
<em class="fa fa-angle-right"></em></a>
            </div>
        </div>
    </div>
</div>
```

#### Step-3:

Once the module is created SAVE & CLOSE The settings .