# Brand logo

### Brand Logo

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FvJfwECmNwavrTLJIQ6LX%2Fbrand_logos.png?alt=media\&token=e25385f5-1e82-4754-86fc-136349dbe6fc)

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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FShbCLxNWgOVN8ZDeTCqn%2FUnite_Revolution_Slider2_step1.png?alt=media\&token=4ffd1eb7-44b9-4859-b1c9-8c69da7157c6)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F0K1SDtHKLuvGTUbJFnCF%2Fsocial_share_step2.png?alt=media\&token=5bad5c42-f035-4014-82aa-425b3226d528)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FUuEuW5TpCbm6bt0RT5TJ%2Fbrand_logos_step1.png?alt=media\&token=6cf8b7ef-5d90-40a8-b8db-6b688ac9a980)

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