> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/business/layout-customization/home-style-2/effective-strategy-working-out.md).

# Effective strategy working out

### Effective strategy working out

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

![](/files/ViMq0qgv5ptsgiZPyB4v)

If you want to display the content like this you have to create a custom module and publish the custom module like below

#### Step-1:

![](/files/DqHWUJNABcArN3MACQDR)

#### Step-2:

![](/files/CDUjIBqkvBCO52eD2gyX)

#### step-3:

![](/files/uR4eEu4U0FskGqdgb6dg)

#### Step-4:

Add the following code in your custom module

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