> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/splash/pages/home-4/home-4-parallax-3.md).

# Home-4 parallax 3

### 36. Home-4 parallax 3

> Module position: Home-3
>
> Module suffix: tp-parallax-page

![](/files/9Jdooeido64sDQwIgwKN)

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

![](/files/FJf6XLHg7d1X4DMwzkZv)

#### Step-2

![](/files/gr1Ct07e0QXYmCGfZSZk)

Add the below code in your custom html module

```html
<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

![](/files/0Isz8sITIVud1ykvmAgi)

#### Step-4

![](/files/OVlmvhFXBfDk8CJknB8r)