> 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/trendz/layout-customization/homepage/top-modules.md).

# Top modules

### 2. Top modules

> Module position: Position 1, Position 2, Position 3
>
> Module 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:

![](/files/5yjigqabSksCO2Nw7hMI)

#### Step-2:

![](/files/xalORMUeZPWFaueV0aku)

#### Step-3:

![](/files/6HlEb8nTeWnMoCxQWmla)

```html
<div class="tm-overlay" style="height: 200px;"><img src="images/themeparrot/master2.jpg" alt="master2" class="img-responsive" />
<div class="tm-overlay-caption">
<h2>Modern<br /><strong>watches</strong></h2>
<a href="index.php/shop/womens/watches">View more</a></div>
</div>
```