---
layout: landing
title: Features
---

<!-- Hero and nav -->
<div class="hero is-theme-primary is-slant" data-page-theme="red">
  {{> navbar-fade-kit2}}

  <!-- Hero image -->
  <div id="main-hero" class="hero-body is-clean">
    <div class="container">
      <div class="columns is-vcentered">
        <div class="column is-5 caption-column">
          <h1 class="clean-title light-text">Invoice like a Pro.</h1>
          <div class="subtitle is-5 no-margin-bottom">
            Choose from numerous available templates and create uniquely branded
            invoices in a breeze.
          </div>
          <div class="cta-wrapper">
            <div class="buttons">
              <a
                href="#product"
                class="
                  button button-cta
                  btn-align btn-outlined
                  is-bold
                  light-btn
                "
              >
                Get Started
              </a>
              <a
                href="#"
                class="
                  button button-cta
                  btn-align btn-outlined
                  is-bold
                  light-btn
                "
              >
                Try for Free
              </a>
            </div>
          </div>
        </div>
        <div class="column is-8 is-offset-1">
          <!--img class="clean-hero-mockup has-light-shadow" src="assets/img/graphics/apps/app-2-core.png"
                        data-base-url="assets/img/graphics/apps/app-2" data-extension=".png" alt=""-->
          <img
            class="clean-hero-mockup has-light-shadow"
            src="assets/img/graphics/static/app-9.png"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Feature -->
<div id="start-features" class="section is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <!-- Title -->
    <div class="section-title-wrapper has-text-centered">
      <div class="bg-number">1</div>
      <h2 class="section-title-landing">Outstanding features</h2>
      <h4>Learn to sell better and faster</h4>
    </div>

    <div class="content-wrapper">
      <div class="columns is-vcentered quick-feature-wrap">
        <div class="column is-4 is-offset-1">
          <!-- Title -->
          <div class="title quick-feature">
            <h2 class="title is-3 clean-text">For small Teams</h2>
            <div class="bg-number is-fat">1</div>
          </div>
          <div class="title-divider"></div>
          <span class="section-feature-description body-color"
            >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
            inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet
            periculis ut. Vis in probo decore labitur.</span
          >
          <div class="button-wrap">
            <a href="#" class="button btn-align btn-more is-link color-primary">
              Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
            </a>
          </div>
        </div>

        <div class="column is-6 is-offset-1">
          <img
            src="assets/img/graphics/features/kit1-3-core.svg"
            data-base-url="assets/img/graphics/features/kit1-3"
            data-extension=".svg"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Feature -->
<div class="section section-feature-grey is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <div class="columns is-vcentered quick-feature-wrap">
      <div class="column is-6">
        <img
          src="assets/img/graphics/icons/kit2-1-core.svg"
          data-base-url="assets/img/graphics/icons/kit2-1"
          data-extension=".svg"
          alt=""
        />
      </div>

      <div class="column is-4 is-offset-1">
        <!-- Title -->
        <div class="title quick-feature">
          <h2 class="clean-text">Cloud delivery</h2>
          <div class="bg-number is-fat">2</div>
        </div>
        <!-- /Title -->
        <div class="title-divider"></div>
        <span class="section-feature-description body-color"
          >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
          inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet periculis
          ut. Vis in probo decore labitur.</span
        >
        <div class="button-wrap">
          <a href="#" class="button btn-align btn-more is-link color-primary">
            Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- /Feature -->

<!-- Feature -->
<div class="section is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <div class="columns is-vcentered quick-feature-wrap">
      <div class="column is-4 is-offset-1">
        <!-- Title -->
        <div class="title quick-feature">
          <h2 class="clean-text">Tracking tools</h2>
          <div class="bg-number is-fat">3</div>
        </div>
        <div class="title-divider"></div>
        <span class="section-feature-description body-color"
          >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
          inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet periculis
          ut. Vis in probo decore labitur.</span
        >
        <div class="button-wrap">
          <a href="#" class="button btn-align btn-more is-link color-primary">
            Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
          </a>
        </div>
      </div>

      <div class="column is-6 is-offset-1">
        <img
          src="assets/img/graphics/icons/kit2-2-core.svg"
          data-base-url="assets/img/graphics/icons/kit2-2"
          data-extension=".svg"
          alt=""
        />
      </div>
    </div>
  </div>
</div>

