Clients

Solid presentation of your partners

6 columns

<div class="clients-grid clients-grid-6-col container-fluid">
  <div class="container">
    <div class="row">
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/1.png" alt="client 1">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/2.png" alt="client 2">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/3.png" alt="client 3">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/4.png" alt="client 4">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/5.png" alt="client 5">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/6.png" alt="client 6">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/7.png" alt="client 7">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/8.png" alt="client 8">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/9.png" alt="client 9">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/10.png" alt="client 10">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/11.png" alt="client 11">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/12.png" alt="client 12">
        </a>
      </div>
    </div>
  </div>
</div>

Background

<div class="clients-grid clients-grid-6-col clients-grid-bg padding-large" data-parallax="scroll">
  <div class="clients-overlay padding-small">
    <div class="container">
      <h3 class="text-center average-heading">Our partners</h3>
      <p class="lead-alt text-center">Creating working solutions for more than 5 years</p>
      <div class="row">
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/1.png" alt="client 1">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/2.png" alt="client 2">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/3.png" alt="client 3">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/4.png" alt="client 4">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/5.png" alt="client 5">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/6.png" alt="client 6">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/7.png" alt="client 7">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/8.png" alt="client 8">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/9.png" alt="client 9">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/10.png" alt="client 10">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/11.png" alt="client 11">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/12.png" alt="client 12">
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

Our partners

Creating working solutions for more than 5 years

Background Alt

<div class="clients-grid clients-grid-6-col clients-grid-bg padding-large" data-parallax="scroll">
  <div class="clients-overlay-inv padding-small">
    <div class="container">
      <h3 class="text-center average-heading">Our partners</h3>
      <p class="lead-alt text-center">Creating working solutions for more than 5 years</p>
      <div class="row">
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/1.png" alt="client 1">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/2.png" alt="client 2">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/3.png" alt="client 3">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/4.png" alt="client 4">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/5.png" alt="client 5">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/6.png" alt="client 6">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/7.png" alt="client 7">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/8.png" alt="client 8">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/9.png" alt="client 9">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/10.png" alt="client 10">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/11.png" alt="client 11">
          </a>
        </div>
        <div class="col-xs-6 col-sm-2 clients-grid-element">
          <a href="#">
            <img src="/img/logo/inv/12.png" alt="client 12">
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

Our partners

Creating working solutions for more than 5 years

5 columns

<div class="clients-grid clients-grid-5-col container-fluid">
  <div class="container">
    <div class="row">

      <div class="col-xs-6 col-sm-2 clients-grid-element col-sm-offset-1">
        <a href="#">
          <img src="/img/logo/1.png" alt="client 1">
        </a>
      </div>

      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/2.png" alt="client 2">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/3.png" alt="client 3">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/4.png" alt="client 4">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/5.png" alt="client 5">
        </a>
      </div>

      <div class="col-xs-6 col-sm-2 clients-grid-element col-sm-offset-1">
        <a href="#">
          <img src="/img/logo/6.png" alt="client 6">
        </a>
      </div>

      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/7.png" alt="client 7">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/8.png" alt="client 8">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/9.png" alt="client 9">
        </a>
      </div>
      <div class="col-xs-6 col-sm-2 clients-grid-element">
        <a href="#">
          <img src="/img/logo/10.png" alt="client 10">
        </a>
      </div>

    </div>
  </div>
</div>

4 columns

<div class="clients-grid clients-grid-4-col container-fluid">
  <div class="container">
    <div class="row">
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/1.png" alt="client 1">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/2.png" alt="client 2">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/3.png" alt="client 3">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/4.png" alt="client 4">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/5.png" alt="client 5">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/6.png" alt="client 6">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/7.png" alt="client 7">
        </a>
      </div>
      <div class="col-xs-6 col-sm-3 clients-grid-element">
        <a href="#">
          <img src="/img/logo/8.png" alt="client 8">
        </a>
      </div>
    </div>
  </div>
</div>

3 columns

