# Social

### SOCIAL

> Module position: Position-6
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FfZ6O0eWuzKpehVYsu1x0%2FSocial.png?alt=media\&token=06b7ad01-c932-487c-b602-6810bb92634d)

If you want to display your 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%2FmLfZK4ciKgUQ2XJbSryn%2F3_Offcanvas_menu_configuration_step1%20\(32\).png?alt=media\&token=d40bf82b-33e8-46d1-87d7-f850008ddb90)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FHUmn7aZ6iwTeHM6sY2L5%2FHome_page_banner_step2%20\(27\).png?alt=media\&token=14bd1183-f276-4fc3-9bb9-917d4f928eed)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FbDOyCAKwtrLJFG5m0eOS%2FSocial_step1.png?alt=media\&token=f3cac9b8-3878-4719-94f1-02517f3fede7)

#### Step-4:

Add the following code in your custom module

```html
<div class="community-grid">
    <p>
         <em class="fa fa-twitter"></em>
    </p>
    <h3><a href="#" target="_blank">Twitter</a></h3>
    <p>We’re tweeting from @example, and the official community hashtag is #example.</p>
</div>
<div class="community-grid">
    <p>
        <em class="fa fa-facebook"></em>
    </p>
    <h3><a href="#" target="_blank">Facebook</a></h3>
    <p>Facebook appears to not be going away so we decided to have an official presence there too.</p>
</div>
```