# 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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FaPJyyGDcvZRJbwSG99hk%2F8_Bottom_custom_html_modules-step1.png?alt=media\&token=dae69faf-95a0-4979-9544-82264c2eec63)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FVWcd3wi9DrvHPFYWydQh%2F8_Bottom_custom_html_modules-step2.png?alt=media\&token=77d0fb51-2c65-4b5f-8fe0-be91eba1070d)

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FbbEQHVS7Wa5ekSIf69zY%2F8_Bottom_custom_html_modules-step3.png?alt=media\&token=d7e18402-f5be-408a-9dbe-243a1e66e719)

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FvhExQgHQV9125uF77uZ0%2F8_Bottom_custom_html_modules-step5.png?alt=media\&token=d9773919-bb6a-4d08-9ca8-95b0d422a72c)