Home 4 Intro module

29.Home 4 Intro module

Module position: tp-intro

Module class suffix: tp-title-center

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

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

Last updated