www.clarity-ventures.com
Open in
urlscan Pro
2606:4700:10::6814:4b2f
Public Scan
Submitted URL: https://paymentintegrationtechnologies.com/
Effective URL: https://www.clarity-ventures.com/
Submission: On June 21 via api from US — Scanned from DE
Effective URL: https://www.clarity-ventures.com/
Submission: On June 21 via api from US — Scanned from DE
Form analysis
6 forms found in the DOMPOST /
<form method="post" action="/" id="Form" enctype="multipart/form-data" data-hs-cf-bound="true">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="0ZoPC6sboYPNSPA1GugnpCUNTIdkks0Jp5+ir/yEQdGtiY+x5Cc6d2Syswn8H5Tq2o/aq+1+xaXmiKBctWfZtDWF/SXSToUJdIkzDA==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form'];
if (!theForm) {
theForm = document.Form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV3A9Lr6SnO6sltQ0Meffst3lwoaJFDIFRGki3KSlLu8Q_iNiTw1&t=638459644569584809" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=uHIkleVeDJe6uIpI0fXqJ-x8Or2ap_0ns67KdJvoSg8ILgWW7NBvN8Vme5zszNC1K7TRfC4rQ8UeWhopiZC8cqH7pNhmlc4FJV7O-vB6uEW5_lM4htETMFXjdz0doDJKg0qdAw2&t=74258c30" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=Jw6tUGWnA14o6MgXMgMwiBcsr4DUz1sQwk35UkuPOFxWfmxG826eycN65dgMQ3YaDv4UOQlEKi3ZMXzwnLJEljiqG2970PG7V7sPnsszxcsveFZvQCez0LdarpcD1UpPEtosFai6olhbQvNW0&t=74258c30" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Cs4MSm4p2GYtyUpZ5iN9bOysrS0iEGzTKyfUrmf+bUF49GP67m1ueX5wnJhFo49ut7n0QeEssRYkrNG2M/LX34LSjQdea9SAn8LUM/lBpSV5KDoi">
</div>
<script src="/js/dnn.modalpopup.js?cdv=152" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=152" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
//]]>
</script>
<div id="temp">
<template>
</template>
</div>
<link href="/portals/_default/skins/Clarity2020/css/prod/allcss.min.css" rel="stylesheet" async="" defer="">
<style>
.overflow-hidden {
overflow: hidden;
}
#body {
overflow-x: hidden !important;
}
@media (max-width: 1023px) {
html,
body {
overflow-x: hidden;
}
}
@media (max-width: 1023px) {
.recent-articles-slider {
overflow-x: hidden;
}
}
@media (min-width: 1023px) {
.position-7 {
display: none;
}
}
@media (max-width: 1023px) {
html,
body {
overflow-x: hidden;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.margin-top-section {
margin-top: 13rem !important;
}
}
</style><noscript>
<div>Javascript must be enabled for the correct page display</div>
</noscript>
<div class="sticky-wrap-mm-header sticky-wrap-mm-header-white">
<header id="header" class="mm-header mm-header-white">
<div class="container-fluid d-flex align-items-center">
<div class="logo">
<a href="/">
<img src="/images/logo-white.svg" alt="Clarity" width="136" height="16" class="logo-white">
<img src="/images/logo.svg" alt="Clarity" width="136" height="16">
</a>
</div>
<style>
nav .solution-list h3 {
font-size: 16px;
}
nav .solution-list p {
font-size: 14px;
color: rgb(100, 100, 100);
}
nav .solution-h3 {
position: relative;
z-index: 1;
background-color: #f6f8fe;
}
nav .hoverable-icon {
display: inline-block;
font-size: 9px;
transform: translate(-20px, -2px);
transition: 0.2s;
}
nav .solution-list a:hover {
text-decoration: none;
}
nav .solution-list a:hover .hoverable-icon {
transform: translate(5px, -2px);
}
nav .has-drop-down .nav-drop {
opacity: 0;
transform: translateY(-5px);
transition: 0.2s;
}
nav .has-drop-down:hover .nav-drop {
opacity: 1;
transform: translateY(0);
}
nav .contact-dropdown {
display: flex;
position: absolute;
z-index: 2;
color: #eee;
top: 10px;
width: 100%;
}
nav .contact-dropdown a {
color: #44b4e4;
margin-left: 5rem;
}
.dashed-list>li>a:focus-visible {
text-decoration: underline;
color: #1f6ee2
}
.service-item li a:hover,
.service-item li a:focus-visible {
text-decoration: underline;
}
</style>
<nav class="mm-nav">
<button type="button" class="mm-toggler d-lg-none" style="cursor: pointer;">
<span class="icon-burger"></span>
<span class="sr-only">Menu</span>
</button>
<div class="mm-drops-wrapper">
<div class="mm-drop mm-drop-main">
<div class="mm-drop-inner">
<div class="mm-drop-nav d-lg-none">
<span class="drop-nav-title">Site Menu</span>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-body">
<div class="drop-intro d-lg-none">
<div class="img-holder">
<img src="/images/drop-img-1.png" alt="image-description">
</div>
<div class="text-holder">
<h3>Extensible, Customizable Integration Solutions</h3>
<a href="/request-a-demo" class="btn btn-outline-dark">Build Your Integration</a>
</div>
</div>
<ul class="mm-list dashed-list mm-tabset">
<li class="has-drop-down">
<a href="javascript:void(0)" class="has-drop-down-a">Solutions</a>
<a href="#tab-1" class="tab-opener icon-arrow-right d-lg-none"></a>
<div class="mm-list-drop" style="background-color: rgb(246, 248, 254); height: 271px;">
<div class="mm-drop-inner">
<div class="mm-drop-body">
<ul class="solution-list list-unstyled row">
<li class="col-6 mb-10">
<a href="/ecommerce" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/CEF.svg" alt="eCommerce">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">eCommerce</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Customize and scale</p>
</div>
</div>
</a>
</li>
<li class="col-6 mb-10">
<a href="/ecommerce-integrations" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/Connect.svg" alt="Connect">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Connect</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Integrate with virtually anything</p>
</div>
</div>
</a>
</li>
<li class="col-6 mb-10">
<a href="/hipaa-ecommerce" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/HIPAA.svg" alt="HIPAA">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">HIPAA</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Built for HIPAA compliance</p>
</div>
</div>
</a>
</li>
<li class="col-6 mb-10">
<a href="/marketplace-ecommerce" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/Marketplace.svg" alt="Marketplace">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Marketplace</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Multistore and multivendor ready</p>
</div>
</div>
</a>
</li>
<li class="col-6 mb-10">
<a href="/auction-ecommerce" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/Auction.svg" alt="Auction">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Auction</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Ideal for any bidding type</p>
</div>
</div>
</a>
</li>
<li class="col-6 mb-10">
<a href="/payment-hub" class="row">
<div class="col-4 px-0">
<img src="/images/nav-solutions-icons/PaymentHub.svg" alt="Pay hub">
</div>
<div class="col-8 px-0">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Payment Hub</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0 nav-drop">Use any merchant services</p>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="has-drop-down">
<a href="javascript:void(0)" class="has-drop-down-a">Services</a>
<a href="#tab-2" class="tab-opener icon-arrow-right d-lg-none"></a>
<div class="mm-list-drop" style="background-color: rgb(246, 248, 254); height: 309px;">
<div class="mm-drop-inner">
<div class="mm-drop-body">
<ul class="service-list list-unstyled row">
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-1.svg" alt="eCommerce Icon">
</div>
<div class="text-holder">
<h3>
<a href="/services">eCommerce</a>
</h3>
<ul class="solution-list list-unstyled link-list">
<li>
<a href="/services/business-integration">Business
Integrations</a>
</li>
<li>
<a href="/services/custom-development">Custom
Development</a>
</li>
<li>
<a href="/services/seo">SEO</a>
</li>
<li>
<a href="/services/web-design">Web Design</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-2.svg" alt="Integration Icon">
</div>
<div class="text-holder">
<h3>
<a href="/integrations">Integration</a>
</h3>
<ul class="solution-list list-unstyled link-list">
<li>
<a href="/ecommerce-integrations/crm">CRM</a>
</li>
<li>
<a href="/ecommerce-integrations/emr-ehr">EHR / EMR</a>
</li>
<li>
<a href="/ecommerce-integrations/erp">ERP</a>
</li>
<li>
<a href="/manufacturing-ecommerce">Manufacturing</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-3.svg" alt="Development Icon">
</div>
<div class="text-holder">
<h3>
<a href="javascript:void(0)">Development</a>
</h3>
<ul class="solution-list list-unstyled link-list">
<li>
<a href="/marketplace-ecommerce">Marketplace</a>
</li>
<li>
<a href="/ecommerce/international-marketplace">International</a>
</li>
<li>
<a href="/services/custom-development/information-architecture">Architecture</a>
</li>
<li>
<a href="/services/custom-development/web-applications">Web
Applications</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-4.svg" alt="Portal Icon">
</div>
<div class="text-holder">
<h3>
<a href="/solutions/sales-portal">Portals</a>
</h3>
<ul class="solution-list list-unstyled link-list">
<li>
<a href="/services/hipaa-compliant-websites">HIPAA
/ Medical</a>
</li>
<li>
<a href="/solutions/sales-portal">Sales</a>
</li>
<li>
<a href="/ecommerce-integrations/manufacturing-distribution">Distribution</a>
</li>
<li>
<a href="/demo-site/company-sales-employee-portals">Company</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="has-drop-down">
<a href="javascript:void(0)" class="has-drop-down-a">Resources</a>
<a href="#tab-3" class="tab-opener icon-arrow-right d-lg-none"></a>
<div class="mm-list-drop" style="background-color: rgb(246, 248, 254); height: 386px;">
<div class="mm-drop-inner">
<div class="mm-drop-body">
<div class="row">
<div class="col-lg-7 d-lg-flex">
<ul class="solution-list list-unstyled row">
<li class="col-12">
<a href="/resource-center" class="row">
<div class="col-2">
<div class="h-100 d-flex align-items-center justify-content-center">
<img src="/images/icons/mixed-globe-search1.svg" alt="Search through the resource center">
</div>
</div>
<div class="col-10">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Resource Center</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Search and filter through all our content and find what you're looking for in no time.</p>
</div>
</div>
</a>
</li>
<li class="col-12">
<a href="/blog" class="row">
<div class="col-2">
<div class="h-100 d-flex align-items-center justify-content-center">
<img src="/images/icons/mixed-cloud-writing.svg" alt="Blog Post">
</div>
</div>
<div class="col-10">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Blog</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Get an in-depth overview of popular online solutions that our clients have benefited from.</p>
</div>
</div>
</a>
</li>
<li class="col-12">
<a href="/articles" class="row">
<div class="col-2">
<div class="h-100 d-flex align-items-center justify-content-center">
<img src="/images/icons/study-monitor-book.svg" alt="Articles">
</div>
</div>
<div class="col-10">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Articles</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Browse through our collection of articles that offer professional insight & opinions.</p>
</div>
</div>
</a>
</li>
<li class="col-12">
<a href="/newsroom" class="row">
<div class="col-2">
<div class="h-100 d-flex align-items-center justify-content-center">
<img src="/images/icons/study-news.svg" alt="Newspaper">
</div>
</div>
<div class="col-10">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Newsroom</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Stay current on all things Clarity with posts about our solutions and general Clarity news.</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-5 d-flex flex-column">
<div class="feature-item">
<div class="img-holder" style="background-image: url(/images/feature-img-1.jpg);">
</div>
<div class="text-holder">
<span class="subheading">Featured Article</span>
<h3 class="item-title">
<a href="/articles/what-is-consumer-to-consumer-ecommerce">What
is Consumer-to-Consumer eCommerce?</a>
</h3>
<a href="/articles/what-is-consumer-to-consumer-ecommerce" class="btn btn-sm btn-block btn-success">Download for
later</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="has-drop-down">
<a href="javascript:void(0)" class="has-drop-down-a">Our Work</a>
<a href="#tab-4" class="tab-opener icon-arrow-right d-lg-none"></a>
<div class="mm-list-drop" style="background-color: rgb(246, 248, 254); height: 435px;">
<div class="mm-drop-inner">
<div class="mm-drop-body">
<ul class="solution-list list-unstyled row">
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/goafrica-global-multilingual-multicurrency-marketplace">
<div class="img-holder">
<img src="/images/solution-img-3.jpg" alt="GoAfrica Marketplace">
</div>
<div class="text-holder">
<h3>GoAfrica</h3>
<p>
A B2B marketplace that enables buyers and suppliers
worldwide to trade with buyers and suppliers within
Africa.
</p>
</div>
</a>
</div>
</li>
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/merck-ecommerce-ordering-portal">
<div class="img-holder">
<img src="/images/solution-img-4.jpg" alt="Merck Animal Health">
</div>
<div class="text-holder">
<h3>Merck</h3>
<p>
Merck Animal Health, is a research-driven company that
develops, manufactures and markets a broad range of
veterinary medicines.
</p>
</div>
</a>
</div>
</li>
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/san-diego-international-airport">
<div class="img-holder">
<img src="/images/solution-img-5.jpg" alt="San Diego Airport">
</div>
<div class="text-holder">
<h3>San Diego Airport</h3>
<p>
Serving nearly 20 Million international travellers, San
Diego Airport's website is busy!
</p>
</div>
</a>
</div>
</li>
</ul>
<div class="btn-holder d-none d-lg-block pt-15 pt-lg-0">
<a href="/portfolio" class="btn btn-block btn-lg btn-info">See more projects<span class="icon-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="has-drop-down">
<a href="javascript:void(0)" class="has-drop-down-a">Company</a>
<a href="#tab-5" class="tab-opener icon-arrow-right d-lg-none"></a>
<div class="mm-list-drop" style="background-color: rgb(246, 248, 254); height: 341px;">
<div class="mm-drop-inner">
<div class="mm-drop-body">
<div class="row">
<div class="col-lg-5">
<ul class="dashed-list">
<li>
<a href="/about">About Us</a>
</li>
<li>
<a href="/about/our-team">Our Team</a>
</li>
<li>
<a href="/careers">Careers</a>
</li>
<li>
<a href="/partners">Partners</a>
</li>
<li>
<a href="/contact">Contact Us</a>
</li>
</ul>
</div>
<div class="col-lg-7 pt-10 pt-lg-0">
<div class="contact-block">
<div class="map-holder">
<img src="/portals/0/images/Clarityskyline.png" loading="lazy" alt="clarity ventures map" style="max-width: 380px;">
</div>
<div class="contact-dropdown">
<address class="col-lg-6"> 16238 Ranch Road 620 N <br> Suite E-395 <br> Austin, TX 78717 <br>
</address>
<a href="tel:+18009288160">+1(800)928-8160</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mm-tab-items d-lg-none" style="z-index: 2147483648;">
<div class="tab-item mm-drop" id="tab-1">
<div class="mm-drop-inner">
<div class="mm-drop-nav">
<a href="javascript:void(0)" class="tab-close drop-nav-title">
<span class="icon-arrow-left"></span>Back</a>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-head">
<h2 class="border-bottom h4 mb-30 pb-5 text-light-gray w-100">Solutions</h2>
</div>
<div class="mm-drop-body">
<ul class="solution-list list-unstyled row">
<li class="col-12 mb-50">
<a href="/ecommerce" class="row">
<div class="col-4">
<img src="/images/clarity-ecommerce-nav-icon.svg" alt="eCommerce">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">eCommerce</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Customize and scale</p>
</div>
</div>
</a>
</li>
<li class="col-12 mb-50">
<a href="/ecommerce-integrations" class="row">
<div class="col-4">
<img src="/images/clarity-connect-nav-icon.svg" alt="Connect">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Connect</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Integrate with virtually anything</p>
</div>
</div>
</a>
</li>
<li class="col-12 mb-50">
<a href="/payment-hub" class="row">
<div class="col-4">
<img src="/images/clarity-payment-hub-nav-icon.png" alt="Pay hub">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Payment Hub</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Use any merchant services</p>
</div>
</div>
</a>
</li>
<li class="col-12 mb-50">
<a href="/hipaa-ecommerce" class="row">
<div class="col-4">
<img src="/images/clarity-hipaa-icon.png" alt="HIPAA">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">HIPAA</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Built for HIPAA compliance</p>
</div>
</div>
</a>
</li>
<li class="col-12 mb-50">
<a href="/auction-ecommerce" class="row">
<div class="col-4">
<img src="/images/clarity-integration-nav-icon.svg" alt="Auction">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Auction</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Ideal for any bidding type</p>
</div>
</div>
</a>
</li>
<li class="col-12 mb-50">
<a href="/marketplace-ecommerce" class="row">
<div class="col-4">
<img src="/images/clarity-integration-nav-icon.svg" alt="Marketplace">
</div>
<div class="col-8">
<div class="d-flex flex-column justify-content-center h-100">
<h3 class="mb-5"><span class="solution-h3">Marketplace</span><span class="hoverable-icon icon-arrow-right"></span></h3>
<p class="mb-0">Multistore and multivendor capability</p>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-item mm-drop" id="tab-2">
<div class="mm-drop-inner">
<div class="mm-drop-nav">
<a href="javascript:void(0)" class="tab-close drop-nav-title">
<span class="icon-arrow-left"></span>Back</a>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-head">
<h2 class="drop-title">Services</h2>
</div>
<div class="mm-drop-body">
<ul class="service-list list-unstyled row">
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-1.svg" alt="eCommerce Icon">
</div>
<div class="text-holder">
<h3>
<a href="/services">eCommerce</a>
</h3>
<ul class="list-unstyled link-list">
<li>
<a href="/services/business-integration">Business Integrations</a>
</li>
<li>
<a href="/services/custom-development">Custom Development</a>
</li>
<li>
<a href="/services/seo">SEO</a>
</li>
<li>
<a href="/services/web-design">Web Design</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-2.svg" alt="Integration Icon">
</div>
<div class="text-holder">
<h3>
<a href="/integrations">Integration</a>
</h3>
<ul class="list-unstyled link-list">
<li>
<a href="/ecommerce-integrations/crm">CRM</a>
</li>
<li>
<a href="/ecommerce-integrations/emr-ehr">EHR / EMR</a>
</li>
<li>
<a href="/ecommerce-integrations/erp">ERP</a>
</li>
<li>
<a href="/manufacturing-ecommerce">Manufacturing</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-3.svg" alt="Development Icon">
</div>
<div class="text-holder">
<h3>
<a href="javascript:void(0)">Development</a>
</h3>
<ul class="list-unstyled link-list">
<li>
<a href="/marketplace-ecommerce">Marketplace</a>
</li>
<li>
<a href="/ecommerce/international-marketplace">International</a>
</li>
<li>
<a href="/services/custom-development/information-architecture">Architecture</a>
</li>
<li>
<a href="/services/custom-development/web-applications">Web
Applications</a>
</li>
</ul>
</div>
</div>
</li>
<li class="col-lg-3">
<div class="service-item">
<div class="img-holder">
<img src="/images/service-img-4.svg" alt="Portals Icon">
</div>
<div class="text-holder">
<h3>
<a href="/solutions/sales-portal">Portals</a>
</h3>
<ul class="list-unstyled link-list">
<li>
<a href="/services/hipaa-compliant-websites">HIPAA /
Medical</a>
</li>
<li>
<a href="/solutions/sales-portal">Sales</a>
</li>
<li>
<a href="/ecommerce-integrations/manufacturing-distribution">Distribution</a>
</li>
<li>
<a href="/demo-site/company-sales-employee-portals">Company</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-item mm-drop" id="tab-3">
<div class="mm-drop-inner">
<div class="mm-drop-nav">
<a href="javascript:void(0)" class="tab-close drop-nav-title">
<span class="icon-arrow-left"></span>Back</a>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-head">
<h2 class="drop-title">Resource Center</h2>
<a href="/resource-center">All Resources</a>
</div>
<div class="mm-drop-body">
<div class="row">
<div class="col-lg-7 d-lg-flex">
<ul class="resource-list list-unstyled d-flex flex-column">
<li>
<a href="/resource-center">
<div class="resource-item">
<div class="img-holder">
<img src="/images/icons/mixed-globe-search1.svg" alt="Search through the resource center">
</div>
<div class="title-holder">
<h3>Resource Center</h3>
</div>
<div class="text-holder dot-box" style="overflow-wrap: break-word;"><p>Search and filter through all our content and find what you're looking for in no time.</p></div>
</div>
</a>
</li>
<li>
<a href="/blog">
<div class="resource-item">
<div class="img-holder">
<img src="/images/icons/mixed-cloud-writing.svg" alt="Blog Post">
</div>
<div class="title-holder">
<h3>Blogs</h3>
</div>
<div class="text-holder dot-box" style="overflow-wrap: break-word;"><p>Get an in-depth overview of popular online solutions that our clients have benefited from.</p></div>
</div>
</a>
</li>
<li>
<a href="/articles">
<div class="resource-item">
<div class="img-holder">
<img src="/images/icons/study-monitor-book.svg" alt="Articles">
</div>
<div class="title-holder">
<h3>Articles</h3>
</div>
<div class="text-holder dot-box" style="overflow-wrap: break-word;"><p>Browse through our collection of articles that offer professional insight & opinions.</p></div>
</div>
</a>
</li>
<li>
<a href="/newsroom">
<div class="resource-item">
<div class="img-holder">
<img src="/images/icons/study-news.svg" alt="Newspaper">
</div>
<div class="title-holder">
<h3>Newsroom</h3>
</div>
<div class="text-holder dot-box" style="overflow-wrap: break-word;"><p>Stay current on all things Clarity with posts about our solutions and general Clarity news.</p></div>
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-5 d-flex flex-column">
<div class="feature-item">
<div class="img-holder" style="background-image: url(/images/feature-img-1.jpg);">
</div>
<div class="text-holder">
<span class="subheading">Featured Article</span>
<h3 class="item-title">
<a href="/articles/what-is-consumer-to-consumer-ecommerce">What is
Consumer-to-Consumer eCommerce?</a>
</h3>
<a href="/articles/what-is-consumer-to-consumer-ecommerce" class="btn btn-sm btn-block btn-success">Download for later</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-item mm-drop" id="tab-4">
<div class="mm-drop-inner">
<div class="mm-drop-nav">
<a href="javascript:void(0)" class="tab-close drop-nav-title">
<span class="icon-arrow-left"></span>Back</a>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-head">
<h2 class="drop-title">Our Work</h2>
<a href="/portfolio">All Projects</a>
</div>
<div class="mm-drop-body">
<ul class="solution-list list-unstyled row">
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/goafrica-global-multilingual-multicurrency-marketplace">
<div class="img-holder">
<img src="/images/solution-img-3.jpg" alt="Go Africa">
</div>
<div class="text-holder">
<h3>GoAfrica</h3>
<p>
A B2B marketplace that enables buyers and suppliers worldwide to trade
with buyers and suppliers within Africa.
</p>
</div>
</a>
</div>
</li>
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/merck-ecommerce-ordering-portal">
<div class="img-holder">
<img src="/images/solution-img-4.jpg" alt="Merck Animal Health">
</div>
<div class="text-holder">
<h3>Merck</h3>
<p>
Merck Animal Health, is a research-driven company that develops, manufactures and markets a broad range of veterinary medicines.
</p>
</div>
</a>
</div>
</li>
<li class="col-lg-4">
<div class="solution-card">
<a href="/portfolio/san-diego-international-airport">
<div class="img-holder">
<img src="/images/solution-img-5.jpg" alt="San Diego Airport">
</div>
<div class="text-holder">
<h3>San Diego Airport</h3>
<p>Serving nearly 20 Million international travellers, San Diego Airport's website is busy!</p>
</div>
</a>
</div>
</li>
</ul>
<div class="btn-holder d-none d-lg-block pt-15 pt-lg-0">
<a href="/portfolio" class="btn btn-block btn-lg btn-info">See more projects<span class="icon-arrow-right"></span>
</a>
</div>
</div>
</div>
</div>
<div class="tab-item mm-drop" id="tab-5">
<div class="mm-drop-inner">
<div class="mm-drop-nav">
<a href="javascript:void(0)" class="tab-close drop-nav-title">
<span class="icon-arrow-left"></span>Back</a>
<a href="javascript:void(0)" class="drop-close icon-close mm-toggler"></a>
</div>
<div class="mm-drop-head">
<h2 class="drop-title">Company</h2>
</div>
<div class="mm-drop-body">
<div class="row">
<div class="col-lg-5">
<ul class="dashed-list">
<li>
<a href="/about">About Us</a>
</li>
<li>
<a href="/about/our-team">Our Team</a>
</li>
<li>
<a href="/careers">Careers</a>
</li>
<li>
<a href="/partners">Partners</a>
</li>
<li>
<a href="/contact">Contact Us</a>
</li>
</ul>
</div>
<div class="col-lg-7 pt-10 pt-lg-0">
<div class="contact-block">
<div class="map-holder">
<img src="/images/clarity-ventures-map-min.png" loading="lazy" alt="clarity ventures map" style="max-width: 380px;">
</div>
<div class="contact-info row align-items-lg-end">
<address class="col-lg-6"> 16238 Ranch Road 620 N <br> Suite E-395 <br> Austin, TX 78717 <br>
<a href="tel:+18009288160">+1(800)928-8160</a>
</address>
<div class="btn-holder col-lg-6 text-lg-right">
<a href="/request-a-demo" class="btn btn-sm btn-success">Get a free
quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('.mm-list.dashed-list.mm-tabset').addEventListener('mouseenter', function(event) {
const target = event.target;
if (target.classList.contains('pricing-navlink')) {
event.stopPropagation();
}
});
});
</script>
<div class="btn-top-holder d-none d-lg-block text-lg-right">
<a href="/request-a-demo" class="btn btn-sm btn-success text-white">Get a Quote</a>
</div>
</div>
</header>
</div>
<main id="main">
<div class="section intro-slider-section mb-lg-n180 mb-xl-n260" style="z-index: 1;">
<div class="section-decor position-1">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="intro-slider slick-initialized slick-slider slick-dotted">
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 6400px;">
<div class="single-slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" role="tabpanel" id="slick-slide00" style="width: 1600px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
<div class="intro-slide text-white">
<span class="intro-slide-overlay" style="background-image: url(/portals/_default/skins/Clarity2020/images/intro-slider-bg.png);"></span>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="intro-slide-content">
<h2 class="display-1">Connect Your Apps, ERPs, CRMs, EHRs, EDI, Databases <span>& More...</span></h2>
<h3>How you need it. When you need it.</h3>
<a href="/ecommerce-integrations" class="btn btn-white w-100 w-md-auto" tabindex="0">Integrate Your Business</a>
</div>
</div>
<div class="col-lg-4 d-none d-lg-block">
<div class="intro-slide-box">
<div class="slide-box-overlay">
<div class="slide-box-overlay-inner"></div>
</div>
<ul class="box-list list-unstyled">
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/infor-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/infor-red.png" alt="Infor">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sap-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-3.png" alt="SAP">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/dynamics-ax-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/microsoft-dynamics.png" alt="microsoft dynamics">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/syspro-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/syspro.png" alt="syspro">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sage-100-300-500-x3-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/sage.png" alt="Sage">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/epicor-integration" tabindex="0">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/epicor.png" alt="Epicor">
</div>
</a>
</div>
</li>
</ul>
<div class="intro-box-link text-right pr-18">
<a href="/integrations" class="link-dots icon-dots" tabindex="0"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide01" style="width: 1600px; position: relative; left: -1600px; top: 0px; z-index: 998; opacity: 0;">
<div class="intro-slide text-white">
<span class="intro-slide-overlay" style="background-image: url(/portals/_default/skins/Clarity2020/images/intro-slider-bg.png);"></span>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="intro-slide-content">
<h2 class="display-1">Scale your B2B Business with a Powerhouse Online eCommerce Platform...</h2>
<h3>How you need it. When you need it.</h3>
<a href="/ecommerce" class="btn btn-white w-100 w-md-auto" tabindex="-1">Discover your Solution</a>
</div>
</div>
<div class="col-lg-4 d-none d-lg-block">
<div class="intro-slide-box">
<div class="slide-box-overlay">
<div class="slide-box-overlay-inner"></div>
</div>
<ul class="box-list list-unstyled">
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/netsuite-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-4.png" alt="NetSuite">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sap-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-3.png" alt="SAP">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/dynamics-ax-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/microsoft-dynamics.png" alt="microsoft dynamics">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/syspro-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/syspro.png" alt="syspro">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sage-100-300-500-x3-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/sage.png" alt="Sage">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/epicor-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/epicor.png" alt="Epicor">
</div>
</a>
</div>
</li>
</ul>
<div class="intro-box-link text-right pr-18">
<a href="/integrations" class="link-dots icon-dots" tabindex="-1"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" style="width: 1600px; position: relative; left: -3200px; top: 0px; z-index: 998; opacity: 0;">
<div class="intro-slide text-white">
<span class="intro-slide-overlay" style="background-image: url(/portals/_default/skins/Clarity2020/images/intro-slider-bg.png);"></span>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="intro-slide-content">
<h2 class="display-1">Discover the Integrations That Best Suit Your Business Needs...</h2>
<h3>How you need it. When you need it.</h3>
<a href="/integrations" class="btn btn-white w-100 w-md-auto" tabindex="-1">Discover Your Integration</a>
</div>
</div>
<div class="col-lg-4 d-none d-lg-block">
<div class="intro-slide-box">
<div class="slide-box-overlay">
<div class="slide-box-overlay-inner"></div>
</div>
<ul class="box-list list-unstyled">
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/netsuite-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-4.png" alt="NetSuite">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sap-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-3.png" alt="SAP">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/dynamics-ax-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/microsoft-dynamics.png" alt="microsoft dynamics">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/syspro-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/syspro.png" alt="syspro">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sage-100-300-500-x3-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/sage.png" alt="Sage">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/epicor-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/epicor.png" alt="Epicor">
</div>
</a>
</div>
</li>
</ul>
<div class="intro-box-link text-right pr-18">
<a href="/integrations" class="link-dots icon-dots" tabindex="-1"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide03" style="width: 1600px; position: relative; left: -4800px; top: 0px; z-index: 998; opacity: 0;">
<div class="intro-slide text-white">
<span class="intro-slide-overlay" style="background-image: url(/portals/_default/skins/Clarity2020/images/intro-slider-bg.png);"></span>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="intro-slide-content">
<h2 class="display-1">Improving Patient Care, Doctor-Patient Portals, & Meeting HIPAA Standards</h2>
<h3>How you need it. When you need it.</h3>
<a href="/hipaa-guidelines/hipaa-compliant-websites" class="btn btn-white w-100 w-md-auto" tabindex="-1">Learn About HIPAA</a>
</div>
</div>
<div class="col-lg-4 d-none d-lg-block">
<div class="intro-slide-box">
<div class="slide-box-overlay">
<div class="slide-box-overlay-inner"></div>
</div>
<ul class="box-list list-unstyled">
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/netsuite-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-4.png" alt="NetSuite">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sap-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/img-list-3.png" alt="SAP">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/dynamics-ax-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/microsoft-dynamics.png" alt="microsoft dynamics">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/syspro-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/syspro.png" alt="syspro">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/sage-100-300-500-x3-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/sage.png" alt="Sage">
</div>
</a>
</div>
</li>
<li>
<div class="logo-item">
<a href="/ecommerce-integrations/erp/epicor-integration" tabindex="-1">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/epicor.png" alt="Epicor">
</div>
</a>
</div>
</li>
</ul>
<div class="intro-box-link text-right pr-18">
<a href="/integrations" class="link-dots icon-dots" tabindex="-1"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="slick-dots list-unstyled intro-dots white-dots" style="" role="tablist">
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 4" tabindex="0" aria-selected="true">1</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 4" tabindex="-1">2</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 4" tabindex="-1">3</button></li>
<li role="presentation"><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 4" tabindex="-1">4</button></li>
</ul>
</div>
</div>
<section class="section py-24 pt-lg-0 pb-lg-40 overflow-hidden margin-top-section">
<div class="container">
<div class="visual-block">
<div class="row align-items-end">
<div class="col-lg-6">
<div class="text-holder pr-lg-20">
<h2 class="display-2">Creating B2B eCommerce & Marketplaces that Change the Industry</h2>
<div class="content-wrap pr-lg-70">
<h3>Multi-store, multi-lingual, multi-currency, millions of SKUs</h3>
<p>A multi-faceted eCommerce solution is rapidly becoming an invaluable tool for B2B sales. Manufacturers, distributors, and consumers prefer to deal with trusted platforms to buy their products from localized online storefronts.
</p>
<div class="btn-holder">
<a href="/request-a-demo" class="btn btn-primary text-white w-100 w-md-auto">I Want My Own eCommerce</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="visual-img text-right">
<div class="img-holder img-holder-1 ml-xl-70 ml-xxl-0">
<div class="decor-holder">
<div class="img-decor bg-dark"></div>
</div>
<img src="/portals/_default/skins/Clarity2020/images/visual-img-1.png" alt="phones">
</div>
<blockquote class="visual-blockquote shadow text-left mt-n70">
<div class="blockquote-img">
<img src="/portals/_default/skins/Clarity2020/images/ava.png" alt="ava">
</div>
<div class="blockquote-body">
<h3>The Schutz Company</h3>
<p>The thing I like most about Clarity is that they have a genuine customer focus. They really adapted themselves to our communication preferences. I am actually writing a case study about Clarity as an example of how to treat
customers. I cannot recommend them highly enough.</p>
<cite class="text-muted small">Ralph Sharp, COO</cite>
</div>
<div class="rating-block shadow rounded-lg">
<span class="rating-value display-3">4.8</span>
<ul data-rating="48" class="rating-list list-unstyled">
<li>
<span class="icon-star"></span>
</li>
<li>
<span class="icon-star"></span>
</li>
<li>
<span class="icon-star"></span>
</li>
<li>
<span class="icon-star"></span>
</li>
<li>
<span class="icon-star"></span>
</li>
</ul>
</div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40 mb-lg-40 mb-xl-60">
<div class="section-decor position-2">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="section-decor position-3">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="visual-block">
<div class="row align-items-end">
<div class="col-lg-6 order-lg-last shadow" style="z-index: 20; border-radius: 1.6rem; background-color: rgba(255, 255, 255, 0.9); padding: 1em;">
<div class="text-holder" style="margin-bottom: 0;">
<h2 class="display-2">Connect to Make Your Application Something More</h2>
<div class="content-wrap">
<h3>Grow your business with Clarity Connect™</h3>
<p>Clarity Connect™ has powered thousands of client integrations for CRM, ERP, ERM, Web Services, and more. See what we can do for you in less than seven minutes.</p>
<div class="btn-holder" style="text-align: right;">
<a href="/integrations" class="btn btn-primary w-100 w-md-auto">Discover Integrations</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="visual-img">
<div class="visual-circles">
<div class="visual-circle skrollable skrollable-before" id="circle1" data-top-bottom="transform: translate(-50%, -50%) rotate(360deg);" data-800-top="transform: translate(-50%, -50%) rotate(180deg);"
style="transform: translate(-50%, -50%) rotate(180deg);">
<div class="circle-item" style="left: 832px; top: 392px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/infor-red.png" alt="infor" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle1"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item" style="left: 172px; top: 773px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/syspro.png" alt="Syspro" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle1"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item" style="left: 172px; top: 11px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/oracle.png" alt="Oracle" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle1"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
</div>
<div class="visual-circle skrollable skrollable-before" id="circle2" data-top-bottom="transform: translate(-50%, -50%) rotate(0deg);" data-800-top="transform: translate(-50%, -50%) rotate(180deg);"
style="transform: translate(-50%, -50%) rotate(180deg);">
<div class="circle-item" style="left: 10px; top: 116px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/epicor-2.png" alt="epicor" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle2"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item" style="left: 614px; top: 508px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/quickbooks.png" alt="quickbooks" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle2"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
</div>
<div class="visual-circle skrollable skrollable-before" id="circle3" data-top-bottom="transform: translate(-50%, -50%) rotate(0deg);" data-800-top="transform: translate(-50%, -50%) rotate(-180deg);"
style="transform: translate(-50%, -50%) rotate(-180deg);">
<div class="circle-item" style="left: 346px; top: 488px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/sage.png" alt="sage" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle3" class="skrollable skrollable-before"
style="transform: rotate(180deg);">
</div>
<div class="circle-item" style="left: -24px; top: 346px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/sap.png" alt="sap" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle3" class="skrollable skrollable-before"
style="transform: rotate(180deg);">
</div>
<div class="circle-item" style="left: 118px; top: -24px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/n-logo.png" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle3"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item" style="left: 488px; top: 118px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/microsoft-dynamics.png" alt="microsoft dynamics" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle3"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
</div>
<div class="visual-circle skrollable skrollable-before" id="circle4" data-top-bottom="transform: translate(-50%, -50%) rotate(0deg);" data-800-top="transform: translate(-50%, -50%) rotate(180deg);"
style="transform: translate(-50%, -50%) rotate(180deg);">
<div class="circle-item circle-item-sm d-xl-hidden" style="left: 199px; top: -30px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-1.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item circle-item-sm d-xl-hidden" style="left: 355px; top: 96px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-2.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item circle-item-sm d-xl-hidden" style="left: 324px; top: 294px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-3.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item circle-item-sm d-xl-hidden" style="left: 137px; top: 366px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-4.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item circle-item-sm d-xl-hidden" style="left: -19px; top: 240px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-5.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
<div class="circle-item circle-item-sm d-xl-hidden" style="left: 12px; top: 42px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-6.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(-180deg);" data-anchor-target="#circle4"
class="skrollable skrollable-before" style="transform: rotate(-180deg);">
</div>
</div>
<div class="visual-circle d-hidden d-xl-visible skrollable skrollable-before" id="circle5" data-top-bottom="transform: translate(-50%, -50%) rotate(0deg);" data-800-top="transform: translate(-50%, -50%) rotate(-180deg);"
style="transform: translate(-50%, -50%) rotate(-180deg);">
<div class="circle-item circle-item-sm" style="left: 8px; top: 177px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-1.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item circle-item-sm" style="left: -29px; top: 63px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-2.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item circle-item-sm" style="left: 51px; top: -26px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-3.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item circle-item-sm" style="left: 168px; top: -1px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-4.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item circle-item-sm" style="left: 205px; top: 113px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-5.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
<div class="circle-item circle-item-sm" style="left: 125px; top: 202px; opacity: 1;">
<img src="/portals/_default/skins/Clarity2020/images/circle-icon-6.svg" alt="description" data-top-bottom="transform: rotate(0deg);" data-800-top="transform: rotate(180deg);" data-anchor-target="#circle5"
class="skrollable skrollable-before" style="transform: rotate(180deg);">
</div>
</div>
<div class="circle-logo">
<img src="/portals/_default/skins/Clarity2020/images/circle-logo.png" alt="Connect">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40">
<div class="container">
<div class="visual-block">
<div class="row">
<div class="col-md-6">
<div class="text-holder mb-md-0 pt-lg-45 pr-lg-95">
<h2 class="display-2">Award-winning Web Design</h2>
<div class="content-wrap">
<h3>Your site design dictates the professionalism of your company; what does yours say?</h3>
<p>With over 1300 sites under our belt, our award-winning designers ensure your website makes the right first impression.</p>
<div class="btn-holder">
<a href="/portfolio" class="link-more">All Projects <span class="icon-arrow-right"></span></a>
</div>
</div>
</div>
<div class="visual-img">
<div class="section-decor position-4">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="image-grid">
<div class="row align-items-end">
<div class="col-6 mb-110 mb-md-70 mb-lg-120 mb-xl-160">
<div class="card bg-dark text-white">
<a href="/portfolio/sourcemark-quoting-ecommerce-portal">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-1.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">SourceMark</h3>
<div class="badge-holder">
<span class="badge badge-primary">B2B - B2C Storefront</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-6">
<div class="card bg-dark text-white">
<a href="/portfolio/goafrica-global-multilingual-multicurrency-marketplace">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-2.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">GoAfrica</h3>
<div class="badge-holder">
<span class="badge badge-primary">B2B - B2C Marketplace</span>
</div>
</div>
</div>
</a>
</div>
<div class="card bg-dark text-white">
<a href="/portfolio/bcon-consulting-multi-portal-dnn">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-3.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">BCon</h3>
<div class="badge-holder">
<span class="badge badge-primary">International</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="visual-img">
<div class="section-decor position-5">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="image-grid">
<div class="row">
<div class="col-6 mt-n110 mt-md-215 mt-lg-145">
<div class="card bg-dark text-white">
<a href="/portfolio/dnn-evoq-engage-custom-community-portal">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-4.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">Dude Solutions</h3>
<div class="badge-holder">
<span class="badge badge-primary">Custom Development</span>
</div>
</div>
</div>
</a>
</div>
<div class="card bg-dark text-white">
<a href="/portfolio/brick-packaging">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-5.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">Brick Packaging</h3>
<div class="badge-holder">
<span class="badge badge-primary">B2B - B2C Marketplace</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-6">
<div class="card bg-dark text-white">
<a href="/portfolio/merck-ecommerce-ordering-portal">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-6.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">Merck</h3>
<div class="badge-holder">
<span class="badge badge-primary">B2B - B2C eCommerce</span>
</div>
</div>
</div>
</a>
</div>
<div class="card bg-dark text-white">
<a href="/portfolio/san-diego-international-airport">
<img src="/portals/_default/skins/Clarity2020/images/visual-img-7.jpg" class="card-img" alt="image description">
<div class="card-img-overlay d-flex flex-column justify-content-end">
<div class="card-img-content">
<h3 class="card-title">San Diego Airport</h3>
<div class="badge-holder">
<span class="badge badge-primary">Custom Development</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40 mb-40 mb-xl-0">
<div class="section-decor position-6">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="section-decor position-7">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="visual-block">
<div class="row justify-content-end">
<div class="col-md-7">
<div class="text-holder mb-md-50 mb-xl-60">
<h2 class="display-2">Custom & Mobile Development</h2>
<div class="content-wrap pr-lg-70">
<h3>Get a unique experience designed and built for your business</h3>
<p>We are dedicated to providing thoughtful, professional, and lasting design that is then built into clean and reliable code to power your business for years to come.</p>
<div class="btn-holder">
<a href="/request-a-demo" class="link-more text-primary">Get A Quote <span class="icon-arrow-right text-primary"></span></a>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="visual-img">
<div class="img-holder img-holder-2">
<div class="decor-holder overflow-hidden">
<div class="img-decor bg-dark"></div>
</div>
<div class="row">
<div class="col-6 col-md-5 mt-175 mt-md-n215 mt-xl-n235">
<div class="inner-image">
<img src="/portals/_default/skins/Clarity2020/images/phone-img-1.png" alt="phone">
</div>
</div>
<div class="col-6 col-md-7">
<div class="inner-image">
<img src="/portals/_default/skins/Clarity2020/images/phone-img-2.png" alt="phone">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40 mt-xl-n20 pb-xl-0">
<div class="container">
<div class="visual-block">
<div class="row align-items-center">
<div class="col-md-6 order-last">
<div class="text-holder mt-lg-90">
<h2 class="display-2"> Your <a href="/hipaa-guidelines/hipaa-access-restriction-and-role-based-security">Medical Data Secured <span class="icon-lock visual-icon"></span></a> Like Never Before with HIPAA Compliance </h2>
<div class="content-wrap">
<p>Any medical practice, clinic, pharmacy, healthcare provider, or company could face issues of HIPAA compliance when moving their business or application online. Businesses bear an increased duty of care to their customers when
they handle confidential protected health information (PHI), especially when it's exposed on the internet. </p>
<div class="btn-holder">
<a href="/hipaa-guidelines" class="btn btn-primary w-100 w-md-auto">See more about HIPAA</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="visual-img">
<div class="img-holder img-holder-3">
<div class="decor-holder">
<div class="img-decor bg-primary"></div>
</div>
<img src="/portals/_default/skins/Clarity2020/images/visual-img-8.png" alt="image description">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section overflow-hidden">
<div class="section-decor position-8">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="diagram-image">
<img class="w-100" src="/portals/_default/skins/Clarity2020/images/diagram.png" alt="image description">
</div>
</div>
</section>
<section class="section py-24 py-lg-40">
<div class="section-decor position-9">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="visual-block">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-7">
<div class="text-holder text-center mb-md-50 mb-xl-60">
<h2 class="display-2">Projects of All Kinds</h2>
<div class="content-wrap px-lg-60">
<h3>From startups to enterprises, across all industries, Clarity specializes in portals, integrations, B2B, B2C, HIPAA, mobile development, auction sites, and much more.</h3>
<div class="btn-holder">
<a href="/request-a-demo" class="text-primary link-more">Work With Us<span class="text-primary icon-arrow-right"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="row diagram-cards-slider">
<div class="col-lg-4 mt-lg-n180 mt-xl-n220 mt-xxl-n230">
<div class="card diagram-card shadow-lg ml-lg-n20 ml-xxl-n100">
<div class="card-body">
<h3 class="card-title text-muted">HIPAA eCommerce</h3>
<span class="card-price display-3">Sourcemark</span>
<span class="card-percentage text-success"><a href="/portfolio/sourcemark-quoting-ecommerce-portal" target="_blank"> <span class="triangle-top"></span> See for Yourself</a></span>
</div>
</div>
<div class="card diagram-card shadow-lg ml-lg-auto mr-lg-n75 mr-xl-n5">
<div class="card-body">
<h3 class="card-title text-muted">B2C-B2B eCommerce</h3>
<span class="card-price display-3">Merck Pharmaceutical</span>
<span class="card-percentage text-success"><a href="/portfolio/merck-ecommerce-ordering-portal" target="_blank"> <span class="triangle-top"></span> See for Yourself</a></span>
</div>
</div>
</div>
<div class="col-lg-4 mt-lg-90 mt-xl-100">
<div class="card diagram-card shadow-lg ml-lg-auto mr-lg-n75 mr-xl-n100">
<div class="card-body">
<h3 class="card-title text-muted">Government</h3>
<span class="card-price display-3">San Diego International Airport</span>
<span class="card-percentage text-success"><a href="/portfolio/san-diego-international-airport" target="_blank"> <span class="triangle-top"></span> See for Yourself</a></span>
</div>
</div>
</div>
<div class="col-lg-4 mt-lg-n265 mt-xl-n300">
<div class="card diagram-card shadow-lg ml-lg-auto mr-lg-n25 mr-xxl-n105">
<div class="card-body">
<h3 class="card-title text-muted">HIPAA and Mobile</h3>
<span class="card-price display-3">ACON</span>
<span class="card-percentage text-success"><a href="/portfolio/acon-laboratories-hipaa-compliant-apps" target="_blank"> <span class="triangle-top"></span> See for Yourself</a></span>
</div>
</div>
<div class="card diagram-card shadow-lg">
<div class="card-body">
<h3 class="card-title text-muted">Medical Device Manufacturing</h3>
<span class="card-price display-3">Zimmer Biomet</span>
<span class="card-percentage text-success"><a href="/portfolio/cervicaldisc-responsive-mobile-website-development" target="_blank"> <span class="triangle-top"></span> See for Yourself</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40 pb-xl-0">
<div class="section-decor position-10">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="visual-block">
<div class="row align-items-center justify-content-between">
<div class="col-md-6 col-lg-5 order-md-last">
<div class="text-holder">
<h2 class="display-2">Portal Development</h2>
<div class="content-wrap">
<p>A portal is a purpose-built website. For example, a sales portal is a website designed to help a sales team prepare for and engage in sales activities. Career portals are made to showcase jobs and help people build their careers.
Examples of career portals include monster.com, indeed.com, and dice.com. </p>
<ul class="dots-list dots-success h3 mb-25">
<li>HIPAA/Medical</li>
<li>Sales</li>
<li>Distribution</li>
<li>Company</li>
<li>Career</li>
<li>Training</li>
<li>Billing</li>
<li>Ordering</li>
<li>Project</li>
<li>Patient</li>
<li>Scheduling</li>
</ul>
<div class="btn-holder">
<a href="/demo-site/company-sales-employee-portals" class="btn btn-primary w-100 w-md-auto">More about Portals</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="visual-img text-right text-md-left">
<div class="img-holder img-holder-4">
<img src="/portals/_default/skins/Clarity2020/images/portal-development.png" alt="portal development">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-24 py-lg-40 pt-xl-0 overflow-hidden">
<div class="section-decor position-11">
<img src="/portals/_default/skins/Clarity2020/images/dotted-decor.png" alt="decor">
</div>
<div class="container">
<div class="visual-block">
<div class="row align-items-center">
<div class="col-md-6">
<div class="text-holder mb-0 pr-lg-20">
<h2 class="display-2">Custom CMS Development</h2>
<div class="content-wrap pr-lg-70">
<p>Clarity has designed, built, and delivered over 1,300 web properties over the last 15 years on numerous CMS platforms. We are DNN- and Sitefinity-certified specialists and experts in WordPress. Whether you need a website for a
small enterprise or a global marketplace, we’ve got the expertise and team for the job.</p>
<ul class="logo-items-list horizontal-list list-unstyled mt-35">
<li>
<div class="logo-item horizontal">
<a href="/ecommerce-integrations/woocommerce-integrations">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/wordpress.png" alt="Wordpress">
</div>
<div class="text-holder text-primary">
<h3>WordPress</h3>
<p>WordPress resource center</p>
</div>
</a>
</div>
</li>
<li>
<div class="logo-item horizontal">
<a href="/resources/dnn-resources/dotnetnuke-vs-other-cmss">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/dotnetnuke.png" alt="DotNetNuke">
</div>
<div class="text-holder text-primary">
<h3>DotNetNuke</h3>
<p>DNN resource center</p>
</div>
</a>
</div>
</li>
<li>
<div class="logo-item horizontal">
<a href="/resources/sitefinity">
<div class="img-holder">
<img src="/portals/_default/skins/Clarity2020/images/sitefinity.png" alt="Sitefinity">
</div>
<div class="text-holder text-primary">
<h3>Sitefinity</h3>
<p>Sitefinity resource center</p>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="visual-img text-right text-xxl-left">
<div class="img-holder img-holder-5">
<div class="decor-holder">
<div class="img-decor bg-off-blue"></div>
</div>
<img src="/portals/_default/skins/Clarity2020/images/visual-img-10.png" alt="notebook">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section py-30 pt-lg-20 pb-lg-110 expert-form">
<div class="container">
<div class="row">
<div class="col-md-6">
<div style="display: flex; flex-direction: column; justify-content: center;">
<h1 class="mb-30">Get in Touch with Clarity</h1>
<ul style="max-width: 36rem; list-style-type: disc;">
<li class="mb-10 h3">After submitting the form, you'll receive a link to schedule a demo call at your convenience.</li>
<li class="mb-10 h3">During the call, we'll discuss your needs and provide a demo.</li>
<li class="mb-10 h3">If we're a good fit, we'll develop a proposal based on your unique requirements.</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="card p-50 shadow-lg hubspot-form-container" style="min-height: 532px;">
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script data-hubspot-rendered="true">
hbspt.forms.create({
region: "na1",
portalId: "20137468",
formId: "c34dc80f-9e4e-4b69-a146-9646869e6ae2"
});
</script>
<div id="hbspt-form-35da44ab-7193-4458-83c2-5530fa2e082d" class="hbspt-form" data-hs-forms-root="true"><iframe id="hs-form-iframe-0" class="hs-form-iframe" title="Form 0" scrolling="no" width="100%"
style="position: static; border: none; display: block; overflow: hidden; width: 100%; height: 450px;" height="450" data-lf-form-tracking-inspected-yegkb8lqebm7ep3z="true" data-lf-yt-playback-inspected-yegkb8lqebm7ep3z="true"
data-lf-vimeo-playback-inspected-yegkb8lqebm7ep3z="true"></iframe></div>
</div>
</div>
</div>
</div>
</section>
<script>
// Cookie functions
const getTheCookie = (cookieName) => {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf(cookieName + '=') === 0) {
return decodeURIComponent(cookie.substring(cookieName.length + 1));
}
}
return null;
};
const setTheCookie = (cookieName, value, daysToExpire) => {
var expires = "";
if (daysToExpire) {
var date = new Date();
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = cookieName + "=" + encodeURIComponent(value) + expires + "; path=/";
};
const removeTheCookie = (cookieName) => {
document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
};
// Handle the hubspot form submission event
window.addEventListener('message', event => {
if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {
// Global Variables
let rfqObject = new Object();
let errorHandler = "ajaxErrorHandler";
let successHandler = "ajaxSuccessHandler";
let serviceURL = window.location.origin + "/desktopmodules/clarityservices/";
const formData = event.data.data.submissionValues;
// Assign form field values
const name = formData.lastname;
const email = formData.email;
const company = formData.company;
const projectDetails = formData.project_details;
let prevPage = "blank";
if (document.referrer.length > 0) {
prevPage = document.referrer;
}
// Build the RFQ object
rfqObject.FullName = name;
rfqObject.Email = email;
rfqObject.Company = company;
rfqObject.ProjectDescription = projectDetails;
rfqObject.Phone = "blank";
rfqObject.Website = prevPage;
rfqObject.FormType = "blank";
rfqObject.Timeline = "blank";
rfqObject.JobTitle = "blank";
rfqObject.NumberEmployees = 1;
rfqObject.YearsInBusiness = 1;
rfqObject.SpecialAccess = true;
rfqObject.BudgetString = "blank";
rfqObject.CustomRequest = "blank";
rfqObject.WhatDoYouNeed = "blank";
rfqObject.Last = "FORM TYPE: New Contact Page";
rfqObject.ReferringPage = "www.clarity-ventures.com" + window.location.pathname;
rfqObject.First = getTheCookie("cvstrid");
rfqObject.IPCreated = getTheCookie("cvip");
try {
var qroCookie = getTheCookie("cvqro");
if (qroCookie != undefined) {
removeTheCookie("cvqro");
}
setTheCookie("cvqro", JSON.stringify(rfqObject), 999);
} catch {
console.log("cvqro - catch");
}
createRFQ();
function createRFQ() {
var url = serviceURL + "rfqQuote.asmx/sendQuoteReturnId";
var DTO = {
'QRO': rfqObject
};
var successHandler = "createFooterRFQAJAXSuccess";
ajaxPost(url, DTO, successHandler, errorHandler);
}
function createFooterRFQAJAXSuccess(data) {
if (data != undefined && data.d > 0) {
if (getTheCookie('cvqroid') != undefined) {
removeTheCookie('cvqroid');
}
setTheCookie('cvqroid', data.d, 999);
if (getTheCookie('cvqrostatus') != undefined) {
removeTheCookie('cvqrostatus');
}
setTheCookie('cvqrostatus', 'n', 999);
} else {
console.log('Data undefined');
}
claryticsConvert();
createZohoLead();
}
function validateZohoLead() {
var url = serviceURL + "zoho.asmx/validate";
var DTO = {
'QRO': rfqObject
};
var successHandler = "validateZohoLeadAJAXSuccess";
ajaxPost(url, DTO, successHandler, errorHandler);
}
function validateZohoLeadAJAXSuccess(data) {
createZohoLead();
}
function createZohoLead() {
var url = serviceURL + "zoho.asmx/sendLead";
var DTO = {
'QRO': rfqObject
};
var successHandler = "createZohoLeadAJAXSuccess";
ajaxPost(url, DTO, successHandler, errorHandler);
}
function createZohoLeadAJAXSuccess(data) {
window.location = window.location.origin + '/contact/contact-clarity/thank-you-request-for-quote-received';
}
}
});
</script>
</main>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="dnn_FluidPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="dnn_ContentPane" class="contentPane">
<div class="DnnModule DnnModule-ClarityRequestQuote DnnModule-398"><a name="398"></a>
<div id="dnn_ctr398_ContentPane">
<div id="dnn_ctr398_ModuleContent" class="DNNModuleContent ModClarityRequestQuoteC">
</div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-355"><a name="355"></a>
<div id="dnn_ctr355_ContentPane">
<div id="dnn_ctr355_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr355_HtmlModule_lblContent" class="Normal">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div id="dnn_LeftColumnPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-9">
<div id="dnn_RightMainPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-push-9">
<div id="dnn_RightColumnPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-9 col-md-pull-3">
<div id="dnn_LeftMainPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div id="dnn_LeftHalfPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-6">
<div id="dnn_RightHalfPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div id="dnn_LeftThirdPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-4">
<div id="dnn_MiddleThirdPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-4">
<div id="dnn_RightThirdPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div id="dnn_LeftQuarterPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-4">
<div id="dnn_LeftMiddleQuarterPane" class="contentPane DNNEmptyPane"></div>
</div>
<div class="col-md-4">
<div id="dnn_RightMiddleQuarterPane" class="contentPane">
<div class="DnnModule DnnModule-ClarityTagger DnnModule-1763"><a name="1763"></a>
<div id="dnn_ctr1763_ContentPane">
<div id="dnn_ctr1763_ModuleContent" class="DNNModuleContent ModClarityTaggerC">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div id="dnn_RightQuarterPane" class="contentPane DNNEmptyPane"></div>
</div>
</div>
</div>
<style>
@media (min-width: 768px) {
.footer-top .col-md-2 {
flex: 0 0 19.666667%;
max-width: 19.666667%;
}
}
</style>
<div class="container">
<div class="visual-block">
<div class="row">
<div class="col-lg-9">
<div class="text-holder text-holder-3 text-white">
<div class="request-form form-dark text-white pr-lg-40">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
#
<form action="#" data-hs-cf-bound="true">
<div class="row">
<div class="col-12">
</div>
<div class="col-md-6 mb-md-0">
<h4 class="h3">Recent Search</h4>
<div class="search-links">
<a href="/services/hipaa-compliant-websites" class="btn btn-sm btn-outline-white">HIPAA Compliance</a>
<a href="/articles/angularjs-for-ecommerce-website-development" class="btn btn-sm btn-outline-white">AngularJS Web Development</a>
<a href="/ecommerce-integrations/erp/sage-100-300-500-x3-integration" class="btn btn-sm btn-outline-white">ERP Sage Integrations</a>
<a href="/ecommerce-integrations/erp/dynamics-gp-integration" class="btn btn-sm btn-outline-white">Microsoft Dynamics</a>
<a href="/services/custom-development/xamarin-vs-titanium-vs-phonegap-vs-cordova-a-comparison" class="btn btn-sm btn-outline-white">Xamarin Framework Comparison</a>
<a href="/blog/ten-key-elements-every-business-website-should-have-functionality-and-design-ed" class="btn btn-sm btn-outline-white">Essential Website Features</a>
</div>
</div>
<div class="col-md-6 mb-md-0">
<h4 class="h3">Top Searches</h4>
<div class="search-links">
<a href="/articles/b2b-ecommerce-supply-chain-management" class="btn btn-sm btn-outline-white">B2B Supply Chain Management</a>
<a href="/ecommerce-integrations/woocommerce-integrations" class="btn btn-sm btn-outline-white">WooCommerce Integrations</a>
<a href="/ecommerce/all-features" class="btn btn-sm btn-outline-white">Catalog Product Tags</a>
<a href="/articles/9-challenges-for-b2b-ecommerce-how-to-address-them" class="btn btn-sm btn-outline-white">Top B2B eCommerce Challenges</a>
<a href="/services/business-integration/emr-ehr-integration/epic-integration" class="btn btn-sm btn-outline-white">Epic Integrations</a>
<a href="/resources/ionic/optimize-ionic-app-performance" class="btn btn-sm btn-outline-white">Optimizing Mobile Apps</a>
</div>
</div>
</div>
</form>
<form id="placeholder" data-hs-cf-bound="true"></form>
<form id="marketingQuote" class="quote rfq-form" data-hs-cf-bound="true">
<div class="form-row">
<div class="form-group col-12 mb-16">
<label for="name-4">Full Name</label>
<input type="text" class="form-control fullName" id="name-4" data-sid="mm-modal-quote-full-name" placeholder="e.g. Adam Jenkins" required="">
<span id="name-req" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="email">Email Address</label>
<input type="email" class="form-control emailAddress" id="email" data-sid="mm-modal-quote-email" placeholder="example@mail.com" required="">
<span id="email-req" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="phone-3">Phone Number (optional)</label>
<input type="text" class="form-control phoneNumber" id="phone-3" data-sid="mm-modal-quote-phone" placeholder="888.987.3481">
<!-- <div class="input-group input-mask-group">
<div class="input-group-prepend">
<select>
<option data-image="images/usa.jpg" value="usa" data-mask="+1 (999) 999-9999" data-placeholder="+1 (___) ___-____"> </option>
<option data-image="images/usa.jpg" value="usa2" data-mask="+2 (99) 9999-9999" data-placeholder="+2 (__) ____-____"> </option>
<option data-image="images/usa.jpg" value="usa3" data-mask="+3 (9) 99-999-9999" data-placeholder="+3 (_) __-___-____"> </option>
</select>
</div>
<input type="text" class="form-control" id="phone-3" />
</div>-->
</div>
<div class="form-group col-12 mb-16">
<label for="company-name-3">Company Name (optional)</label>
<input type="text" class="form-control company" id="company-name-3" data-sid="mm-modal-quote-company" placeholder="e.g. Amazon">
</div>
<div class="form-group col-12 mb-16">
<label for="project-details-3">Project Details (optional)</label>
<textarea class="form-control description" id="project-details-3" data-sid="mm-modal-quote-details" placeholder="Short description about your project"></textarea>
</div>
<div class="form-group modal-submit col-12 mb-0">
<button type="submit" class="btn btn-primary btn-block footer-marketing-quote-button" data-sid="mm-modal-quote-btn-submit">Request a Quote</button>
</div>
</div>
</form>
<form id="marketingDemo" class="demo" data-hs-cf-bound="true">
<div class="form-row">
<div class="form-group col-12 mb-16">
<label for="name-2">Full Name</label>
<input type="text" class="form-control fullName" id="name-2" placeholder="e.g. Leeroy Jenkins" required="">
<span id="name-req-2" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="email-2">Email Address</label>
<input type="email" class="form-control emailAddress" id="email-2" placeholder="example@mail.com" required="">
<span id="email-req-2" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="phone-2">Phone Number (optional)</label>
<input type="text" class="form-control phoneNumber" id="phone-2" placeholder="888.987.3481">
<!-- <div class="input-group input-mask-group">
<div class="input-group-prepend">
<select>
<option data-image="images/usa.jpg" value="usa" data-mask="+1 (999) 999-9999" data-placeholder="+1 (___) ___-____"> </option>
<option data-image="images/usa.jpg" value="usa2" data-mask="+2 (99) 9999-9999" data-placeholder="+2 (__) ____-____"> </option>
<option data-image="images/usa.jpg" value="usa3" data-mask="+3 (9) 99-999-9999" data-placeholder="+3 (_) __-___-____"> </option>
</select>
</div>
<input type="text" class="form-control" id="phone-3" />
</div>-->
</div>
<div class="form-group col-12 mb-16">
<label>What would you like to see?</label>
<ul class="check-list list-unstyled row mb-n22">
<li class="col-md-6 mb-22">
<!--div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-1-1" checked />
<label class="custom-control-label" for="theme-1-1">eCommerce</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-1-1" checked="">
<label class="form-check-label ml-10" for="theme-1-1"> eCommerce </label>
</div>
</li>
<li class="col-md-6 mb-22">
<!--<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-2-1" />
<label class="custom-control-label" for="theme-2-1">Integration</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-3-1">
<label class="form-check-label ml-10" for="theme-3-1"> Integration </label>
</div>
</li>
<li class="col-md-6 mb-22">
<!--<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-4-1" />
<label class="custom-control-label" for="theme-4-1">HIPAA development</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-2-1">
<label class="form-check-label ml-10" for="theme-2-1"> HIPAA development </label>
</div>
</li>
<li class="col-md-6 mb-22">
<!--<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-3-1" />
<label class="custom-control-label" for="theme-3-1">Mobile app</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-5-1">
<label class="form-check-label ml-10" for="theme-5-1"> Mobile app </label>
</div>
</li>
<li class="col-md-6 mb-22">
<!--<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-5-1" />
<label class="custom-control-label" for="theme-5-1">Design & Development</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-4-1">
<label class="form-check-label ml-10" for="theme-4-1"> Design & Development </label>
</div>
</li>
<li class="col-md-6 mb-22">
<!--<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="theme-6-1" />
<label class="custom-control-label" for="theme-6-1">Other</label>
</div>-->
<div class="form-check p-0 d-flex">
<input class="form-check-input mr-10" type="checkbox" value="" id="theme-6-1">
<label class="form-check-label ml-10" for="theme-6-1"> Other </label>
</div>
</li>
</ul>
</div>
<div class="form-group modal-submit col-12 mb-0">
<button type="submit" class="btn btn-primary btn-block footer-marketing-demo-button">Request a Demo</button>
</div>
</div>
</form>
<form id="marketingConsultation" class="consultation" data-hs-cf-bound="true">
<div class="form-row">
<div class="form-group col-12 mb-16">
<label for="name-3">Full Name</label>
<input type="text" class="form-control fullName" id="name-3" placeholder="e.g. Leeroy Jenkins" required="">
<span id="name-req-3" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="email-3">Email Address</label>
<input type="email" class="form-control emailAddress" id="email-3" placeholder="example@mail.com" required="">
<span id="email-req-3" class="text-danger"></span>
</div>
<div class="form-group col-12 mb-16">
<label for="question-details">Question Details</label>
<textarea class="form-control description" id="question-details" placeholder="Short description about your project"></textarea>
</div>
<div class="form-group modal-submit col-12 mb-0">
<button type="submit" class="btn btn-primary btn-block footer-marketing-consultation-button">Request a Consultation</button>
</div>
</div>
</form>
Text Content
Javascript must be enabled for the correct page display Menu Site Menu EXTENSIBLE, CUSTOMIZABLE INTEGRATION SOLUTIONS Build Your Integration * Solutions * ECOMMERCE Customize and scale * CONNECT Integrate with virtually anything * HIPAA Built for HIPAA compliance * MARKETPLACE Multistore and multivendor ready * AUCTION Ideal for any bidding type * PAYMENT HUB Use any merchant services * Services * ECOMMERCE * Business Integrations * Custom Development * SEO * Web Design * INTEGRATION * CRM * EHR / EMR * ERP * Manufacturing * DEVELOPMENT * Marketplace * International * Architecture * Web Applications * PORTALS * HIPAA / Medical * Sales * Distribution * Company * Resources * RESOURCE CENTER Search and filter through all our content and find what you're looking for in no time. * BLOG Get an in-depth overview of popular online solutions that our clients have benefited from. * ARTICLES Browse through our collection of articles that offer professional insight & opinions. * NEWSROOM Stay current on all things Clarity with posts about our solutions and general Clarity news. Featured Article WHAT IS CONSUMER-TO-CONSUMER ECOMMERCE? Download for later * Our Work * GOAFRICA A B2B marketplace that enables buyers and suppliers worldwide to trade with buyers and suppliers within Africa. * MERCK Merck Animal Health, is a research-driven company that develops, manufactures and markets a broad range of veterinary medicines. * SAN DIEGO AIRPORT Serving nearly 20 Million international travellers, San Diego Airport's website is busy! See more projects * Company * About Us * Our Team * Careers * Partners * Contact Us 16238 Ranch Road 620 N Suite E-395 Austin, TX 78717 +1(800)928-8160 Back SOLUTIONS * ECOMMERCE Customize and scale * CONNECT Integrate with virtually anything * PAYMENT HUB Use any merchant services * HIPAA Built for HIPAA compliance * AUCTION Ideal for any bidding type * MARKETPLACE Multistore and multivendor capability Back SERVICES * ECOMMERCE * Business Integrations * Custom Development * SEO * Web Design * INTEGRATION * CRM * EHR / EMR * ERP * Manufacturing * DEVELOPMENT * Marketplace * International * Architecture * Web Applications * PORTALS * HIPAA / Medical * Sales * Distribution * Company Back RESOURCE CENTER All Resources * RESOURCE CENTER Search and filter through all our content and find what you're looking for in no time. * BLOGS Get an in-depth overview of popular online solutions that our clients have benefited from. * ARTICLES Browse through our collection of articles that offer professional insight & opinions. * NEWSROOM Stay current on all things Clarity with posts about our solutions and general Clarity news. Featured Article WHAT IS CONSUMER-TO-CONSUMER ECOMMERCE? Download for later Back OUR WORK All Projects * GOAFRICA A B2B marketplace that enables buyers and suppliers worldwide to trade with buyers and suppliers within Africa. * MERCK Merck Animal Health, is a research-driven company that develops, manufactures and markets a broad range of veterinary medicines. * SAN DIEGO AIRPORT Serving nearly 20 Million international travellers, San Diego Airport's website is busy! See more projects Back COMPANY * About Us * Our Team * Careers * Partners * Contact Us 16238 Ranch Road 620 N Suite E-395 Austin, TX 78717 +1(800)928-8160 Get a free quote Get a Quote CONNECT YOUR APPS, ERPS, CRMS, EHRS, EDI, DATABASES & MORE... HOW YOU NEED IT. WHEN YOU NEED IT. Integrate Your Business * * * * * * SCALE YOUR B2B BUSINESS WITH A POWERHOUSE ONLINE ECOMMERCE PLATFORM... HOW YOU NEED IT. WHEN YOU NEED IT. Discover your Solution * * * * * * DISCOVER THE INTEGRATIONS THAT BEST SUIT YOUR BUSINESS NEEDS... HOW YOU NEED IT. WHEN YOU NEED IT. Discover Your Integration * * * * * * IMPROVING PATIENT CARE, DOCTOR-PATIENT PORTALS, & MEETING HIPAA STANDARDS HOW YOU NEED IT. WHEN YOU NEED IT. Learn About HIPAA * * * * * * * 1 * 2 * 3 * 4 CREATING B2B ECOMMERCE & MARKETPLACES THAT CHANGE THE INDUSTRY MULTI-STORE, MULTI-LINGUAL, MULTI-CURRENCY, MILLIONS OF SKUS A multi-faceted eCommerce solution is rapidly becoming an invaluable tool for B2B sales. Manufacturers, distributors, and consumers prefer to deal with trusted platforms to buy their products from localized online storefronts. I Want My Own eCommerce > THE SCHUTZ COMPANY > > The thing I like most about Clarity is that they have a genuine customer > focus. They really adapted themselves to our communication preferences. I am > actually writing a case study about Clarity as an example of how to treat > customers. I cannot recommend them highly enough. > > Ralph Sharp, COO > 4.8 > * > * > * > * > * CONNECT TO MAKE YOUR APPLICATION SOMETHING MORE GROW YOUR BUSINESS WITH CLARITY CONNECT™ Clarity Connect™ has powered thousands of client integrations for CRM, ERP, ERM, Web Services, and more. See what we can do for you in less than seven minutes. Discover Integrations AWARD-WINNING WEB DESIGN YOUR SITE DESIGN DICTATES THE PROFESSIONALISM OF YOUR COMPANY; WHAT DOES YOURS SAY? With over 1300 sites under our belt, our award-winning designers ensure your website makes the right first impression. All Projects SOURCEMARK B2B - B2C Storefront GOAFRICA B2B - B2C Marketplace BCON International DUDE SOLUTIONS Custom Development BRICK PACKAGING B2B - B2C Marketplace MERCK B2B - B2C eCommerce SAN DIEGO AIRPORT Custom Development CUSTOM & MOBILE DEVELOPMENT GET A UNIQUE EXPERIENCE DESIGNED AND BUILT FOR YOUR BUSINESS We are dedicated to providing thoughtful, professional, and lasting design that is then built into clean and reliable code to power your business for years to come. Get A Quote YOUR MEDICAL DATA SECURED LIKE NEVER BEFORE WITH HIPAA COMPLIANCE Any medical practice, clinic, pharmacy, healthcare provider, or company could face issues of HIPAA compliance when moving their business or application online. Businesses bear an increased duty of care to their customers when they handle confidential protected health information (PHI), especially when it's exposed on the internet. See more about HIPAA PROJECTS OF ALL KINDS FROM STARTUPS TO ENTERPRISES, ACROSS ALL INDUSTRIES, CLARITY SPECIALIZES IN PORTALS, INTEGRATIONS, B2B, B2C, HIPAA, MOBILE DEVELOPMENT, AUCTION SITES, AND MUCH MORE. Work With Us HIPAA ECOMMERCE Sourcemark See for Yourself B2C-B2B ECOMMERCE Merck Pharmaceutical See for Yourself GOVERNMENT San Diego International Airport See for Yourself HIPAA AND MOBILE ACON See for Yourself MEDICAL DEVICE MANUFACTURING Zimmer Biomet See for Yourself PORTAL DEVELOPMENT A portal is a purpose-built website. For example, a sales portal is a website designed to help a sales team prepare for and engage in sales activities. Career portals are made to showcase jobs and help people build their careers. Examples of career portals include monster.com, indeed.com, and dice.com. * HIPAA/Medical * Sales * Distribution * Company * Career * Training * Billing * Ordering * Project * Patient * Scheduling More about Portals CUSTOM CMS DEVELOPMENT Clarity has designed, built, and delivered over 1,300 web properties over the last 15 years on numerous CMS platforms. We are DNN- and Sitefinity-certified specialists and experts in WordPress. Whether you need a website for a small enterprise or a global marketplace, we’ve got the expertise and team for the job. * WORDPRESS WordPress resource center * DOTNETNUKE DNN resource center * SITEFINITY Sitefinity resource center GET IN TOUCH WITH CLARITY * After submitting the form, you'll receive a link to schedule a demo call at your convenience. * During the call, we'll discuss your needs and provide a demo. * If we're a good fit, we'll develop a proposal based on your unique requirements. RECENT SEARCH HIPAA Compliance AngularJS Web Development ERP Sage Integrations Microsoft Dynamics Xamarin Framework Comparison Essential Website Features TOP SEARCHES B2B Supply Chain Management WooCommerce Integrations Catalog Product Tags Top B2B eCommerce Challenges Epic Integrations Optimizing Mobile Apps RECENT ARTICLES SCALING YOUR BUSINESS WITH A SAAS ECOMMERCE SOLUTION 4 days ago ESSENTIAL MARKETPLACE FEATURES & FUNCTIONS 7 days ago UNDERSTANDING HIPAA REQUIREMENTS & GUIDELINES More than one week ago WHAT IS CONSUMER TO CONSUMER ECOMMERCE More than one week ago OUR SOLUTIONS * ECOMMERCE * CONNECT * HIPAA * * MARKETPLACE * AUCTION * PAYMENT HUB OUR SERVICES * ECOMMERCE * B2B eCommerce * Multilingual * Marketplace * Custom eCommerce * INTEGRATION * ERP * CRM * EMR / EHR * Epicor * Sage 100 * Sage X3 * Syspro * DEMO SITE * Web Design * Custom Development * DotNetNuke Development * Sitefinity Development * Mobile Apps * Digital Marketing * PORTALS * HIPAA Medical * Sales * Distribution * Company * FEATURED CONTENT * Keeping Up with New Industry Standards * Five Actions to Improve Buyers Digital Experience * Clarity Connect | ERP, CRM, EMR Integration Platform * International eCommerce Marketplace * International eCommerce Solutions * COVID-19 is Accelerating the Rise of the Digital Economy * Top Five Ways ERP Integrations Benefit Businesses * Custom Enterprise Level Website Solutions * WooCommerce to Syspro Integration Connect * eCommerce and CRM Systems Integrations * The Importance of Digital Experience in B2B eCommerce * Business Applications Integration Platform * Web Design & Development Careers in Austin, TX * 2021 B2B eCommerce Guide - Back-Office Core Features Show more * FEATURED INTEGRATIONS * Freshbooks Integration * Freshbooks Epicor Integration * WooCommerce Sage 100 Integration * Sage 100 Integration * HubSpot AspDotNetStorefront Integration * Shopify Sage X3 Integration * WooCommerce Epicor Integration * WooCommerce Sage X3 Integration * 3dcart Microsoft Dynamics AX Integration * WooCommerce Integration * Sage X3 Integration * Sage 201 Integration * BigCommerce Sage X3 Integration * Shopify Epicor Integration * BigCommerce Sage 100 Integration Show more * RECENT CONTENT * Foundation of The B2B eCommerce Supply Chain * Areas of Opportunity in Supply Chain Management * How eCommerce Changed Supply Chain Management * Improving B2B eCommerce Supply Chain Operations * DNN Website Hosting Recommendations * Why You Need a Master SEO Keyword List * SEO Keyword Ranking * Content Writing Strategies That Win * SEO Built Into Your Website Project Show more * POPULAR CONTENT * Pros and Cons of a C2C eCommerce Business Model * NEW 2021: Is C2C eCommerce Cutting Out the Middleman? * Enterprise B2B eCommerce Platform Ventures * DotNetNuke - DNN vs Wordpress, Drupal, Joomla CMS * 9 B2B eCommerce Challenges & How To Address * How Extensibility Can Benefit eCommerce * 2021 Best Practices: Optimizing Ionic App Performance * How to Integrate Angular in a WordPress Website * B2B Supply Chain Management Solutions Ventures * Client Project Portfolio Integrations, DNN, eCommerce * Benefits of a Customized eCommerce Platform * Using Agile Processes in eCommerce and Web Development * Improve Conversion w eCommerce Product Tagging * How Innovation Will Change the Future of the Marketplace * Stand Out With a High-end Custom Website Design in 2021 Show more * TOP INTEGRATIONS * WooCommerce Sage 50 Integration * Salesforce EPIC Integration * Epicor Integration * Shopify Infor Integration * WooCommerce Syspro Integration * Shopify Syspro Integration * Clarity eCommerce SAP Integration * Shopify Oracle Integration * Shopify Quickbooks Enterprise Integration * WooCommerce Dynamics NAV Integration * Syspro Integration * BigCommerce Quickbooks Enterprise Integration * WooCommerce Oracle Integration * Integration Architecture * Sitecore SAP Integration Show more Site and all content © Clarity Ventures, Inc. * Sitemap * Glossary * Terms of Use * Privacy Statement REQUEST A QUOTE, DEMO OR CONSULTATION Quote Demo Consultation Full Name Email Address Phone Number (optional) Company Name (optional) Project Details (optional) Request a Quote * Privacy Statement * Terms of Use Full Name Email Address Phone Number (optional) What would you like to see? * eCommerce * Integration * HIPAA development * Mobile app * Design & Development * Other Request a Demo * Privacy Statement * Terms of Use Full Name Email Address Question Details Request a Consultation * Privacy Statement * Terms of Use