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:

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.

Code snippet for the above image is as bellow:

Partners in Grid

This grid can be achieved by the following snippet:

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

PreviousnumbersNextPeople & Team

Last updated