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