Integration #1
Integrate apps with just a few clicks
Connect your existing apps and workflows with pre-made integrations available for 400+ popular apps, plus custom integrations for more advanced users.
<!--Integrate apps start-->
<section class="my-xl-7 py-5">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="text-center mb-7 pb-2">
<h2 class="mb-3">Integrate apps with just a few clicks
</h2>
<p class="mb-0">
Connect your existing apps and workflows with
pre-made integrations available for 400+ popular
apps, plus custom integrations for more advanced
users.
</p>
</div>
</div>
</div>
<div class="row mb-7 pb-2 text-center justify-content-center g-0">
<div class="col-lg-12 col-12">
<div class="marquee" data-cue="slideInLeft">
<div class="track">
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-1.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Microsoft
Team</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-12.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Calendar</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-9.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Jira</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-4.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Slack</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Salesforce</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Tableau</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-12.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Calendar</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-4.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Slack</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Salesforce</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Tableau</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-12.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Calendar</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Tableau</span>
</a>
</div>
</div>
</div>
<div class="col-lg-12 col-12 px-lg-7">
<div class="marquee" data-cue="slideInRight">
<div class="track-2">
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-7.svg"
alt="logo" class="icon-xs" /></span>
<span class="ms-1 d-none d-lg-inline-flex">MS
Teams</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-10.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">HubSpot</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-6.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">OneDrive</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">GitHub</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Gmail</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-11.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Google</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">GitHub</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Gmail</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-10.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">HubSpot</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-6.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">OneDrive</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">GitHub</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Gmail</span>
</a>
</div>
</div>
</div>
<div class="col-lg-12 col-12">
<div class="marquee" data-cue="slideInLeft">
<div class="track">
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-8.svg"
alt="logo" class="icon-xs" /></span>
<span class="ms-1 d-none d-lg-inline-flex">MS
Excel</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-4.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Slack</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Tableau</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Dropbox</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-5.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Salesforce</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-9.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Jira</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-8.svg"
alt="logo" class="icon-xs" /></span>
<span class="ms-1 d-none d-lg-inline-flex">MS
Excel</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-4.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Slack</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Zoom</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Tableau</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Dropbox</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-5.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Salesforce</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-9.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Jira</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Dropbox</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-5.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Salesforce</span>
</a>
<a href="#"
class="btn btn-light rounded-pill me-1 mb-3 btn-logo btn-lift">
<span><img
src="../assets/images/integration-logo/integrate-logo-9.svg"
alt="logo" class="icon-xs" /></span>
<span
class="ms-1 d-none d-lg-inline-flex">Jira</span>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<a href="#" class="btn btn-dark me-4">Get Started</a>
<a href="#"
class="icon-link icon-link-hover mt-3 mt-md-0">
<span>See all integrations</span>
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor"
class="bi bi-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
</path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Integrate apps end-->Integration #2
Integration
An app for all of your business
integrates with over 100 great apps to streamline work for business owners, keep teams and clients connected, and better understand your business.
<!--App for business start-->
<section class="py-lg-9 py-6 bg-gray-200">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-12">
<div class="text-center mb-5 mb-lg-8">
<small
class="border rounded-pill border-dark text-dark text-uppercase px-3 py-2 fw-semibold">Integration</small>
<h2 class="mt-4">An app for all of your business</h2>
<p class="mb-0 px-xl-9">
integrates with
<span class="text-primary">over 100 great
apps</span>
to streamline work for business owners, keep teams
and clients connected, and better understand your
business.
</p>
</div>
</div>
</div>
<div class="marquee" style="height: 100px">
<div class="track" style="height: 100px">
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-1.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-12.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-9.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-4.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-5.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-15.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-2.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-3.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-10.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-6.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-11.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-8.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-11.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-11.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-8.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-13.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-11.svg"
alt="logo" class="icon-xs" />
</a>
<a href="#!"
class="btn btn-white btn-icon btn-lg shadow-sm mx-2 mb-4 btn-lift">
<img src="../assets/images/integration-logo/integrate-logo-14.svg"
alt="logo" class="icon-xs" />
</a>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="text-center mt-lg-4">
<a href="#!" class="btn btn-dark">Try it for free</a>
</div>
</div>
</div>
</div>
</section>
<!--App for business end-->