> 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/milestone/layout-customization/home-page/home-custom-blocks.md).

# Home Custom blocks

### 5. Home Custom blocks

> Module position:home-5
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FZIP9uZodw1bpxmjQAaxf%2Fhome-custom-block.png?alt=media\&token=efbe5c1d-c1ff-40b9-90ff-67c0343b6abc)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FMx6MLqlyqMeVR56od76z%2Flogo1.png?alt=media\&token=96bf9ee7-3bd1-4a60-bba0-6cc935620a70)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F6BcDYKyetXEo8a3FQ0Mm%2Flogo4.png?alt=media\&token=ad6a5fba-ef42-4478-aaae-73d7fcec8aa4)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F99iikQmyNGkAc7ueCZUg%2Flogo2.png?alt=media\&token=59cfdbb5-8bad-4fab-bc52-ffd1caa6039b)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FxAkAmSI6SbuTnBCTh0yO%2Fcustom-blog.png?alt=media\&token=858940fd-dcd6-4673-9573-f0a92b6cbf59)

Follow the below code to achive the above

```html
<!-- Home custom block
================================================== -->

<div class="container">
<div>
<div class="col-sm-6">
<div class="call-out-block">
<div class="call-icon"><i class="fa fa-cubes"></i></div>
<div class="call-content">
<h4>Got Wordpress Users Covered Too! <i class="fa fa-long-arrow-right"></i></h4>
<p>Lorem ipsum dolor sit amet, mea consul offendit te, mel an modo albucius gloriatur. Vis sanctus tincidunt id.</p>
</div>
<a href="#" class="readmorelink"></a></div>
</div>
<div class="col-sm-6">
<div class="call-out-block">
<div class="call-icon"><i class="fa fa-book"></i></div>
<div class="call-content">
<h4>Avail The Best Support You Can Find <i class="fa fa-long-arrow-right"></i></h4>
<p>Lorem ipsum dolor sit amet, mea consul offendit te, mel an modo albucius gloriatur. Vis sanctus tincidunt id.</p>
</div>
<a href="#" class="readmorelink"></a></div>
</div>
</div>
</div>
```