> 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/brand-logos.md).

# Brand Logos

### 4. Brand Logos

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F5X9oJhJcw8a2vxQXYqsH%2Fbrand-logo.png?alt=media\&token=91c8d7fc-3f7e-4110-841b-00f0aba09c84)

![](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%2FpjM9yu7wNJwAXjkKLNdI%2Flogo3.png?alt=media\&token=e7bc3800-bb09-4262-9862-0b61201ce192)

Follow the below code to achive the above

```html
<!-- Brand logos
================================================== -->

<div id="home-content-block" class="h-block-4 h-block">
<div class="h-block-content">
<h3 class="logo-heading">Providing Our Clients</h3>
<h1 class="logo-heading">Best &amp; Creative Solutions</h1>
<div class="brand-logos">
<div class="row brand-logo-list">
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_01.png" alt="dukapress" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_02.png" alt="gemalto" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_03.png" alt="theme forest" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_04.png" alt="wordpress" class="img-responsive" /></a></div>
</div>
<div class="row brand-logo-list">
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_05.png" alt="microlancer" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_04.png" alt="wordpress" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_02.png" alt="gemalto" class="img-responsive" /></a></div>
<div class="col-sm-3 brand-logo-icon"><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/brand_logo_03.png" alt="theme forest" class="img-responsive" /></a></div>
</div>
<div class="brand-logo-button"><a href="#">See our customers <i class="fa fa-long-arrow-right"></i></a></div>
</div>
</div>
</div>
```