# Standard Support bottom blocks

### Standard Support bottom blocks

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fu8PoFodTN7kRtyyhhvHV%2FStandard_Support_bottom_blocks.png?alt=media\&token=68e8619b-bee8-409e-b9cc-666f03983a19)

If you want to display your blocks 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%2FGZZAJzC2SGabrLIUwQpM%2F3_Offcanvas_menu_configuration_step1.png?alt=media\&token=8824c42e-997f-4266-8595-cea89c4e68bd)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fgswjw5Yf1Poa6BKoMshQ%2FHome_page_banner_step2.png?alt=media\&token=172aefbe-ee77-4dfb-aee4-9e06c9ea5413)

#### step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fn9NlKOlXdwIZgGPc4NQQ%2FStandard_Support_bottom_blocks_step1.png?alt=media\&token=63f6f5f7-1861-4db7-ad7e-e251bf889faa)

#### Step-4:

Add the following code in your custom module

```html
<div class="h-block-6 h-block white">
    <div class="h-block-content flex-blocks">
        <div class="row">
            <div class="col-sm-4"><img src="images/themeparrot/tab_images/standard_support/template.png" alt="template" class="img-responsive" />
                <h4>Template Modeling</h4>
                <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
            </div>
            <div class="col-sm-4"><img src="images/themeparrot/tab_images/standard_support/support.png" alt="support icons" class="img-responsive" />
                <h4>Support service</h4>
                <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
            </div>
            <div class="col-sm-4"><img src="images/themeparrot/tab_images/standard_support/product.png" alt="shopping" class="img-responsive" />
                <h4>Product Modeling</h4>
                <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
            </div>
        </div>
    </div>
</div>
```