---
layout: components
title: Clients
---

<!-- Hero and nav -->
<div class="hero is-relative is-theme-primary">
  {{> navbar-static-light}}

  <!-- Hero image -->
  <div id="main-hero" class="hero-body">
    <div class="container has-text-centered">
      <div class="columns is-vcentered">
        <div class="column is-4 is-offset-1 has-text-left">
          <h1 class="title components-title is-1">Client grids</h1>
          <h2 class="subtitle is-4 components-subtitle">
            Client logos showcase grids.
          </h2>
          <p class="components-cta">
            <a
              href="#basic"
              class="
                button button-cta
                btn-align
                light-btn
                btn-outlined
                is-bold
                rounded
              "
            >
              Get Started
            </a>
          </p>
        </div>
        <div class="column is-offset-1 has-text-centered is-hidden-mobile">
          <div id="clients-ill" class="vivus-svg"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Clients simple -->
<div id="basic" class="section is-medium">
  <div class="container">
    <div class="section-title-wrapper">
      <div class="bg-number">1</div>
      <h2 class="title section-title has-text-centered dark-text text-bold">
        Inline clients
      </h2>
    </div>
  </div>

  <!-- Clients -->
  <div class="hero-foot pt-10 pb-10">
    <div class="container">
      <div class="tabs partner-tabs is-centered">
        <ul>
          <li>
            <a
              ><img
                class="partner-logo"
                src="assets/img/logos/custom/covenant.svg"
                alt=""
            /></a>
          </li>
          <li>
            <a
              ><img
                class="partner-logo"
                src="assets/img/logos/custom/infinite.svg"
                alt=""
            /></a>
          </li>
          <li>
            <a
              ><img
                class="partner-logo"
                src="assets/img/logos/custom/phasekit.svg"
                alt=""
            /></a>
          </li>
          <li>
            <a
              ><img
                class="partner-logo"
                src="assets/img/logos/custom/grubspot.svg"
                alt=""
            /></a>
          </li>
          <li>
            <a
              ><img
                class="partner-logo"
                src="assets/img/logos/custom/gutwork.svg"
                alt=""
            /></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Clients 3 columns -->
<div class="section is-medium section-feature-grey">
  <div class="container">
    <div class="section-title-wrapper">
      <div class="bg-number">2</div>
      <h2 class="title section-title has-text-centered dark-text text-bold">
        Clients grid
      </h2>
    </div>

    <div class="content-wrapper">
      <div class="grid-clients three-grid">
        <div class="columns is-vcentered">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/phasekit.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/proactive.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/grubspot.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/tribe.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/kromo.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/covenant.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/bitbreaker.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/transfuseio.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/livetalk.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Clients 4 columns -->
<div class="section is-medium">
  <div class="container">
    <div class="section-title-wrapper">
      <div class="bg-number">3</div>
      <h2 class="title section-title has-text-centered dark-text text-bold">
        Clients grid
      </h2>
    </div>

    <div class="content-wrapper">
      <div class="grid-clients four-grid">
        <div class="columns is-vcentered">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/taskbot.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/phasekit.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/grubspot.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/systek.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/infinite.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/tribe.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/kromo.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/covenant.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/powerball.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/evently.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/transfuseio.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/bitbreaker.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Clients 5 columns -->
<div class="section is-medium section-feature-grey">
  <div class="container">
    <div class="section-title-wrapper">
      <div class="bg-number">4</div>
      <h2 class="title section-title has-text-centered dark-text text-bold">
        Clients grid
      </h2>
    </div>

    <div class="content-wrapper">
      <div class="grid-clients five-grid">
        <div class="columns is-vcentered">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/transfuseio.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/phasekit.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/grubspot.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/taskbot.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/systek.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/infinite.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/tribe.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom//bitbreaker.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/kromo.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/covenant.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
        <div class="columns is-vcentered is-separator">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/powerball.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/evently.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/proactive.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/transfuseio.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/livetalk.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
      </div>
    </div>
  </div>
</div>

{{> footer-light}}