Home 3 About us module

25.Home 3 About us module

Module position: tp-about

Module class suffix: Not Used

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 "Code 7 Responsive Slider"

Add your slider images

Publish your module in "tp-custom-about-us"

Step-2:

Create a new custom html module

Add the following html code in you custom html module

<div class="col-md-6">
    <div>{loadposition tp-custom-about-us}</div>
</div>
<div class="col-md-6">
    <h3 class="module-title "><span class="title-left">Few words 
</span><span class="title-right"> About us</span>
    </h3>
    <p>Nullam elementum consequat lacus, sit amet pulvinar urna hendrerit
 sit amet. Sed aliquam eu ante a ultricies. Interdum et malesuada fames ac ante 
ipsum primis in faucibus. Fusce elementum felis lorem, eget scelerisque enim blandit 
quis. Praesent luctus pulvinar sollicitudin. Morbi in semper mauris. Nulla convallis 
pharetra felis, a ultrices massa tristique in. Phasellus purus sem, porttitor eget
 luctus sed, congue et purus. Integer sagittis augue a consequat ultrices.</p>
    <div class="btn-block"><a href="#" class="btn btn-primary btn-lg" 
style="margin-right: 10px;">Learn more</a><a href="#" class="btn btn-white btn-lg">
 Portfolio <span class="fa fa-hand-o-right"></span> </a>
    </div>
</div>

Make sure Prepare content is set to "YES"

Step-3:

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