<!-- /Feature -->
<div class="section section-feature-grey is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <div class="columns is-vcentered quick-feature-wrap">
      <div class="column is-6">
        <img
          src="assets/img/graphics/icons/kit2-3-core.svg"
          data-base-url="assets/img/graphics/icons/kit2-3"
          data-extension=".svg"
          alt=""
        />
      </div>

      <div class="column is-4 is-offset-1">
        <!-- Title -->
        <div class="title quick-feature">
          <h2 class="clean-text">Mobile ready</h2>
          <div class="bg-number is-fat">4</div>
        </div>
        <div class="title-divider"></div>
        <span class="section-feature-description body-color"
          >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
          inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet periculis
          ut. Vis in probo decore labitur.</span
        >
        <div class="button-wrap">
          <a href="#" class="button btn-align btn-more is-link color-primary">
            Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- /Feature -->

<!-- Feature -->
<div class="section is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <div class="columns is-vcentered quick-feature-wrap">
      <div class="column is-4 is-offset-1">
        <!-- Title -->
        <div class="title quick-feature">
          <h2 class="clean-text">Smart reports</h2>
          <div class="bg-number is-fat">5</div>
        </div>
        <div class="title-divider"></div>
        <span class="section-feature-description body-color"
          >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
          inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet periculis
          ut. Vis in probo decore labitur.</span
        >
        <div class="button-wrap">
          <a href="#" class="button btn-align btn-more is-link color-primary">
            Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
          </a>
        </div>
      </div>

      <div class="column is-6 is-offset-1">
        <img
          src="assets/img/graphics/icons/kit2-4-core.svg"
          data-base-url="assets/img/graphics/icons/kit2-4"
          data-extension=".svg"
          alt=""
        />
      </div>
    </div>
  </div>
</div>

<!-- Feature -->
<div class="section section-feature-grey is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <div class="columns is-vcentered quick-feature-wrap">
      <div class="column is-6">
        <img
          src="assets/img/graphics/icons/kit2-5-core.svg"
          data-base-url="assets/img/graphics/icons/kit2-5"
          data-extension=".svg"
          alt=""
        />
      </div>

      <div class="column is-4 is-offset-1">
        <!-- Title -->
        <div class="title quick-feature">
          <h2 class="clean-text">Messaging</h2>
          <div class="bg-number is-fat">6</div>
        </div>
        <div class="title-divider"></div>
        <span class="section-feature-description body-color"
          >Lorem ipsum dolor sit amet, clita laoreet ne cum. His cu harum
          inermis iudicabit. Ex vidit fierent hendrerit eum, sed stet periculis
          ut. Vis in probo decore labitur.</span
        >
        <div class="button-wrap">
          <a href="#" class="button btn-align btn-more is-link color-primary">
            Learn more about our plans <i class="sl sl-icon-arrow-right"></i>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Feature Matrix -->
<div id="feature-matrix" class="section is-medium is-skewed-sm">
  <div class="container has-text-centered is-reverse-skewed-sm">
    <!-- Title -->
    <div class="section-title-wrapper has-text-centered">
      <div class="bg-number">7</div>
      <h2 class="section-title-landing">Also Look at These</h2>
      <h4>Access integrations and new features in a matter of seconds</h4>
    </div>

    <div class="content-wrapper feature-matrix">
      <div
        class="
          columns
          is-flex-mobile is-vcentered is-multiline
          has-text-centered
        "
      >
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced is-spaced primary">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Credit-Card2"></i>
            </div>
            <div class="box-title clean-text">Secured payments</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Calendar-4"></i>
            </div>
            <div class="box-title clean-text">Scheduled payments</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced primary">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Watch"></i>
            </div>
            <div class="box-title clean-text">Product catalog</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Cloud-Lock"></i>
            </div>
            <div class="box-title clean-text">Secured storage</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Speach-Bubble2"></i>
            </div>
            <div class="box-title clean-text">Collaboration</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced primary">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Conference"></i>
            </div>
            <div class="box-title clean-text">Client management</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced primary">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Testimonal"></i>
            </div>
            <div class="box-title clean-text">Invoice templates</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Synchronize-2"></i>
            </div>
            <div class="box-title clean-text">Recurring payments</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Statistic"></i>
            </div>
            <div class="box-title clean-text">Custom reports</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Email"></i>
            </div>
            <div class="box-title clean-text">Email processing</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Receipt-2"></i>
            </div>
            <div class="box-title clean-text">Automatic receipts</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
        <!-- Icon box -->
        <div class="column is-3 is-half-mobile">
          <div class="icon-box is-spaced primary">
            <div class="box-icon is-icon-reveal">
              <i class="im im-icon-Money-Bag"></i>
            </div>
            <div class="box-title clean-text">Tax management</div>
            <div class="box-text is-tablet-padded">
              Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo,
              mea ea.
            </div>
          </div>
        </div>
      </div>
      <div class="button-wrap is-title-reveal">
        <a
          href="landing-v1-signup.html"
          class="button button-cta btn-align primary-btn raised"
          >Start your Free trial</a
        >
      </div>
    </div>
  </div>
