Get A Free Quote
dot

Hub 2

Technologies - Html 5, CSS3
HTML Panda HTML Panda HTML Panda
HUB 2

Plateforme universelle de paiement pour l'Afrique.

Avec HUB2, accédez facilement à plus de 800 millions de clients potentiels, pour vos paiements ou solutions de communications mobiles.

  • multi-opérateurs
  • multi-pays
  • transfert depuis et vers mobile banking, airtime, SMS, USSD, carte de crédit
  • utilisation à la demande & intégration à vos outils
EN SAVOIR plus  
mobile-banking

Envoyer de l'argent

Crédit Mobile Banking
Crédit AirTime
SMS
Carte bancaire

mobile-banking

HUB2 est le premier aggrégateur de moyens de paiement dédié au continent africain.

mobile-banking

Recevoir de l'argent

Crédit Mobile Banking
Crédit AirTime
Compte bancaire

36 opérateurs connectés
12 pays
800 m clients accessibles
2% taux de commission (hors frais des opérateurs)

Découvrez ce que nous faisons

en 1 minute et 20 secondes.

Un seul interlocuteur

... pour accéder à tous les opérateurs et tous les formats monétaires

Côte d'Ivoire
Airtime Mobile Money
Airtime Mobile Money
Côte d'Ivoire
Airtime Mobile Money
Airtime Mobile Money
Côte d'Ivoire
Airtime Mobile Money
Airtime Mobile Money
Côte d'Ivoire
Airtime Mobile Money
Airtime Mobile Money
Mali
Airtime Mobile Money
Mali
Airtime Mobile Money
Mali
Airtime Mobile Money
Mali
Airtime Mobile Money
Monde entier
hub-visa hub-master-card hub-paypal Credit Card International transfer
E-commerce

Solutions e-commerce pour l'Afrique

Avec HUB2, faîtes vous payer simplement par plus de 800 millions de clients potentiels en Afrique. Ne vous souciez plus de la technique : faites du commerce, simplement !

  •   Multi-opérateur, multi-pays
  •  Les taux les moins cher du marché
  •  Ouvert à toutes les plateformes e-commerce
NOS SOLUTIONS E-COMMERCE    DEMANDER UN RENDEZ-VOUS
Paiement

Le Cloud Financier des PME africaines.

Les solutions intégrées de HUB2 facilitent la gestion de vos paiement en centralisant et en sécurisant toutes vos transactions, quelles que soit les canaux et les pays de destination.

  •   Paiement des salaires
  •  Click'n pay
  •  Suivi et sécurisation de toutes vos transactions dans une seule interface
NOS SOLUTIONS E-COMMERCE    DEMANDER UN RENDEZ-VOUS
 

Ce que nos client disent de nous

Chez HUB2, rien ne compte plus que l'expérience-client.
Découvrez comment nous facilitons chaque jour le travail de nos clients.

Idriss SonNom
"HUB2 était le partenaire idéal pour se déployer sur 3 pays et ne plus se soucier des problèmes de paiement."
Idriss SonNom
"HUB2 était le partenaire idéal pour se déployer sur 3 pays et ne plus se soucier des problèmes de paiement."
Idriss SonNom
"HUB2 était le partenaire idéal pour se déployer sur 3 pays et ne plus se soucier des problèmes de paiement."
Idriss SonNom
"HUB2 était le partenaire idéal pour se déployer sur 3 pays et ne plus se soucier des problèmes de paiement."
Idriss SonNom
"HUB2 était le partenaire idéal pour se déployer sur 3 pays et ne plus se soucier des problèmes de paiement."

On vous rappellle ?

Découvez les fonctionnalités de HUB2 et comment nous aidons les entreprises à automatiser et sécuriser leurs paiements mobiles.

Nos conseillez vous rappelleront sous les plus brefs délais.

Ils nous soutiennent

Partenaires

Opérateurs

Institutions

                            /* == Font Face style == */
