# 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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FM4Qx2V6cgJNpZZruBLlH%2F3_Top_modules.png?alt=media\&token=4369c262-232c-44dc-b5d8-e9df15f8b916)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FjA3ozf4MimqGFHBBsGWM%2F3_Top_modules_step2.png?alt=media\&token=626daae5-1da1-49a3-b941-8209db8f8212)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FhR09MSzMCgFgaXMsIwRR%2F3_Top_modules_step3.png?alt=media\&token=5272361f-0473-44e8-920b-f01d1406779d)

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