# Resources

### RESOURCES

> 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%2F7pUXCJgns5VaPeIzx0vl%2FResources.png?alt=media\&token=3b6ac834-a080-4335-8111-781a7503101b)

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%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%2FKWz32TqX3QLqBiJD2N3V%2FResources_step1.png?alt=media\&token=1b4b7262-ef07-4860-8ace-15e0a199399c)

#### Step-4:

Add the following code in your custom module

```html
<div class="community-grid">
    <p>
         <em class="fa fa-file-text-o"></em>
    </p>
    <h3><a href="#" target="_blank">Documentation</a></h3>
    <p>Read tutorials, discover plugins, and show off your work at Documentation.</p>
</div>
<div class="community-grid">
    <p>
         <em class="fa fa fa-book"></em>
    </p>
    <h3><a href="#" target="_blank">Cookbook</a></h3>
    <p>Browse tips and tricks, and submit some of your own at Cookbook.</p>
</div>
```