# Partners Logo

There is a simple way to show a logo, title, and description about your partners and it is using `featured item` like so:

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV099lcOynt8Ur7uan%2Fpartners-1.png?generation=1535987985733633\&alt=media)

The undelying code for above image is:

```
<div class="featured-item text-left">
  <div class="features-image">
    <img src="../../assets/img/partner-logos/01.jpg" alt="image">
  </div>
  <h3 class="features-title">Lorem ipsum inc.</h3>
  <div class="features-des">Lorem ipsum....</div>
</div>
```

`.text-left` will align the texts to the left.

## Partners in a Carousel

Another great way to represent your partners to your users is a carousel maybe at the bottom of your page above the footer. ![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV099rDbiq45Q5uphF%2Fpartners-2.png?generation=1535987984248257\&alt=media)

Code snippet for the above image is as bellow:

```
<div data-cols="6" data-cols-sm='3' data-cols-xs='2' data-cols-xxs='2' data-loop="true" class="owl-carousel items owwwlab-theme partner-logos">
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/01.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/02.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/03.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/04.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/06.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/07.png" alt="image"></div>
  <div class="item partner-logo"><img src="../../assets/img/partner-logos/08.png" alt="image"></div>
</div>
```

## Partners in Grid

![](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV099tJ58EYUQKT5ir%2Fpartners-3.png?generation=1535988005580175\&alt=media)This grid can be achieved by the following snippet:

```
<ul class="clients-grid grid-6">
  <li><a href="#"><img src="../../assets/img/partner-logos/01.png" alt="Clients"></a></li>
  <li><a href="#"><img src="../../assets/img/partner-logos/02.png" alt="Clients"></a></li>
  ...
</ul>
```

It is essentially a list that has a class of `.clients-grid` and the `.grid-6` is the variation of it.

* `.grid-6` for 6 columns
* `.grid-6` for 6 columns
* `.grid-5` for 5 columns
* `.grid-4` for 4 columns
* `.grid-3` for 3 columns
* `.grid-2` for 2 columns
