Brand Logos

Brand Logo

Module position: navhelper

Module class suffix: Not used

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:

Step-2:

Step-3:

Step-4:

Add the following code in your custom module

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