> 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/bottom-custom-html-modues.md).

# Bottom custom html modues

### 7. Bottom custom html modules

> Module position: Position 7, Position 8, Position 9
>
> 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/uhUTFTZY0kM3sFhQMwf4)

#### Step-2

![](/files/KqLInLiJk9LkvjLLneYq)

#### Step-3

![](/files/hkQEnQXWFYzePITO704P)

#### Step-4

Add the below code in your custom html module

```html
<p><em class="fa fa-plane icon"></em> Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor.</p>
```

#### Step-5

![](/files/1Jq1b5OCEsBYdBc2oaPK)