# Social share

### Social share

> Module position: topbar-1
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F6Q1YyWho1yADCbm9cWld%2Fsocial_share.png?alt=media\&token=f829607d-40d3-41d1-bfc7-86de3c9ba173)

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FyufATa2FoVjRo6EwauEU%2FUnite_Revolution_Slider2_step1.png?alt=media\&token=f83d8648-689b-4cb8-bb51-cb32e7b11495)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FdECI6F7Hd1La0rVgB9YS%2Fsocial_share_step2.png?alt=media\&token=23ce8fa0-281e-40f5-8145-cf3d641fce31)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FtSj10rw6jBighxeQ3jkR%2Fsocial_share_step3.png?alt=media\&token=6e96f51e-5468-41f1-9c91-2dbf81532c39)

#### Step-4:

Add the following code in your custom module

```html
<div class="tp-share">
    <ul class="topbar-nav topbar-right">
        <li>
            <a href="#"> <em class="fa fa-twitter"></em> </a>
        </li>
        <li>
            <a href="#"> <em class="fa fa-facebook"></em> </a>
        </li>
        <li>
            <a href="#"> <em class="fa fa-google-plus"></em> </a>
        </li>
        <li>
            <a href="#"> <em class="fa fa-youtube"></em> </a>
        </li>
        <li>
            <a href="#"> <em class="fa fa-linkedin"></em> </a>
        </li>
        <li>
            <a href="#"> <em class="fa fa-instagram"></em> </a>
        </li>
    </ul>
</div>
```