<div class="clients-grid clients-grid-3-col container-fluid">
  <div class="row">

    <div class="col-xs-6 col-sm-2 clients-grid-element col-sm-offset-3">
      <a href="#">
        <img src="/img/logo/1.png" alt="client 1">
      </a>
    </div>

    <div class="col-xs-6 col-sm-2 clients-grid-element">
      <a href="#">
        <img src="/img/logo/2.png" alt="client 2">
      </a>
    </div>
    <div class="col-xs-6 col-sm-2 clients-grid-element">
      <a href="#">
        <img src="/img/logo/3.png" alt="client 3">
      </a>
    </div>

    <div class="col-xs-6 col-sm-2 clients-grid-element col-sm-offset-3">
      <a href="#">
        <img src="/img/logo/4.png" alt="client 4">
      </a>
    </div>

    <div class="col-xs-6 col-sm-2 clients-grid-element">
      <a href="#">
        <img src="/img/logo/5.png" alt="client 5">
      </a>
    </div>
    <div class="col-xs-6 col-sm-2 clients-grid-element">
      <a href="#">
        <img src="/img/logo/6.png" alt="client 6">
      </a>
    </div>

  </div>
</div>

2 columns

<div class="clients-grid clients-grid-2-col container-fluid">
  <div class="row">

    <div class="col-xs-6 col-sm-3 clients-grid-element col-sm-offset-3">
      <a href="#">
        <img src="/img/logo/1.png" alt="client 1">
      </a>
    </div>

    <div class="col-xs-6 col-sm-3 clients-grid-element">
      <a href="#">
        <img src="/img/logo/2.png" alt="client 2">
      </a>
    </div>

    <div class="col-xs-6 col-sm-3 clients-grid-element col-sm-offset-3">
      <a href="#">
        <img src="/img/logo/3.png" alt="client 3">
      </a>
    </div>

    <div class="col-xs-6 col-sm-3 clients-grid-element">
      <a href="#">
        <img src="/img/logo/4.png" alt="client 4">
      </a>
    </div>

  </div>
</div>

Carousel

<div class="carousel margin-medium">
  <div class="carousel-itself container">
    <div class="item">
      <img src="/img/logo/1.png" alt="client 1">
    </div>
    <div class="item">
      <img src="/img/logo/2.png" alt="client 2">
    </div>
    <div class="item">
      <img src="/img/logo/3.png" alt="client 3">
    </div>
    <div class="item">
      <img src="/img/logo/4.png" alt="client 4">
    </div>
    <div class="item">
      <img src="/img/logo/5.png" alt="client 5">
    </div>
    <div class="item">
      <img src="/img/logo/6.png" alt="client 6">
    </div>
    <div class="item">
      <img src="/img/logo/7.png" alt="client 7">
    </div>
    <div class="item">
      <img src="/img/logo/8.png" alt="client 8">
    </div>
    <div class="item">
      <img src="/img/logo/9.png" alt="client 9">
    </div>
    <div class="item">
      <img src="/img/logo/10.png" alt="client 10">
    </div>
  </div>
</div>

Carousel with text

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <h3 class="text-uppercase">Our partners</h3>
      <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
    </div>
    <div class="col-md-8">
      <div class="carousel margin-medium">
        <div class="carousel-small">
          <div class="item">
            <img src="/img/logo/1.png" alt="client 1">
          </div>
          <div class="item">
            <img src="/img/logo/2.png" alt="client 2">
          </div>
          <div class="item">
            <img src="/img/logo/3.png" alt="client 3">
          </div>
          <div class="item">
            <img src="/img/logo/4.png" alt="client 4">
          </div>
          <div class="item">
            <img src="/img/logo/5.png" alt="client 5">
          </div>
          <div class="item">
            <img src="/img/logo/6.png" alt="client 6">
          </div>
          <div class="item">
            <img src="/img/logo/7.png" alt="client 7">
          </div>
          <div class="item">
            <img src="/img/logo/8.png" alt="client 8">
          </div>
          <div class="item">
            <img src="/img/logo/9.png" alt="client 9">
          </div>
          <div class="item">
            <img src="/img/logo/10.png" alt="client 10">
          </div>
          <div class="item">
            <img src="/img/logo/11.png" alt="client 11">
          </div>
          <div class="item">
            <img src="/img/logo/12.png" alt="client 12">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Our partners

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante

