# Community

### COMMUNITY

> Module position: footer-3
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FV3TSYx9AsdC3cCjvnJJz%2FFooter_3.png?alt=media\&token=01358ef9-10de-4552-b6e2-8dedca650c15)

If you want to display your Footer information like this you have to create a custom module and publish the custom module like below

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FWbbJiFEg2mAFiGeBdz5i%2F3_Offcanvas_menu_configuration_step1.png?alt=media\&token=0ed7b078-fa05-4ec5-a144-c2e6b10d46c4)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FynFEGqP5n4O18ksSNkU4%2FHome_page_banner_step2.png?alt=media\&token=b78423b9-3112-47b9-8a69-7a3676c01e1e)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FJAzF6X7IbdnNG3bIrTMO%2FFooter_3_step1.png?alt=media\&token=921e1833-aa82-478b-8c02-913cd80ce586)

#### Step-4:

Add the following code in your custom module

```html
<div class="footer-block footer-4">
    <ul class="nav nav-stacked">
        <li><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
        <li><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
        <li><a href="#"><i class="fa fa-linkedin"></i>Linkedin</a></li>
        <li><a href="#"><i class="fa fa-google-plus"></i>Google plus</a></li>
        <li><a href="#"><i class="fa fa-skype"></i>Skype</a></li>
    </ul>
</div>
```