</div>

<!-- Compare devices table -->
<div id="compare" class="section is-medium">
  <div class="container has-text-centered">
    <h2 class="title dark-text main-title clean-text is-2">
      Compare between devices
    </h2>
    <h3 class="subtitle is-5">
      Check the device matrix below to learn about feature availability
    </h3>

    <div class="content-wrapper">
      <div class="columns is-vcentered has-text-centered">
        <div class="column is-6 is-offset-3">
          <table class="table device-table">
            <thead>
              <tr>
                <th></th>
                <th><i class="im im-icon-Smartphone-3"></i></th>
                <th><i class="im im-icon-Tablet-3"></i></th>
                <th><i class="im im-icon-Laptop"></i></th>
                <th><i class="im im-icon-Monitor-2"></i></th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="feature-name clean-text">Invoice editing</td>
                <td><i class="im im-icon-Close is-disabled"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
              </tr>
              <tr>
                <td class="feature-name clean-text">Payments schedule</td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
              </tr>
              <tr>
                <td class="feature-name clean-text">Collaboration</td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
              </tr>
              <tr>
                <td class="feature-name clean-text">Permissions</td>
                <td><i class="im im-icon-Close is-disabled"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
                <td><i class="im im-icon-Yes"></i></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Learning -->
<div id="learning" class="section section-feature-grey is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <!-- Title -->
    <div class="section-title-wrapper has-text-centered">
      <div class="bg-number">8</div>
      <h2 class="section-title-landing">Want to learn more?</h2>
      <h4>Check the available ressources at our Learning center</h4>
    </div>

    <div class="content-wrapper">
      <div class="columns is-vcentered">
        <div class="column is-4">
          <div class="card ressource-card">
            <div class="card-image">
              <div class="card-image-overlay"></div>
              <figure class="image is-4by3 zoomOut">
                <img
                  src="https://via.placeholder.com/1280x960"
                  alt=""
                  data-demo-src="assets/img/demo/kit/data-insight.jpeg"
                />
              </figure>
            </div>
            <div class="card-content">
              <div class="media">
                <div class="media-left">
                  <figure class="image avatar-rounded is-48x48">
                    <img
                      src="https://via.placeholder.com/250x250"
                      alt=""
                      data-demo-src="assets/img/avatars/henry.jpg"
                    />
                  </figure>
                </div>
                <div class="media-content">
                  <a href="#" class="color-primary"
                    >Invoicing as a freelancer</a
                  >
                  <p class="subtitle is-6">
                    with
                    <span class="clean-text primary-text">Henry Rogers</span>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="column is-4">
          <div class="card ressource-card">
            <div class="card-image">
              <div class="card-image-overlay"></div>
              <figure class="image is-4by3 zoomOut">
                <img
                  src="https://via.placeholder.com/1280x960"
                  alt=""
                  data-demo-src="assets/img/demo/kit/blog.jpeg"
                />
              </figure>
            </div>
            <div class="card-content">
              <div class="media">
                <div class="media-left">
                  <figure class="image avatar-rounded is-48x48">
                    <img
                      src="https://via.placeholder.com/250x250"
                      alt=""
                      data-demo-src="assets/img/avatars/carolin.png"
                    />
                  </figure>
                </div>
                <div class="media-content">
                  <a href="#" class="color-primary">Invoicing best practices</a>
                  <p class="subtitle is-6">
                    with
                    <span class="clean-text primary-text">Marjory Cambell</span>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="column is-4">
          <div class="card ressource-card">
            <div class="card-image">
              <div class="card-image-overlay"></div>
              <figure class="image is-4by3 zoomOut">
                <img
                  src="https://via.placeholder.com/1280x960"
                  alt=""
                  data-demo-src="assets/img/demo/kit/laptop-living.jpeg"
                />
              </figure>
            </div>
            <div class="card-content">
              <div class="media">
                <div class="media-left">
                  <figure class="image avatar-rounded is-48x48">
                    <img
                      src="https://via.placeholder.com/250x250"
                      alt=""
                      data-demo-src="assets/img/avatars/alex.jpg"
                    />
                  </figure>
                </div>
                <div class="media-content">
                  <a href="#" class="color-primary">Check our Blog for more</a>
                  <p class="subtitle is-6">
                    with
                    <span class="clean-text primary-text">Nathan Blake</span>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Testimonials -->