Carousel BG

<div class="carousel carousel-bg padding-large" data-parallax="scroll">
  <div class="clients-overlay padding-small">
    <h3 class="text-center average-heading">Our partners</h3>
    <p class="lead-alt text-center m-b-lg">Creating working solutions for more than 5 years</p>
    <div class="carousel-itself container">
      <div class="item">
        <img src="/img/logo/1.png" alt="client 1">
      </div>
      <div class="item">
        <img src="/img/logo/2.png" alt="client 2">
      </div>
      <div class="item">
        <img src="/img/logo/3.png" alt="client 3">
      </div>
      <div class="item">
        <img src="/img/logo/4.png" alt="client 4">
      </div>
      <div class="item">
        <img src="/img/logo/5.png" alt="client 5">
      </div>
      <div class="item">
        <img src="/img/logo/6.png" alt="client 6">
      </div>
      <div class="item">
        <img src="/img/logo/7.png" alt="client 7">
      </div>
      <div class="item">
        <img src="/img/logo/8.png" alt="client 8">
      </div>
      <div class="item">
        <img src="/img/logo/9.png" alt="client 9">
      </div>
      <div class="item">
        <img src="/img/logo/10.png" alt="client 10">
      </div>
    </div>
  </div>
</div>

Carousel BG Alt

<div class="carousel carousel-bg padding-large" data-parallax="scroll">
  <div class="clients-overlay-inv padding-small">
    <h3 class="text-center average-heading">Our partners</h3>
    <p class="lead-alt text-center m-b-lg">Creating working solutions for more than 5 years</p>
    <div class="carousel-itself container">
      <div class="item">
        <img src="/img/logo/inv/1.png" alt="client 1">
      </div>
      <div class="item">
        <img src="/img/logo/inv/2.png" alt="client 2">
      </div>
      <div class="item">
        <img src="/img/logo/inv/3.png" alt="client 3">
      </div>
      <div class="item">
        <img src="/img/logo/inv/4.png" alt="client 4">
      </div>
      <div class="item">
        <img src="/img/logo/inv/5.png" alt="client 5">
      </div>
      <div class="item">
        <img src="/img/logo/inv/6.png" alt="client 6">
      </div>
      <div class="item">
        <img src="/img/logo/inv/7.png" alt="client 7">
      </div>
      <div class="item">
        <img src="/img/logo/inv/8.png" alt="client 8">
      </div>
      <div class="item">
        <img src="/img/logo/inv/9.png" alt="client 9">
      </div>
      <div class="item">
        <img src="/img/logo/inv/10.png" alt="client 10">
      </div>
    </div>
  </div>
</div>

Carousel Container

<div class="carousel margin-medium">
  <div class="container">
    <div class="carousel-itself">
      <div class="item">
        <img src="/img/logo/1.png" alt="client 1">
      </div>
      <div class="item">
        <img src="/img/logo/2.png" alt="client 2">
      </div>
      <div class="item">
        <img src="/img/logo/3.png" alt="client 3">
      </div>
      <div class="item">
        <img src="/img/logo/4.png" alt="client 4">
      </div>
      <div class="item">
        <img src="/img/logo/5.png" alt="client 5">
      </div>
      <div class="item">
        <img src="/img/logo/6.png" alt="client 6">
      </div>
      <div class="item">
        <img src="/img/logo/7.png" alt="client 7">
      </div>
      <div class="item">
        <img src="/img/logo/8.png" alt="client 8">
      </div>
      <div class="item">
        <img src="/img/logo/9.png" alt="client 9">
      </div>
      <div class="item">
        <img src="/img/logo/10.png" alt="client 10">
      </div>
    </div>
  </div>
</div>