@font-face {
	font-family: "sofia-900";
	src: url("https://use.typekit.net/af/de53e3/00000000000000003b9b1aa0/27/l?subset_id=1&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/de53e3/00000000000000003b9b1aa0/27/d?subset_id=1&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/de53e3/00000000000000003b9b1aa0/27/a?subset_id=1&fvd=n9&v=3") format("opentype");
	font-style: normal;
	font-weight: 900;
}

@font-face {
	font-family: "sofia-700";
	src: url("https://use.typekit.net/af/239f9f/00000000000000003b9b1a9e/27/l?subset_id=1&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/239f9f/00000000000000003b9b1a9e/27/d?subset_id=1&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/239f9f/00000000000000003b9b1a9e/27/a?subset_id=1&fvd=n7&v=3") format("opentype");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "sofia-200";
	src: url("https://use.typekit.net/af/519cb8/00000000000000003b9b1a94/27/l?subset_id=1&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/519cb8/00000000000000003b9b1a94/27/d?subset_id=1&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/519cb8/00000000000000003b9b1a94/27/a?subset_id=1&fvd=n2&v=3") format("opentype");
	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: "sofia-200i";
	src: url("https://use.typekit.net/af/71cfb4/00000000000000003b9b1a93/27/l?subset_id=1&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/71cfb4/00000000000000003b9b1a93/27/d?subset_id=1&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/71cfb4/00000000000000003b9b1a93/27/a?subset_id=1&fvd=i2&v=3") format("opentype");
	font-style: italic;
	font-weight: 200;
}

@font-face {
	font-family: "sofia-300";
	src: url("https://use.typekit.net/af/194694/00000000000000003b9b1a96/27/l?subset_id=1&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/194694/00000000000000003b9b1a96/27/d?subset_id=1&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/194694/00000000000000003b9b1a96/27/a?subset_id=1&fvd=n3&v=3") format("opentype");
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: "sofia-pro";
	src: url("https://use.typekit.net/af/d294a7/00000000000000003b9b1a98/27/l?subset_id=1&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d294a7/00000000000000003b9b1a98/27/d?subset_id=1&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d294a7/00000000000000003b9b1a98/27/a?subset_id=1&fvd=n4&v=3") format("opentype");
	font-style: normal;
	font-weight: 400;
}

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
	/* not sure about this one */
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}
.gallery dl {
}
.gallery dt {
}
.gallery dd {
}
.gallery dl a {
}
.gallery dl img {
}
.gallery-caption {
}

.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}

/*==============wordpress=default==css=====*/

/*Global Typography*/

body {
	background: #0a3167;
	padding: 10px 10px 0;
	font-family: "sofia-pro", sans-serif;
	line-height: 1;
}

/*Buttons*/
.btn {
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-family: "sofia-700", sans-serif;
}
.btn:hover {
	opacity: 0.7;
}
.btn:focus, .btn.focus {
	box-shadow: none;
}

