> 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/bookstore/layout-customization/home-styles/home-style-2/brand-logos.md).

# Brand Logos

### Brand Logo

> Module position: navhelper
>
> Module class suffix: Not used

![](/files/4xC4yEjA5dp8ynq9jjm1)

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

#### Step-1:

![](/files/6hrr0hNnQSFGHfWLA3V3)

#### Step-2:

![](/files/G7CaC8N2b47H5SyFTA48)

#### Step-3:

![](/files/RjC0EATbnuNojtrycyUT)

#### Step-4:

Add the following code in your custom module

```html
<div id="myCarousel_br" class="carousel slide col-md-12 col-lg-12 col-sm-12 col-xs-12" data-ride="carousel">
    <!-- Indicators -->
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo1.png" alt="logo1" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo2.png" alt="your logo brand" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/loog3.png" alt="loog3" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo4.png" alt="your logo brand" class="img-responsive" /></div>
        </div>
        <div class="item">
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo1.png" alt="your logo brand" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo2.png" alt="your logo brand" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/loog3.png" alt="loog3" class="img-responsive" /></div>
            <div class="col-md-3 col-sm-3 col-xs-12 item-img"><img src="images/themeparrot/brand/logo4.png" alt="your logo brand" class="img-responsive" /></div>
        </div>
    </div>
    <a href="#myCarousel_br" class="left carousel-control" data-slide="prev"> <em class="fa fa-angle-left"></em> </a>
    <a href="#myCarousel_br" class="right carousel-control" data-slide="next"> <em class="fa fa-angle-right"></em> </a>
</div>
<p>&nbsp;</p>
```