> 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/splash/modules-customization/footer-social-icons-module.md).

# Footer Social Icons Module

### 12. Footer Social Icons Module

> Module position: footer-info
>
> Module suffix: Not used

![](/files/lgEQJuAgBzYqQmykEeZZ)

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/vgTCmwDBlwGkL9kof7nt)

#### Step-2

![](/files/hQZEDpZG7xxDLoDpxtmF)

#### Step-3

![](/files/EgONnkUdMlZXWq8Y0l2l)

Add the below code in your custom html module

```html
<div class="right">
    <ul class="social-icons right">
        <li><a href="#" class="facebook"><i class="icon-facebook"></i></a>
        </li>
        <li><a href="#" class="twitter"><i class="icon-twitter"></i></a>
        </li>
        <li><a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
        </li>
        <li><a href="#" class="dribbble"><i class="icon-dribbble"></i></a>
        </li>
        <li><a href="#" class="flickr"><i class="icon-flickr"></i></a>
        </li>
        <li><a href="#" class="vimeo"><i class="icon-vimeo"></i></a>
        </li>
        <li><a href="#" class="rss"><i class="icon-rss"></i></a>
        </li>
    </ul>
</div>
```