# Brand logos

### Brand Logos

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FI7I99ho2VztG7Go9kt4y%2FBrand_logos.png?alt=media\&token=c6f1afe8-c6fe-4ff9-88ec-00252d803774)

If you want to display your brand logos information like this you have to create a custom module and publish the custom 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%2FKrNNmtX2eozNPFnYHOFG%2FBrand_logos_step1.png?alt=media\&token=41953889-3954-4189-800a-5b0fd107c2b3)

#### Step-4:

Add the following code in your custom module

```html
<div id="home-content-block" class="h-block-3 black h-block">
<div class="h-block-content">
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<div class="brand-logos">
<ul>
<li><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/dukapress.png" alt="dukapress" class="img-responsive" /></a></li>
<li><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/gemalto.png" alt="gemalto" class="img-responsive" /></a></li>
<li><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/theme_forest.png" alt="theme forest" class="img-responsive" /></a></li>
<li><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/wordpress.png" alt="wordpress" class="img-responsive" /></a></li>
<li><a href="#" target="_blank"><img src="images/themeparrot/apps_icons/microlancer.png" alt="microlancer" class="img-responsive" /></a></li>
</ul>
</div>
</div>
</div>
```