# Global partners bottom blocks

### Global partners bottom blocks

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FK6uJOhA2Y1G587xQweBn%2FGlobal_partners_bottom_blocks.png?alt=media\&token=0412315d-1328-45e8-b66c-25a40795a802)

If you want to display your blocks like this you have to create a menu and publish the menu 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%2FvhjGQanNKK8PIB3Rg5iv%2FGlobal_partners_bottom_blocks_step1.png?alt=media\&token=b96ea359-77e6-4793-b7b9-d097a64cf063)

#### Step-4:

Add the following code in your custom module

```html
<div class="h-block-4 h-block black">
    <div class="h-block-content flex-blocks">
        <div class="row">
            <div class="col-sm-4"><img src="images/themeparrot/tab_images/surprisingly_simple/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/surprisingly_simple/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/surprisingly_simple/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>
```