Home-4 parallax 3

36. Home-4 parallax 3

Module position: Home-3

Module suffix: tp-parallax-page

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

Step-2

Add the below code in your custom html module

<div class="container">
    <div class="text-right">
        <div class="col-lg-7 col-md-6 col-sm-6 col-sm-push-5">
            <h1><span class="black-block">THE POWER OF SPLASH</span><br />
<span class="black-block">ALL IN YOUR HANDS</span>
            </h1><br />
            <p style="color: #000;">Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Pellentesque vehicula aliquam eros a tempus.
 Aenean sodales dictum augue, in faucibus nisi sollicitudin eu. Quisque et urna lacus, 
quis aliquam purus. Nulla semper arcu vel diam auctor condimentum.</p>
<a href="#" class="btn btn-white">Find Our More</a>
        </div>
    </div>
</div>

Step-3

Step-4