<div id="card-testimonials" class="section is-medium is-skewed-sm">
  <div class="container is-reverse-skewed-sm">
    <!-- Title -->
    <div class="section-title-wrapper has-text-centered">
      <div class="bg-number">9</div>
      <h2 class="section-title-landing">Our customers speak</h2>
      <h4>Take a look at what they say</h4>
    </div>

    <div class="content-wrapper">
      <div class="columns is-vcentered">
        <div class="column is-hidden-mobile"></div>
        <div class="column is-10">
          <div class="columns is-vcentered">
            <div class="column is-6">
              <div
                class="
                  flex-card
                  testimonial-card
                  light-bordered light-raised
                  padding-20
                "
              >
                <div class="testimonial-title">Amazed by the product</div>
                <div class="testimonial-text">
                  Lorem ipsum dolor sit amet, vim quidam blandit voluptaria no,
                  has eu lorem convenire incorrupte. Vis mutat altera percipit
                  ad.
                </div>
                <div class="user-id">
                  <img
                    class=""
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/dan.png"
                  />
                  <div class="info">
                    <div class="name">Dan Shwartz</div>
                    <div class="position">Software engineer</div>
                  </div>
                </div>
              </div>
              <div
                class="
                  flex-card
                  testimonial-card
                  light-bordered light-raised
                  padding-20
                "
              >
                <div class="testimonial-title">My tasks are now painless</div>
                <div class="testimonial-text">
                  Lorem ipsum dolor sit amet, vim quidam blandit voluptaria no,
                  has eu lorem convenire incorrupte. Vis mutat altera percipit
                  ad.
                </div>
                <div class="user-id">
                  <img
                    class=""
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/janet.jpg"
                  />
                  <div class="info">
                    <div class="name">Jane Guzmann</div>
                    <div class="position">CFO</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="column is-6">
              <div
                class="
                  flex-card
                  testimonial-card
                  light-bordered light-raised
                  padding-20
                "
              >
                <div class="testimonial-title">Very nice support</div>
                <div class="testimonial-text">
                  Lorem ipsum dolor sit amet, vim quidam blandit voluptaria no,
                  has eu lorem convenire incorrupte. Vis mutat altera percipit
                  ad.
                </div>
                <div class="user-id">
                  <img
                    class=""
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/helen.jpg"
                  />
                  <div class="info">
                    <div class="name">Helen Miller</div>
                    <div class="position">Accountant</div>
                  </div>
                </div>
              </div>
              <div
                class="
                  flex-card
                  testimonial-card
                  light-bordered light-raised
                  padding-20
                "
              >
                <div class="testimonial-title">My income has doubled</div>
                <div class="testimonial-text">
                  Lorem ipsum dolor sit amet, vim quidam blandit voluptaria no,
                  has eu lorem convenire incorrupte. Vis mutat altera percipit
                  ad.
                </div>
                <div class="user-id">
                  <img
                    class=""
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/anthony.jpg"
                  />
                  <div class="info">
                    <div class="name">Anthony Leblanc</div>
                    <div class="position">Founder at Hereby</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="column is-hidden-mobile"></div>
      </div>

      <div class="grid-clients three-grid mt-60">
        <div class="columns is-vcentered">
          <div class="column"></div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/systek.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"></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/infinite.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom//gutwork.svg"
                alt=""
            /></a>
          </div>
          <div class="column">
            <a
              ><img
                class="client"
                src="assets/img/logos/custom/proactive.svg"
                alt=""
            /></a>
          </div>
          <div class="column"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Ribbon -->
<div class="section is-theme-primary">
  <div class="container">
    <div class="content content-flex">
      <h2 class="light-text">Get an immediate -20% by signing up now</h2>
      <a
        class="
          button button-cta
          btn-align
          light-btn
          btn-outlined
          is-bold
          ml-auto
        "
        >Get started</a
      >
    </div>
  </div>
</div>

{{> footer-side-light}}