> 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

![](/files/3ENgWroi8YaDEdhfYR8o)

![](/files/yT5FQ6xiPx0xdgDr8vlY)

![](/files/2v1R6kpkgNz9D4cfvXdi)

![](/files/IGeFmCn5OFSFN25dqE3q)

![](/files/S1UXPk2FRiSJOyBS0pyv)

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>
```