.button {
	background: #f7941e;
	color: #000000;
	display: inline-block;
	padding: 0 25px;
	height: 50px;
	font-size: 17px;
	font-weight: 700;
	line-height: 50px;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.button:hover {
	text-decoration: none;
}
.button-yellow {
	color: #000;
	border-radius: 20px;
	padding: 8px 15px;
	line-height: 1;
	border: none;
	background: -webkit-linear-gradient(left, #f7941e, #fff);
	background: -moz-linear-gradient(left, #f7941e, #fff);
	background: -ms-linear-gradient(left, #f7941e, #fff);
	background: -o-linear-gradient(left, #f7941e, #fff);
	background: linear-gradient(left, #f7941e, #fff);
}
.button-yellow:not(:disabled):not(.disabled):active, .button-yellow:not(:disabled)
:not(.disabled).active {
	background: -webkit-linear-gradient(left, #f7941e, #fff);
	background: -moz-linear-gradient(left, #f7941e, #fff);
	background: -ms-linear-gradient(left, #f7941e, #fff);
	background: -o-linear-gradient(left, #f7941e, #fff);
	background: linear-gradient(left, #f7941e, #fff);
}
.btn-yellow-reverse {
	color: #000;
	border-radius: 20px;
	padding: 8px 15px;
	border: none;
	background: -webkit-linear-gradient(right, #f7941e, #fff);
	background: -moz-linear-gradient(right, #f7941e, #fff);
	background: -ms-linear-gradient(right, #f7941e, #fff);
	background: -o-linear-gradient(right, #f7941e, #fff);
	background: linear-gradient(right, #f7941e, #fff);
}
.btn-yellow-reverse:not(:disabled):not(.disabled):active, .btn-yellow-reverse:not(:disabled)
:not(.disabled).active {
	background: -webkit-linear-gradient(right, #f7941e, #fff);
	background: -moz-linear-gradient(right, #f7941e, #fff);
	background: -ms-linear-gradient(right, #f7941e, #fff);
	background: -o-linear-gradient(right, #f7941e, #fff);
	background: linear-gradient(right, #f7941e, #fff);
}

.button-gray {
	color: #000;
	border-radius: 20px;
	padding: 8px 15px;
	border: none;
	background: #9e9e9e; /* Old browsers */
	background: -moz-linear-gradient(left, #9e9e9e 0%, #b9b9b9 50%, #d6d6d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #9e9e9e 0%,#b9b9b9 50%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #9e9e9e 0%,#b9b9b9 50%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.button-gray:not(:disabled):not(.disabled):active, .button-gray:not(:disabled)
:not(.disabled).active {
	background: #9e9e9e; /* Old browsers */
	background: -moz-linear-gradient(left, #9e9e9e 0%, #b9b9b9 50%, #d6d6d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #9e9e9e 0%,#b9b9b9 50%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #9e9e9e 0%,#b9b9b9 50%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.button-yellow:hover, .button-gray:hover, .btn-yellow-reverse:hover {
	color: #000;
}
p.md-text {
	font-size: 15px;
	line-height: 1.5;
}
p.lg-text {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 200;
}
h2.h2 {
	font-size: 28px;
	color: #0A3167;
}
.italic-text {
	font-style: italic;
}

/*Global Typography End*/

/*Header style start*/
.navbar-toggler:hover, .navbar-toggler:focus{
	outline: none;
}
.navbar-light .navbar-brand {
	color: #000;
}
.navbar-light .navbar-nav .nav-link {
	font-size: 14px;
	color: #F7941E;
	font-weight: 700;
}
.header .col-12 {
	padding-left: 0;
	padding-right: 0;
}
.header {
	-webkit-box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	background: #fff;
	z-index: 9;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link:hover {
	color: #0A3167;
}
.navbar-nav .nav-link {
	text-transform: uppercase;
}
.navbar .button {
	color: #fff;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	margin-bottom: 15px;
	padding: 0 17px;
	height: 42px;
	line-height: 41px;
	font-size: 15px;
	font-weight: 700;
}

.navbar-right {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.select-country a + a {
	margin-left: 12px;
}
.navbar-nav .dropdown-item {
	padding-left: 10px;
	padding-right: 10px;
	color: #44546A;
	font-weight: 700;
	font-size: 16px;
}
.navbar-nav .dropdown-item.active {
	background-color: transparent;
}
.navbar-nav .dropdown-item:hover {
	text-decoration: underline;
	background-color: transparent;
}
.navbar-light .navbar-toggler {
	background: #f7941e;
}
.dropdown-item .fa-caret-right {
	color: #f7941e;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	-webkit-box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0 16px 0px rgba(0,0,0,0.2);
	border: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu:after {
	content: "";
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	top: -10px;
	left: 70px;
	width: 0;
	height: 0;
}

/*=====ecommerce-solution======*/

.page-wrapper {
	position: relative;
}

.ecommerce-solution {
	color: #fff;
	background: url(../images/banner.jpg) center top no-repeat;
	background-size: cover;
	padding: 30px 0;
	position: relative;
}
.ecommerce-solution h1, .ecommerce-solution h1 strong {
	font-size: 24px;
}
.ecommerce-solution h1 strong {
	font-family: "sofia-700";
}
.ecommerce-solution h1 {
	margin-bottom: 25px;
	font-family: "sofia-200";
}
.options-list li {
	font-size: 18px;
	font-family: "sofia-700";
	padding-left: 30px;
	margin-bottom: 15px;
	line-height: 1.2;
}
.options-list li span {
	font-family: "sofia-200";
}
.options-list {
	padding: 0;
	list-style: none;
	margin-bottom: 40px;
}

.options-list li:before {
	content: "";
	height: 12px;
	width: 5px;
	position: absolute;
	left: 5px;
	top: 10px;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*============services==============*/

.services {
	background: #f2f5fa;
	padding: 50px 0px 20px;
	overflow: hidden;
}
.services .card-body {
	padding: 10px;
}
.services .card {
	background: transparent;
	border: none;
	text-align: center;
	margin-bottom: 30px;
	color: #000;
}
.services .card-title {
	font-weight: 700;
	color: #000;
	font-family: "sofia-700", sans-serif;
}
.services .card-text {
	font-family: "sofia-200", sans-serif;
}
.services br {
	display: none;
}
/*=========clients-wrapper=========*/

.clients-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-shadow: 0px 2px #000;
	background: -webkit-linear-gradient(to bottom, #0c4276, #1dc6ef);
	background: -moz-linear-gradient(to bottom, #0c4276, #1dc6ef);
	background: -o-linear-gradient(to bottom, #0c4276, #1dc6ef);
	background: -ms-linear-gradient(to bottom, #0c4276, #1dc6ef);
	background: linear-gradient(to bottom, #0c4276, #1dc6ef);
	-webkit-box-shadow: 0 31px 57px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 31px 57px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0 31px 57px 0px rgba(0, 0, 0, 0.3);
	z-index: 2;
}

.clients-wrapper .text-bold-lg, .clients-wrapper .sm-text {
	font-family: "sofia-700", sans-serif;
}
.clients-wrapper .text-bold-lg {
	font-size: 30px;
	line-height: 1;
}
.clients-wrapper .sm-text {
	font-size: 18px;
	line-height: 1.2;
}
.clients-wrapper .italic-text {
	font-family: "sofia-200i", sans-serif;
	font-size: 12px;
}
.clients-wrapper .text-center {
	margin-bottom: 25px;
}
.clients-wrapper h2.h2 {
	font-size: 24px;
	color: #fff;
	font-family: "sofia-900", sans-serif;
}
.clients-wrapper .video-wrapper, .clients-wrapper .content {
	top: 0;
	left: 0;
}
.clients-wrapper .video-wrapper {
	position: relative;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	overflow: hidden;
	z-index: 2;
}
.clients-wrapper .video-wrapper figure {
	margin: 0;
}
.clients-wrapper .content {
	top: 19%;
	padding: 0 10px;
	max-width: 229px;
}
.clients-wrapper .content h2.h2, .clients-wrapper .content .sm-text {
	text-shadow: none;
}
.clients-wrapper .content .sm-text {
	font-family: "sofia-pro", sans-serif;
}
/*=========map-wrapper=============*/

.map-wrapper {
	background: #f2f5fa url(../images/bg-icon.png) -310px -310px no-repeat;
	z-index: 1;
	padding: 30px 0px;
	box-shadow: 0px 40px 25px -15px rgba(0,0,0,0.3) inset;
}
.map-wrapper h2, .map-wrapper p {
	font-family: "sofia-700", sans-serif;
}
.map-wrapper p {
	margin-bottom: 30px;
	color: #000;
}

/*=============map-wrapper=========*/

.map-box-wrapper {
	-webkit-box-shadow: 0 0 32px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 32px 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 32px 2px rgba(0,0,0,0.3);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
}
.map-box {
	padding: 0 30px;
}
.column-shadow {
	-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.2);
	margin-left: 0;
	margin-right: 0;
	background: #fff;
	margin-bottom: 45px;
	padding: 10px 0px;
	color: #000;
}
.column-shadow .country-icons {
	padding: 10px 0;
	-ms-flex-align: center;
	align-items: center;
}
.column-shadow .box-text {
	padding: 0px 5px;
}
.column-shadow .box-border {
	border: none;
	border-bottom: 2px solid #f4f4f4;
	margin-left: 0;
	margin-right: 0;
}
.xs-text {
	font-size: 10px;
}
.column-shadow .airtime {
	padding-left: 5px;
	padding-right: 5px;
}
.column-shadow .small-text {
	font-size: 15px;
	font-family: "sofia-700", sans-serif;
}
.column-shadow .globe-icon {
	padding: 10px 20px 10px 57px;
	margin-bottom: 15px;
}
.column-shadow .globe-icon:before {
	content: "";
	background: url(../images/icons/globe-icon.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 4px;
}
.column-shadow .card-transfer-text {
	display: block;
	font-size: 14px;
	margin: 10px 0;
}

/*=======ecommerce-section========*/

.bold-title {
	color: #ffffff;
	font-size: 45px;
	font-family: "sofia-700", sans-serif;
	margin-bottom: 25px;
}
.ecommerce-section, .payment-section, .universal {
	padding: 30px 0;
	background: #d0f6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #d0f6ff 0%, #e5faff 50%, #f8feff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0f6ff 0%,#e5faff 50%,#f8feff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0f6ff 0%,#e5faff 50%,#f8feff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.subtitle {
	font-family: "sofia-700", sans-serif;
}
.subtitle span, .ecommerce-section p, .payment-section p {
	font-family: "sofia-200", sans-serif;
}
.ecommerce-section p, .payment-section p, .solutions-list {
	color: #000;
}
.solutions-list {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.solutions-list li {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-family: "sofia-700", sans-serif;
	margin-bottom: 15px;
}
.solutions-list li i {
	position: absolute;
	left: 0;
	top: 0;
}
.ecommerce-section .btn, .payment-section .btn {
	margin-bottom: 20px;
	font-size: 14px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}
.ecommerce-section .btn .fa-angle-double-down, .payment-section .btn .fa-angle-double-down {
	margin-left: 10px;
}
.iphone-wrap {
	padding: 20px 0;
}
.icon-phone {
	background: url(../images/icon-iphone.png) center top no-repeat;
	background-size: 100% 100%;
	width: 15px;
	height: 18px;
	display: inline-block;
	margin-right: 10px;
}
.double-arrow {
	background: url(../images/double-arrow.png) center top no-repeat;
	background-size: 100% 100%;
	width: 15px;
	height: 17px;
	display: inline-block;
	margin-left: 10px;
}
/*=======testimonial===========*/
.testimonial {
	background: #f2f5fa url(../images/bg-icon.png) -22% -200px no-repeat;
	overflow: hidden;
	padding: 30px 0;
	color: #000;
}
.shape {
	position: absolute;
	right: 0;
	top: -100px;
	width: calc(100% + 50px);
	display: none;
	transform: rotate(-7deg);
	height: 400px;
	box-shadow: 0px 25px 25px -15px rgba(0,0,0,0.3);
	background: #f8feff; /* Old browsers */
	background: -moz-linear-gradient(top, #f8feff 0%, #f8feff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f8feff 0%,#f8feff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f8feff 0%,#f8feff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.testimonial .lg-text {
	font-family: "sofia-200", sans-serif;
	margin-bottom: 30px;
}
.testimonial .lg-text br {
	display: none;
}

/* slick-slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/*Slide item style*/
.testimonial .slick-slide {
	margin: 0 10px;
	padding: 10px 0;
	opacity: 0.4;
}
.testimonial .slick-active {
	opacity: 1;
}
.avatar span {
	font-family: "sofia-700", sans-serif;
}
.slide-item blockquote {
	font-family: "sofia-200", sans-serif;
	margin: 0;
	line-height: 1.2;
	padding: 40px 0 20px;
}
.slide-item {
	background: #fff;
	border-radius: 3px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.rating {
	text-align: center;
}
.rating img {
	display: inline-block;
}
.avatar img {
	width: 77px;
	height: 77px;
	border-radius: 50%;
}
/*=======contact-us===========*/

.contact-us {
	background: url(../images/contact-us-bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 30px 0;
	color: #fff;
}
.contact-us h2, .contact-us input {
	color: #fff;
}
.contact-us input {
	background: none;
	border: solid #fff;
	border-width: 0px 0px 1px 0px;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: "sofia-pro", sans-serif;
	font-size: 15px;
	padding: 0;
	height: 50px;
}
.contact-us .btn {
	margin: 25px 0;
	font-size: 15px;
	line-height: 1.3;
}
.contact-us input:hover, .contact-us input:focus {
	background: none;
	outline: none;
	box-shadow: none;
	border-color: #fff;
	color: #fff;
}
.contact-us .lg-text {
	font-family: "sofia-200", sans-serif;
}
.contact-us .note-text {
	font-family: "sofia-700", sans-serif;
}
.contact-us ::-webkit-input-placeholder {/* Chrome/Opera/Safari */
	color: #fff;
	opacity: 1;
}
.contact-us ::-moz-placeholder {/* Firefox 19+ */
	color: #fff;
	opacity: 1;
}
.contact-us :-ms-input-placeholder {/* IE 10+ */
	color: #fff;
	opacity: 1;
}
.contact-us :-moz-placeholder {/* Firefox 18- */
	color: #fff;
	opacity: 1;
}
/*=======Partners section===========*/
.partners {
	padding: 30px 0;
	background: #f2f5fa;
	box-shadow: 0px 40px 25px -15px rgba(0,0,0,0.3) inset;
}
.partners .subtitle {
	margin-bottom: 25px;
}
.partner-block {
	background: #fff;
	padding: 15px;
	height: 100%;
	position: relative;
}
.partner-grid {
	margin-bottom: 15px;
}
.partners h3 {
	color: #000;
	font-size: 20px;
	font-family: "sofia-700", sans-serif;
	margin-bottom: 15px;
}
/*=======Footer section===========*/
.footer {
	padding: 30px 0;
	color: #fff;
	margin: 0 -10px;
	background: #0a3167; /* Old browsers */
	background: -moz-linear-gradient(top, #0a3167 0%, #116697 50%, #1dc8f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0a3167 0%,#116697 50%,#1dc8f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0a3167 0%,#116697 50%,#1dc8f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer-logo {
	width: 150px;
	margin: 0 auto;
}
.footer-nav, .social-nav {
	padding: 20px 0;
	margin: 0;
	list-style: none;
}
.footer-nav li {
	display: inline-block;
	border-left: 2px solid #fff;
	font-size: 15px;
	line-height: 1;
	padding: 0 10px;
	margin: 10px 0;
}
.social-nav li {
	display: inline-block;
	margin: 0 10px;
}
.social-nav li a {
	width: 40px;
	display: inline-block;
}
.social-nav li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.footer-nav li:first-child {
	border: none;
}
.footer-nav li a {
	color: #fff;
	font-family: "sofia-700", sans-serif;
	text-transform: uppercase;
}
.footer address {
	font-family: "sofia-200", sans-serif;
	font-size: 18px;
	line-height: 1.3;
}
/*=======2) Page Ecommerce Styling===========*/
/*=======ecommerce banner===========*/
.ecommerce-banner {
	background: url(../images/banner2.jpg) center top no-repeat;
	background-size: cover;
	overflow: hidden;
}
.ecommerce-banner .iphone-wrap {
	overflow: hidden;
}
.ecommerce-banner .iphone-wrap img {
	position: relative;
}
/*=======section  universal===========*/
.universal {
	color: #000;
}
.universal .bold-title, .technologies  .bold-title {
	margin-bottom: 0;
}
.universal p {
	font-family: "sofia-200", sans-serif;
}
.universal p.lg-text {
	margin-bottom: 30px;
}
.multi-pay {
	margin-bottom: 30px;
}
.tag-box {
	width: 70px;
	margin-bottom: 10px;
}
.tag-box img, .tag-offer {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.payment-info h3, .feature-block h3, .utilize h3 {
	font-family: "sofia-700", sans-serif;
	font-size: 20px;
}
.payment-info p {
	font-size: 16px;
	line-height: 1.3;
}
.pay-method {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.pay-method li {
	float: left;
	margin-right: 10px;
}
.tag-offer {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 65px;
	font-family: "sofia-700", sans-serif;
	box-shadow: 0 -4px 5px rgba(0,0,0,0.3);
	font-size: 40px;
	background: #0a3167; /* Old browsers */
	background: -moz-linear-gradient(bottom, #0a3167 0%, #116697 40%, #1dc8f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #0a3167 0%,#116697 40%,#1dc8f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #0a3167 0%,#116697 40%,#1dc8f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*=======section  save===========*/
.section-save {
	padding: 30px 0;
	color: #fff;
	font-family: "sofia-700", sans-serif;
	background: #0a3167; /* Old browsers */
	background: -moz-linear-gradient(top, #0a3167 0%, #116697 50%, #1dc8f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0a3167 0%,#116697 50%,#1dc8f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0a3167 0%,#116697 50%,#1dc8f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.section-save .subtitle {
	color: #fff;
	margin-bottom: 25px;
	text-shadow: 0px 1px #000;
}
.section-save span {
	font-size: 18px;
	margin-bottom: 25px;
	text-shadow: 0px 1px #000;
}
.section-save .btn {
	line-height: 1;
	font-size: 14px;
}
/*=======section  technologies===========*/
.technologies {
	padding: 30px 0;
	color: #000;
	background: #f2f5fa;
	box-shadow: 0px 25px 25px -15px rgba(0,0,0,0.3) inset;
	overflow: hidden;
}
.technologies .subtitle {
	margin-bottom: 20px;
}
.tech-note {
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "sofia-700", sans-serif;
}
.technologies p, .utilize p, .utilize blockquote {
	font-family: "sofia-200", sans-serif;
}
.technologies .lg-text {
	margin-bottom: 30px;
}
.tech-list figure {
	width: 45px;
	margin: 0 15px 0 0;
}
.tech-symbol {
	width: 37px;
}
.tech-list {
	margin-bottom: 20px;
}
.tech-list span {
	font-size: 14px;
	line-height: 1.3;
}
.tech-list strong {
	font-family: "sofia-700", sans-serif;
}
.tech-features {
	padding: 30px 0 0;
}
.feature-block {
	position: relative;
	padding: 0 0 0 25px;
}
.feature-block p, .utilize p, .utilize blockquote {
	line-height: 1.3;
}
.feature-block i {
	position: absolute;
	left: -4px;
	top: 2px;
	font-size: 20px;
	color: #F7941E;
}
.tech-logo {
	position: absolute;
	width: 200px;
	right: -28px;
	top: 12%;
}
/*=======Ecom page contact section===========*/
.sub-contact {
	margin: 0 -10px;
	background: url(../images/contact-bg2.jpg) center top no-repeat;
	background-size: cover;
}
/*=======section utilize===========*/
.utilize {
	color: #000;
}
.utilize .subtitle {
	margin-bottom: 30px;
}
.tab-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tab-nav li {
	opacity: 0.2;
	margin-bottom: 25px;
}
.tab-nav li.active {
	opacity: 1;
}
.tab-nav p {
	margin: 0;
}
.tab-content {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	padding: 30px 15px;
	border-radius: 5px;
}
                        
Hub 2

With HUB2, we created a website that serves a universal payment platform for Africa.

HUB2 is a universal payment platform for Africa. With HUB2, users can transfer from and to mobile banking, airtime, SMS, USSD, and credit card. It easily accesses more than 800 million potential customers with 36 operators connected for payments or mobile communications solutions.

Being the first aggregator of means of payment dedicated to the African continent, HTMLPanda was given the opportunity to work on this enticing project. Thus, HTMLPanda's team of experts developed this peculiar website using HTML5, CSS3, and PHP and leveraging the newest technologies available.