> 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-2/home-2-spotlight-why-we-do-it-module.md).

# Home-2 Spotlight Why we do it Module

### 25. Home-2 Spotlight Why we do it Module

> Module position: position-2
>
> Module suffix: tp-no-margin

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FfmbcwFwCuf6UccYJfDMK%2F25_Home-2_Spotlight_Why_we_do_it_Module.png?alt=media\&token=7e8fdf3d-6c5f-4974-889e-cd99854a5a5c)

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FznDQtk0VpisE8sJep4A3%2F25_Home-2_Spotlight_Why_we_do_it_Module_step1.png?alt=media\&token=82c15cd8-0f96-4e8b-ab26-bc071455fffa)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FPJhekTNHAJ0kJEh5NktP%2F25_Home-2_Spotlight_Why_we_do_it_Module_step2.png?alt=media\&token=69152c40-07cc-494d-873f-46309ab79f20)

Add the below code in your custom html module

```html
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore. Morbi in semper mauris. 
Nulla convallis pharetra felis, a ultrices massa tristique in. Phasellus purus sem,
 porttitor eget luctus sed, congue et purus.</p>
<ul class="arrow     t-mgr10">
    <li>Splash ut rspiciatis unde omnis iste natus error.</li>
    <li>Evolve enim ipsam voluptatem quia voluptas sit.</li>
    <li>Splash ut rspiciatis unde omnis iste natus error.</li>
    <li>Evolve enim ipsam voluptatem quia voluptas sit.</li>
    <li>Splash ut rspiciatis unde omnis ist.</li>
</ul>
<div class="t-mgr20"><a href="#" class="btn btn-white brd">See more blog posts</a>
</div>
```

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FL9oEPuCjycSgDUzCbkfb%2F25_Home-2_Spotlight_Why_we_do_it_Module_step3.png?alt=media\&token=c1008599-f79d-4a57-b406-6d5f501c492e)