http://webex.com/
Last Checked: Jan 21, 2023, 05:54 EST
| IP Address: | 64.68.121.205 |
| ASN #: | AS13445 13445, US |
| Location: | Unknown, Unknown, Unknown |
| URL Reputation: |
|
Other submissions on 64.68.121.205:
No other submissions on this IP address.
Other submissions on webex.com:
-
https://refinitiv.webex.com/refinitiv-en/j.php?MTID=me4e24d93cfabd99303a34825a7f765f5
-
http://calliope-anycast.prod.infra.webex.com/
-
https://pahousing.webex.com/pahousing/j.php?MTID=m2747c8121b3848dcbf8e929344f9824f
-
https://pahousing.webex.com/pahousing/j.php?MTID=m2747c8121b3848dcbf8e929344f9824f
-
https://help.webex.com/
-
http://sip:23359168598@pahousing.webex.com/
-
https://bccr.webex.com/bccr/globalcallin.php?MTID=mfab83130456c5ece1b075bc8f771a29e
-
http://varicent.webex.com/
-
https://web.webex.com/launch?email=Joyce.Atkinson%40sa.gov.au
-
https://web.webex.com/launch?email=Joyce.Atkinson%40sa.gov.au
Previous checks:
No previous checks.
-
GET200 OK
https://cdn.cookielaw.org/scripttemplates/6.39.0/assets/otCommonStyles.css
- http://webex.com/ https://www.webex.com/
- https://unpkg.com/swiper/swiper-bundle.min.js /swiper@8.4.6/swiper-bundle.min.js
<html lang="en"><head>
<title>Video Conferencing, Cloud Calling & Screen Sharing | Webex by Cisco</title>
<meta name="title" content="Video Conferencing, Cloud Calling & Screen Sharing | Webex by Cisco">
<meta charset="UTF-8">
<meta name="apple-itunes-app" content="app-id=833967564">
<meta name="author" content="Webex">
<meta name="publisher" content="Cisco">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.webex.com/">
<meta property="og:title" content="Video Conferencing, Cloud Calling & Screen Sharing | Webex by Cisco">
<meta property="og:description" content="Webex by Cisco is the leading enterprise solution for video conferencing, online meetings, screen share, and webinars. Web conferencing, cloud calling, and equipment.">
<meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png">
<meta property="og:site_name" content="Webex">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.webex.com">
<meta name="twitter:title" content="Video Conferencing, Cloud Calling & Screen Sharing | Webex by Cisco">
<meta name="twitter:description" content="Webex by Cisco is the leading enterprise solution for video conferencing, online meetings, screen share, and webinars. Web conferencing, cloud calling, and equipment.">
<meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png">
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cisco-webex-extension/jlhmfgmfgeifomenelglieieghnjghma">
<link rel="canonical" href="https://www.webex.com/">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Webex by Cisco is the leading enterprise solution for video conferencing, online meetings, screen share, and webinars. Web conferencing, cloud calling, and equipment.">
<meta name="keywords" content="Video Conference, Screen Share, Webinar, Conference Call, Online Meeting">
<meta name="format-detection" content="telephone=no">
<meta name="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="language" content="en">
<meta name="country" content="US">
<meta name="date" content="Thu Dec 22 13:57:00 PST 2022">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script><script data-domain-script="90edb953-2d93-48ae-a39a-d917d0175155" type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" async=""></script><script type="text/javascript" src="/content/dam/wbx-new/common/at_cisco.js"></script>
<script type="text/javascript" src="/etc/designs/wbx/eopi/clientlibs/global/jquery.min.js"></script>
<link rel="stylesheet" href="/etc/designs/wbx/eopi/clientlibs/global/main.min.css" type="text/css">
<link rel="stylesheet" href="/etc/designs/wbx/eopi/clientlibs/global/header.min.css" type="text/css">
<link rel="stylesheet" href="/etc/designs/wbx/eopi/clientlibs/header.min.css" type="text/css">
<link rel="stylesheet" href="/etc/designs/wbx/eopi/clientlibs/footer.min.css" type="text/css">
<script type="text/javascript" src="/etc/designs/wbx/eopi/clientlibs/search-bar.min.js"></script>
<!--[if lt IE 9]>
<script src="includes/js/html5shiv.js"></script>
<link rel="stylesheet" href="/includes/css/rwd-ie8.css" />
<![endif]-->
<link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png">
<link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png">
<script src="https://cdn.cookielaw.org/scripttemplates/6.39.0/otBannerSdk.js" async="" type="text/javascript"></script></head>
<body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative">
<div class="main-no-header">
<div class="body parsys">
<div class="open-html-component">
<div class="wbx-header">
<div class="par iparys_inherited">
<div class="open-html-component">
<!-- Hiding the old chatbot -->
<style>
.c2c-active {
display: none;
}
.c2c-component {
display: none;
}
</style>
<!-- bypass block -->
<style>
.skip-link {
position: fixed;
top: -100px;
background: #01bceb;
color: #fff;
text-decoration: none;
display: inline-block;
z-index: 999;
border-radius: 24px;
padding: 9px 30px;
transform: translate(-50%, -50%);
transition: top 0.3s;
left: 50%;
}
.skip-link:focus {
top: 100px;
}
</style>
<a class="skip-link" href="#content">Skip to content</a>
<!-- Cookie initial code -->
<script>
// this need add into template as base js file
/*!
* jQuery Cookie Plugin v1.4.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
})(function ($) {
var pluses = /\+/g;
function encode(s) {
return config.raw ? s : encodeURIComponent(s);
}
function decode(s) {
return config.raw ? s : decodeURIComponent(s);
}
function stringifyCookieValue(value) {
return encode(config.json ? JSON.stringify(value) : String(value));
}
function parseCookieValue(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
try {
// Replace server-side written pluses with spaces.
// If we can't decode the cookie, ignore it, it's unusable.
// If we can't parse the cookie, ignore it, it's unusable.
s = decodeURIComponent(s.replace(pluses, ' '));
return config.json ? JSON.parse(s) : s;
} catch (e) { }
}
function read(s, converter) {
var value = config.raw ? s : parseCookieValue(s);
return $.isFunction(converter) ? converter(value) : value;
}
var config = ($.cookie = function (key, value, options) {
// Write
if (value !== undefined && !$.isFunction(value)) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires,
t = (options.expires = new Date());
t.setTime(+t + days * 864e5);
}
return (document.cookie = [
encode(key),
'=',
stringifyCookieValue(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : '',
].join(''));
}
// Read
var result = key ? undefined : {};
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
var cookies = document.cookie ? document.cookie.split('; ') : [];
for (var i = 0, l = cookies.length; i < l; i++) {
var parts = cookies[i].split('=');
var name = decode(parts.shift());
var cookie = parts.join('=');
if (key && key === name) {
// If second argument (value) is a function it's a converter...
result = read(cookie, value);
break;
}
// Prevent storing a cookie that we couldn't decode.
if (!key && (cookie = read(cookie)) !== undefined) {
result[name] = cookie;
}
}
return result;
});
config.defaults = {};
$.removeCookie = function (key, options) {
if ($.cookie(key) === undefined) {
return false;
}
// Must not alter options, thus extending a fresh object...
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
return !$.cookie(key);
};
});
</script>
<script>
if (!$.cookie('origin_web')) {
$.cookie('origin_web', "webex.com", {
path: '/',
domain: '.webex.com',
expires: 30,
});
}
var DEF_locale = 'US',
DEF_lang = 'en',
DEF_currency = 'USD';
var user_currency = DEF_currency;
var locale_currency_lang = new Array();
locale_currency_lang[0] = ['US', 'USD', 'en', 'en_US', 'USA'];
locale_currency_lang[1] = ['GB', 'GBP', 'en', 'en_US', 'United Kingdom'];
locale_currency_lang[2] = ['IE', 'EUR', 'en', 'en_US', 'Ireland'];
locale_currency_lang[3] = ['NL', 'EUR', 'en', 'en_US', 'Netherlands'];
locale_currency_lang[4] = ['BE', 'EUR', 'en', 'en_US', 'Belgium'];
locale_currency_lang[5] = ['AT', 'EUR', 'en', 'en_US', 'Austria'];
locale_currency_lang[6] = ['PL', 'EUR', 'en', 'en_US', 'Poland'];
locale_currency_lang[7] = ['SE', 'EUR', 'en', 'en_US', 'Sweden'];
locale_currency_lang[8] = ['DK', 'EUR', 'en', 'en_US', 'Denmark'];
locale_currency_lang[9] = ['NO', 'EUR', 'en', 'en_US', 'Norway'];
locale_currency_lang[10] = ['CH', 'EUR', 'de', 'de_DE', 'Switzerland'];
locale_currency_lang[11] = ['DE', 'EUR', 'de', 'de_DE', 'Germany'];
locale_currency_lang[12] = ['FR', 'EUR', 'fr', 'fr_FR', 'France'];
locale_currency_lang[13] = ['ZA', 'USD', 'en', 'en_IE', 'South Africa'];
locale_currency_lang[14] = ['IL', 'USD', 'en', 'en_IE', 'Israel'];
locale_currency_lang[15] = ['RO', 'EUR', 'en', 'en_IE', 'Romania'];
locale_currency_lang[16] = ['CZ', 'EUR', 'en', 'en_IE', 'Czech Republic'];
locale_currency_lang[17] = ['FI', 'EUR', 'en', 'en_IE', 'Finland'];
locale_currency_lang[18] = ['HU', 'EUR', 'en', 'en_IE', 'Hungary'];
locale_currency_lang[19] = ['BG', 'EUR', 'en', 'en_IE', 'Bulgaria'];
locale_currency_lang[20] = ['SK', 'EUR', 'en', 'en_IE', 'Slovakia'];
locale_currency_lang[21] = ['JP', 'JPY', 'ja', 'ja_JP', 'Japan'];
locale_currency_lang[22] = ['SG', 'USD', 'en', 'en_SG', 'Singapore'];
locale_currency_lang[23] = ['NZ', 'USD', 'en', 'en_IE', 'New Zealand'];
locale_currency_lang[24] = ['VN', 'USD', 'en', 'en_SG', 'Vietnam'];
locale_currency_lang[25] = ['AE', 'USD', 'en', 'en_SG', 'UAE'];
locale_currency_lang[26] = ['MY', 'USD', 'en', 'en_SG', 'Malaysia'];
locale_currency_lang[27] = ['TH', 'USD', 'en', 'en_SG', 'Thailand'];
locale_currency_lang[28] = ['IT', 'EUR', 'en', 'en_IE', 'Italy'];
locale_currency_lang[29] = ['ES', 'EUR', 'es', 'es_ES', 'Spain'];
locale_currency_lang[30] = ['PT', 'EUR', 'en', 'en_IE', 'Portugal'];
locale_currency_lang[31] = ['LU', 'EUR', 'fr', 'fr_FR', 'Luxembourg'];
locale_currency_lang[32] = ['GR', 'EUR', 'en', 'en_IE', 'Greece'];
locale_currency_lang[33] = ['CY', 'EUR', 'en', 'en_IE', 'Cyprus'];
locale_currency_lang[34] = ['UA', 'EUR', 'en', 'en_SG', 'Ukraine'];
locale_currency_lang[35] = ['SI', 'EUR', 'en', 'en_IE', 'Slovenia'];
locale_currency_lang[36] = ['HR', 'EUR', 'en', 'en_IE', 'Croatia'];
locale_currency_lang[37] = ['GI', 'GBP', 'en', 'en_IE', 'Gibraltar'];
locale_currency_lang[38] = ['MT', 'EUR', 'en', 'en_IE', 'Malta'];
locale_currency_lang[39] = ['LV', 'EUR', 'en', 'en_IE', 'Latvia'];
locale_currency_lang[40] = ['EE', 'EUR', 'en', 'en_IE', 'Estonia'];
locale_currency_lang[41] = ['LT', 'EUR', 'en', 'en_IE', 'Lithuania'];
locale_currency_lang[42] = ['CA', 'CAD', 'en', 'en_CA', 'Canada'];
locale_currency_lang[43] = ['CAF', 'CAD', 'fr', 'fr_CA', 'Canada'];
locale_currency_lang[44] = ['AU', 'AUD', 'en', 'en_SG', 'Australia'];
locale_currency_lang[45] = ['HK', 'USD', 'en', 'en_SG', 'Hong Kong'];
locale_currency_lang[46] = ['TW', 'USD', 'en', 'en_SG', 'Taiwan'];
locale_currency_lang[47] = ['KR', 'USD', 'en', 'en_SG', 'Korea (South)'];
locale_currency_lang[48] = ['IS', 'EUR', 'en', 'en_IE', 'Iceland'];
locale_currency_lang[49] = ['CO', 'USD', 'es', 'es_ES', 'Colombia'];
locale_currency_lang[50] = ['PE', 'USD', 'es', 'es_ES', 'Peru'];
locale_currency_lang[51] = ['BR', 'USD', 'en', 'en_IE', 'Brazil'];
locale_currency_lang[52] = ['AR', 'USD', 'es', 'es_ES', 'Argentina'];
locale_currency_lang[53] = ['CL', 'USD', 'es', 'es_ES', 'Chile'];
locale_currency_lang[54] = ['EC', 'USD', 'es', 'es_ES', 'Ecuador'];
locale_currency_lang[55] = ['PR', 'USD', 'es', 'es_ES', 'Puerto Rico'];
locale_currency_lang[56] = ['CR', 'USD', 'es', 'es_ES', 'Costa Rica'];
locale_currency_lang[57] = ['DO', 'USD', 'es', 'es_ES', 'Dominican Republic'];
locale_currency_lang[58] = ['PA', 'USD', 'es', 'es_ES', 'Panama'];
locale_currency_lang[59] = ['TN', 'USD', 'en', 'en_IE', 'Tunisia'];
locale_currency_lang[60] = ['LI', 'EUR', 'de', 'de_DE', 'Liechtenstein'];
locale_currency_lang[61] = ['MC', 'EUR', 'fr', 'fr_FR', 'Monaco'];
locale_currency_lang[62] = ['MX', 'USD', 'es', 'es_ES', 'Mexico'];
var USList = ['US', 'ZA', 'SG', 'IL', 'VN', 'AE', 'MY', 'TH', 'TN'];
var UKList = ['GB', 'IE', 'NL', 'BE', 'AT', 'PL', 'SE', 'DK', 'NO', 'RO', 'CZ', 'FI', 'HU', 'BG',
'SK', 'PT', 'GR', 'CY', 'UA', 'SI', 'HR', 'GI', 'MT', 'LV', 'EE', 'LT', 'IS'];
var AUList = ['AU', 'NZ'];
var allEnList = USList.concat(UKList).concat(AUList).concat(['CA', 'IN']);
var FRList = ['FR', 'LU', 'MC'];
var DEList = ['DE', 'CH', 'LI'];
var ZHList = ['TW', 'MO', 'HK'];
var MXList = ['CO', 'PE', 'AR', 'CL', 'EC', 'PR', 'CR', 'DO', 'PA', 'MX'];
function get_lang(locale) {
if (locale == 'JP') {
return 'ja';
} else if (locale == 'IT') {
return 'it';
} else if (locale == 'KR') {
return 'ko';
} else if (locale == 'BR') {
return 'pt';
// } else if (locale == 'UA') {
// return 'uk';
// }
} else if ($.inArray(locale, DEList) != -1) {
return 'de';
} else if ($.inArray(locale, FRList) != -1 || locale == 'CAF') {
return 'fr';
} else if ($.inArray(locale, MXList) != -1 || locale == 'ES') {
return 'es';
} else if ($.inArray(locale, ZHList) != -1) {
return 'zh-tw';
} else if ($.inArray(locale, allEnList) != -1) {
return 'en';
}
//get browser setting language by navigator object
var browser_lang = (navigator.language || navigator.browserLanguage).toLowerCase();
if (browser_lang.indexOf('zh') != -1) {
if (browser_lang.indexOf('-') != -1) {
var param = browser_lang.split('-');
if (param[1].toLowerCase() == 'cn') {
return 'cn';
} else {
return 'n-cn';
}
} else {
return 'cn';
}
} else {
return browser_lang.slice(0, 2);
}
}
function change_currency(local) {
if (local == undefined) {
return;
}
var len_locale = locale_currency_lang.length;
for (var i = 0; i < len_locale; i++) {
if (locale_currency_lang[i][0] == local) {
user_currency = locale_currency_lang[i][1];
break;
}
}
$.cookie('user_currency', user_currency, { path: '/', expires: 30 });
}
var headerLocale = '',
headerIP = '';
function init_cookie_lang_locale() {
var req = new XMLHttpRequest();
req.open('HEAD', document.location, true);
req.onreadystatechange = function () {
headerLocale = DEF_locale;
if (req.readyState == 4) {
var headerInfo = req.getResponseHeader('x-wbx-about');
if (headerInfo != null && headerInfo != '') {
var headerInfoSplit = headerInfo.split(',');
headerLocale = headerInfoSplit[0];
headerIP = headerInfoSplit[1].trim();
}
$.cookie('head_locale', headerLocale, { path: '/', expires: 30 });
if (document.cookie.indexOf('user_locale') === -1 || $.cookie('user_locale') == '') {
$.cookie('user_locale', headerLocale, { path: '/', expires: 30 });
var bLang =
DEF_lang == 'fr' ? 'fr' : (navigator.language || navigator.browserLanguage).toLowerCase().slice(0, 2);
var hLang = headerLocale == 'CA' && bLang == 'fr' ? 'fr' : get_lang(headerLocale);
$.cookie('user_lang', hLang, { path: '/', expires: 30 });
change_currency(headerLocale);
} else {
var u_locale = $.cookie('user_locale');
var hLang = u_locale == 'CA' && $.cookie('user_lang') == 'fr' ? 'fr' : get_lang(u_locale);
$.cookie('user_lang', hLang, { path: '/', expires: 30 });
change_currency(u_locale);
}
}
};
req.send(null);
}
init_cookie_lang_locale();
</script>
<script>
/* All constants should be declared here */
var Webex = Webex || {};
Webex.util = Webex.util || {};
Webex.device = {
mobilMedia:
navigator.userAgent.match(/iPhone|iPad|iPod/i) ||
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/BB/i) ||
navigator.userAgent.match(/Windows Phone/i),
android: navigator.userAgent.match(/Android/i),
ios: navigator.userAgent.match(/iPhone|iPad|iPod/i),
blackBerry: navigator.userAgent.match(/BB/i),
windowsPhone: navigator.userAgent.match(/Windows Phone/i),
};
Webex.util.isScrollbarVisible = function () {
return !Webex.device.mobilMedia && $(document).height() > $(window).height();
};
Webex.util.getWindowWidth = function () {
Webex.util.windowWidth = parseInt($(window).width(), 10);
if (Webex.util.isScrollbarVisible()) {
Webex.util.windowWidth += 17;
}
return Webex.util.windowWidth;
};
var isMac = /iPad|iPhone|iPod|Mac/.test(navigator.userAgent);
if (isMac) {
$('#wbx-header').addClass('wbx-mac');
}
window.onpageshow = function (event) {
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
var isSmall = Webex.util.getWindowWidth() < 992;
var isMenuOpen = !$('.wbx-header-menu').hasClass('collapsed');
var isMac = /Mac/.test(navigator.userAgent);
if (event.persisted && ((isIOS && isSmall && isMenuOpen) || isMac)) {
window.location.reload();
}
};
$('.SEOPreventDefault').click(function (e) {
e.preventDefault();
});
// fix DE4094 ziyuan 20180425
$(function () {
function isIE() {
var matches;
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
matches = /(msie\s|trident.*rv:)([\w.]+)/.exec(navigator.userAgent.toLowerCase());
return matches[2];
} else {
return -1;
}
}
if (isIE() > 0) {
$(
'#wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup .wbx-header-popup-arrow'
).addClass('header-list-IE');
}
$('.wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup-toggle').bind('click', function () {
if ($(this).parent().hasClass('collapsed')) {
$('#wbx-header').addClass('bg-white');
} else {
$('#wbx-header').removeClass('bg-white');
}
});
// ft link update to FT2.0
$('a[href*="pricing/free-trial.html"]:not([href*="sp=wt"])').attr({
href: 'https://cart.webex.com/sign-up',
});
});
</script>
<script>
// fix SPARK-77865 by Floyd Li
$(document).ready(function () {
var isMac = /iPad|iPhone|iPod/.test(navigator.userAgent);
function isClickable(ele) {
var flag =
ele.hasClass('wbx-header-popup-toggle') ||
ele.hasClass('wbx-header-menu-toggle') ||
ele.hasClass('hamburger') ||
ele.hasClass('hamburger-bun') ||
ele.parents('.wbx-header-popup').length > 0 ||
(ele[0] && ele[0].href && !ele[0].hasAttribute('data-wbx-toggle-trigger'));
return flag;
}
if (isMac) {
document.addEventListener('touchend', function (e) {
if (isClickable($(e.target))) {
return;
} else if ($('.wbx-header-popup[aria-hidden=false]').length > 0) {
e.preventDefault();
var btn = $('.wbx-header-popup-toggle[aria-expanded="true"]');
btn[0] && btn[0].click();
$('#wbx-header').removeClass('bg-white');
}
});
} else {
document.addEventListener('click', function (e) {
if (isClickable($(e.target))) {
return;
} else if ($('.wbx-header-popup[aria-hidden=false]').length > 0) {
e.preventDefault();
$('#wbx-header').removeClass('bg-white');
}
});
}
});
function postToPage(originUrl, postUrl) {
// var domain = 'https://signin-ha.qa.webex.com';
var domain = 'https://signin.webex.com';
var lang = 'en_US';
postUrl = domain + postUrl;
$("a[href='" + originUrl + "']")
.attr('href', '#')
.removeAttr('target')
.on('click', function (e) {
e.preventDefault();
var html =
"<form id='postToPage' method='post' action=' " +
postUrl +
"'>" +
"<input name='language' value='" +
lang +
"'>" +
'</form>';
$('div')[0].innerHTML += html;
$('#postToPage').submit();
$('#postToPage').remove();
});
}
$(document).ready(function () {
postToPage(
'https://www.webex.com/go/host-meeting',
'/collabs/auth?service=it&from=hostmeeting&TrackID=&hbxref=&goid=host-meeting'
);
postToPage(
'https://www.webex.com/go/attend-meeting',
'/collabs/#/meetings/joinbynumber?TrackID=&hbxref=&goid=attend-meeting'
);
postToPage('https://signin.webex.com/collabs/auth', '/collabs/auth');
postToPage(
'https://signin.webex.com/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do',
'/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do'
);
});
$(document).ready(function () {
/* Header Scripts */
const css = {
light: "header_light__2HLwE",
active: "header_active__3fbTP",
menuItemHasChildren: "header_menuItemHasChildren__bCODH",
subMenu: "header_subMenu__WoVAg",
fastClose: "header_fastClose__1Go-F",
scrollUp: "header_scrollUp__3QV5h",
scrollDown: "header_scrollDown__SQo3T"
}
// navigation item selectors
const wrapper = document.querySelector('.header_headerWrapper__30NyQ');
const header = document.querySelector(`.header_header__12jgZ`);
// navigation menu selectors
const openedMenu = document.querySelector('.header_openedMenu__1_VVm');
const closedMenu = document.querySelector('.header_closedMenu__LcJ3R');
const navbarMenu = document.querySelector('.header_navbar__2vIOU');
const menuOverlay = document.querySelector('.header_overlay__2h1yB');
let isLocked = false;
$(".header_lastItem__2ID7v").click(function () {
$('nav').animate({ scrollTop: $('#signInWbxID').offset().top }, 'slow');
});
function initialStates() {
document.body.style.overflow = "";
menuOverlay.classList.remove(css.active);
wrapper.classList.remove(css.light);
isLocked = false;
}
// eslint-disable-next-line no-inner-declarations
function collapseSubMenu() {
navbarMenu
?.querySelector(
`.${css.menuItemHasChildren}.${css.active} .${css.subMenu}`,
)
?.removeAttribute("style");
navbarMenu
.querySelector(`.${css.menuItemHasChildren}.${css.active}`)
.classList.remove(css.active);
initialStates();
}
// eslint-disable-next-line no-inner-declarations
function toggleMenu() {
navbarMenu.classList.toggle(css.active);
const isOpen = navbarMenu.classList.contains(css.active);
if (isOpen) {
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "";
initialStates();
}
}
openedMenu.addEventListener("click", toggleMenu);
closedMenu.addEventListener("click", toggleMenu);
menuOverlay.addEventListener("click", collapseSubMenu);
navbarMenu.querySelectorAll("a[data-toggle]").forEach((item) => {
item.addEventListener('click', event => {
const menuItemHasChildren = event.currentTarget.parentElement;
if (menuItemHasChildren.classList.contains(css.active)) {
collapseSubMenu();
isLocked = false;
} else {
if (
navbarMenu.querySelector(
`.${css.menuItemHasChildren}.${css.active}`,
)
) {
collapseSubMenu();
}
document.body.style.overflow = "hidden";
wrapper.classList.add(css.light);
menuItemHasChildren.classList.add(css.active);
const subMenu = menuItemHasChildren.querySelector(`.${css.subMenu}`);
subMenu.style.maxHeight = `${subMenu.scrollHeight}px`;
menuOverlay.classList.toggle(css.active);
isLocked = true;
}
});
});
let lastScroll = 0;
const onWindowScroll = () => {
const currentScroll = window.pageYOffset;
if (currentScroll < header.offsetHeight) {
header.classList.add(css.fastClose);
} else {
header.classList.remove(css.fastClose);
}
if (currentScroll < header.offsetHeight) return;
if (currentScroll === 0) {
wrapper.classList.remove(css.scrollUp);
return;
}
if (
currentScroll > lastScroll &&
!wrapper.classList.contains(css.scrollDown) &&
!isLocked
) {
// down
wrapper.classList.remove(css.scrollUp);
wrapper.classList.add(css.scrollDown);
} else if (
currentScroll < lastScroll &&
wrapper.classList.contains(css.scrollDown)
) {
// up
wrapper.classList.remove(css.scrollDown);
wrapper.classList.add(css.scrollUp);
}
lastScroll = currentScroll;
};
window.addEventListener("scroll", onWindowScroll);
if (!!window.IntersectionObserver) {
let observer = new IntersectionObserver(
(entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting && !isLocked) {
if (entry.target.classList.contains("bg-black")) {
wrapper.classList.remove(css.light);
} else {
wrapper.classList.add(css.light);
}
}
});
},
{
rootMargin: "0px 0px -100% 0px",
},
);
document.querySelectorAll(".page-wrapper > section").forEach((module) => {
observer.observe(module);
});
}
});
</script>
<div id="content" tabindex="-1"></div>
<link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css">
<style>
.wx-wrapper .container {
max-width: 100%;
}
a.no-border,
a.no-border:hover {
border-bottom-color: transparent !important;
}
.header_navbarButton__3nH08 {
background: #fff;
}
.signin-form input {
width: 100%;
}
@media (min-width: 1025px) {
.wx-wrapper .gradient-blurple-desktop {
background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-bl.svg);
}
.webex-app-mobile {
display: none;
}
.webex-suite-mobile {
display: none;
}
.header_dropdownItemTop__3g0Q0 {
min-height: 145px !important;
}
.header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul.mbody {
margin-top: 1vw;
}
.mb-20 {
margin-bottom: 20px !important;
}
}
.header_allDeviceCard__WPtZy:hover .btn span {
background-color: #078855 !important;
color: #fff;
}
@media (max-width: 1025px) {
.wx-wrapper .gradient-blurple-mobile {
background-attachment: local;
background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-tr.svg);
background-position: 100% 0;
background-repeat: no-repeat;
}
.header_allDeviceCard__WPtZy {
background-color: black !important;
}
.wx-wrapper .inherit-width {
width: inherit !important;
}
.header_allDeviceCard__WPtZy:hover .btn span {
background-color: transparent !important;
}
.webex-app-desktop {
display: none;
}
.webex-suite-desktop {
display: none;
}
.solutions-grid {
flex-direction: column-reverse !important;
}
.hybrid-work-container {
padding-bottom: 5.33vw;
margin-bottom: 9.5vw !important;
border-bottom: 1px solid #c4c4c4;
}
.workspaces-mobile {
border: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
}
.header_deviceCard__15ArY p {
min-height: 100px;
}
/*fixes whitebg on mobile*/
@media (max-width: 1025px) {
.header_subMenu__WoVAg.bg-white {
background-color: transparent !important;
}
}
/* navupdate JIRA-10602 by Terry */
.desktopview{display: block;}
.mobileview{display: none;}
@media(min-width:1025px) {
.header_dropdownMenu__3DtqE .header_solutionCard__XQC9y.cardstack .header_solutionCardRight__q1GZM .header_solutionCardImageBig__2P0uY img {
height:auto;
border-radius: 10px;
margin-top: 10px;
}
.header_dropdownMenu__3DtqE .header_solutionCard__XQC9y.cardstack {
display: flex;
flex-flow: column;
}
.header_dropdownMenu__3DtqE .header_solutionCard__XQC9y{
padding-left: 2.0833333333vw;
}
}
@media (max-width: 1025px) {
.desktopview{display: none;}
.mobileview{display: block;}
.solutions-grid {
/* flex-direction: column !important; */
}
}
</style>
<!-- header -->
<div class="wx-wrapper navigation-wrapper">
<div class="header_headerWrapper__30NyQ header_scrollUp__3QV5h">
<div class="header_overlay__2h1yB"></div>
<header class="header_header__12jgZ header_fastClose__1Go-F">
<section class="header_banner__2BrOE">
<div class="container">
<div class="grid">
<div class="col">
<ul class="header_list__1f0QB">
<li><a href="/downloads.html" tabindex="0">Download</a></li>
<li><a href="https://help.webex.com/contact" tabindex="0" rel="noopener">Support</a></li>
<li><a href="/contact-sales.html?locale=US" tabindex="0">Contact Sales</a></li>
<li><span class="xsbody header_phone__CWCpv" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9."><a href="tel:+1-888-469-3239">+1-888-469-3239</a></span></li>
</ul>
</div>
</div>
</div>
</section>
<section class="header_wrapper__OpVK9">
<div class="container">
<div class="header_wrapperInner__2aEot">
<a href="/" class="header_logo__21HnF">
<div class="h1 header_h1__144Es header_blackLogo__tSzjc" role="heading" aria-level="1">
<div><img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"><span>Webex</span></div>
</div>
<div class="h1 header_h1__144Es header_whiteLogo__3V9L4" role="heading" aria-level="1">
<div><img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/white.png" alt="Webex"><span>Webex</span></div>
</div>
</a><button type="button" class="header_openedMenu__1_VVm" aria-label="Open menu"><span></span><span></span></button>
<nav class="header_navbar__2vIOU gradient-blurple-mobile">
<div class="header_closeDiv__ZBNqn"><a href="tel:1-888-469-3239" class="xsbody" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9.">+1-888-469-3239</a><button type="button" class="header_closedMenu__LcJ3R"><span><span class="icon-close"></span></span></button></div>
<ul class="header_menu__TYJcK header_firstMenu__2IC4J">
<li class="header_menuItem__cnNBL header_mobileBtn__3w30I"><button onclick="window.open('https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck')" class="btn btn-contact">Sign Up, It's Free</button><button onclick="window.open('/contact-sales.html?locale='+$.cookie('user_locale'))" class="btn btn-secondary-dark">Contact Sales</button></li>
<li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl">
<a href="javascript:void(0);" data-toggle="sub-menu">Products <i class="icon-open header_expand__1bvc0"></i></a>
<ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop">
<div class="header_dropdownMenu__3DtqE">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm">
<div>
<div class="header_areaTitle__uG4p3 mb-20">
<p class="sbody fw-medium">For Personal & Small Business
</p>
</div>
<div class="header_dropdownItem__2eX_2">
<div class="header_dropdownItemTop__3g0Q0">
<div class="header_dropdownItemTitle__3SOAl">
<h6 class="webex-app-desktop">
<div>Webex App<span class="icon-open header_mobileArrow__2s7Bj"></span>
</div>
</h6>
<h6 class="webex-app-mobile"><a href="/all-new-webex.html">Webex App<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</h6>
</div>
<div class="header_dropdownItemDesc__23wtb">
<p class="sbody color-boulder">
The all-in-one app to call, meet, message, and
get work done.
</p>
</div>
<div class="header_ctaBox__3kCvW"><a href="/all-new-webex.html" tabindex="0" class="fw-medium color-salem">Explore the App
<!-- --> <span class="icon-arrow"></span>
</a></div>
</div>
<ul class="mbody">
<li><a href="/cloud-calling.html" tabindex="0">Calling<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/video-conferencing.html" tabindex="0">Meetings<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/team-collaboration.html" tabindex="0">Messaging<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
<p></p>
<!--
<div>
<div class="header_areaTitle__uG4p3 mb-20">
<p class="sbody fw-medium">For Government
</p>
</div>
<div class="header_dropdownItem__2eX_2">
-->
<!-- header_dropdownItemTop__3g0Q0 --><div class="">
<!--
<div class="header_dropdownItemTitle__3SOAl">
<h6 class="webex-app-desktop">
<div>Government<span
class="icon-open header_mobileArrow__2s7Bj"></span>
</div>
</h6>
<h6 class="webex-app-mobile"><a style="border:none;
display:flex;
align-items:center; font-size: 5.8666666667vw;" href="/industries/government.html/">Government<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</h6> <p></p>
</div>
-->
<!-- <div class="header_dropdownItemDesc__23wtb">
<p class="sbody color-boulder">
The all-in-one app to call, meet, message, and
get work done.
</p>
</div>
<div class="header_ctaBox__3kCvW"><a href="/all-new-webex.html" tabindex="0"
class="fw-medium color-salem">Explore the App
<!-- -- <span class="icon-arrow"></span>
</a></div> -->
<!--
</div>
<ul class="mbody">
<li><a href="/industries/government-fedramp.html" tabindex="0">Webex for Government (FedRAMP)<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/government/defense.html" tabindex="0">Webex for Defense HCS-D<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/webex-legislate.html" tabindex="0">Legislate for Webex<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
-->
</div>
</div>
<div class="col col-9 col-sm">
<div class="header_areaTitle__uG4p3 header_areaTitleSec__2XOJE mb-20">
<p class="sbody fw-medium">For Enterprise</p>
</div>
<div class="grid">
<div class="col col-4 col-sm">
<div class="header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB">
<div class="header_dropdownItemTop__3g0Q0">
<div class="header_dropdownItemTitle__3SOAl">
<h6 class="webex-suite-desktop">
<div>Webex Suite<span class="icon-open header_mobileArrow__2s7Bj"></span>
</div>
</h6>
<h6 class="webex-suite-mobile"><a href="/collaboration-suite.html">Webex Suite<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</h6>
</div>
<div class="header_dropdownItemDesc__23wtb">
<p class="sbody color-boulder">Introducing
the first best-of-breed suite for hybrid
work.</p>
</div>
<div class="header_ctaBox__3kCvW"><a href="/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">Explore the Suite<span class="icon-arrow"></span>
</a></div>
</div>
<ul class="mbody">
<li><a href="/enterprise-cloud-calling.html" tabindex="0">Calling<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/meetings.html" tabindex="0">Meetings<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/team-collaboration.html" tabindex="0">Messaging<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/events.html" tabindex="0">Events<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/webinar.html" tabindex="0">Webinars<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<!-- <li class="ml2"><a href="https://socio.events/" tabindex="0" rel="noopener"
>Socio<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li> -->
</ul>
</div>
</div>
<div class="col col-4 col-sm">
<div class="header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB">
<div class="header_dropdownItemTop__3g0Q0">
<div class="header_dropdownItemTitle__3SOAl">
<h6>
<div>Customer Experience<span class="icon-open header_mobileArrow__2s7Bj"></span>
</div>
</h6>
</div>
<div class="header_dropdownItemDesc__23wtb">
<p class="sbody color-boulder">Solutions for
connecting the customer journey and
creating customer delight.</p>
</div>
<div class="header_ctaBox__3kCvW"><a href="/products/customer-experience.html" tabindex="0" class="fw-medium color-salem">Explore the Solutions<span class="icon-arrow"></span>
</a></div>
</div>
<ul class="mbody">
<li><a href="/contact-center.html" tabindex="0">Contact Center<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/products/contact-center-AI.html" tabindex="0">AI for Contact Center<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<!--<li><a href="/experience-management.html" tabindex="0">Experience Management<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>-->
<li><a href="/products/workforce-optimization.html" tabindex="0">Workforce Optimization<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/products/cpaas.html" tabindex="0">CPaaS<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<!--<li><a href="/customer-interaction-management.html" tabindex="0">imimobile<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>-->
</ul>
</div>
</div>
<div class="col col-4 col-sm">
<div class="header_dropdownItem__2eX_2">
<div class="header_dropdownItemTop__3g0Q0">
<div class="header_dropdownItemTitle__3SOAl">
<h6>
<div>Platform<span class="icon-open header_mobileArrow__2s7Bj"></span>
</div>
</h6>
</div>
<div class="header_dropdownItemDesc__23wtb">
<p class="sbody color-boulder">
Enterprise-grade security,
administration and management of Webex.
</p>
</div>
</div>
<ul class="mbody">
<li><a href="/products/collaboration-ai.html" tabindex="0">Collaboration AI<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/security.html" tabindex="0">Security<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--testing my code-->
</div>
</div>
</div>
</ul>
</li>
<li class="header_menuItem__cnNBL"><a href="https://pricing.webex.com/us/en/index.html">Pricing</a></li>
<li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"><a href="javascript:void(0);" data-toggle="sub-menu">Devices <i class="icon-open header_expand__1bvc0"></i></a>
<ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop">
<div class="header_dropdownMenu__3DtqE">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/headsets" rel="noopener" class="header_deviceCard__15ArY">
<img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_1.png" alt="device image">
<h6>Headsets<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Stay focused. Get outstanding
audio, wherever you work.</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/cameras" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_2.png" alt="device image">
<h6>Cameras<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Always look your best!
Professional cameras, optimized for video meetings.</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/desk-series" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_3.png" alt="device image">
<h6>Desk Series<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Call, meet, co-create and
more. Intelligent collaboration devices for every desk.
</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/room-series-and-kits" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_4.png" alt="device image">
<h6>Room Series<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Eliminate distance. Video
bars and smart multi-screen video conferencing for every
workspace.</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/board-series" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_5.png" alt="device image">
<h6>Board Series<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Let teamwork thrive.
All-in-one presentation displays, video meetings,
digital whiteboards.</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/phones" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_6.png" alt="device image">
<h6>Phone Series<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Make every call count.
Business-class phones for the desk, the frontline, and
everywhere between.</p>
</a></div>
<div class="col col-3 col-sm"><a tabindex="0" href="https://hardware.webex.com/products/accessories" rel="noopener" class="header_deviceCard__15ArY"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/devicecard_7.png" alt="device image">
<h6>Accessories<span class="icon-open header_mobileArrow__2s7Bj"></span>
</h6>
<p class="sbody color-boulder">Enhance your workplace.
Panels for booking rooms, advanced microphones, and
more.</p>
</a></div>
<div class="col col-3 col-sm">
<a href="/collaboration-devices.html" tabindex="0" class="header_allDeviceCard__WPtZy">
<span class="btn btn-round-icon btn-round-icon color-white">
View All Devices<span class="icon-open header_mobileArrow__2s7Bj"></span>
<span class="icon-arrow bg-white color-black"></span>
</span>
</a>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"><a href="javascript:void(0);" data-toggle="sub-menu">Solutions <i class="icon-open header_expand__1bvc0"></i></a>
<ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop">
<div class="header_dropdownMenu__3DtqE">
<div class="container">
<div class="grid solutions-grid">
<div class="col col-9 col-sm">
<div class="grid header_solutionLeft__2XR9c">
<div class="col col-4 col-sm">
<div class="header_solutionLinkList__3Jujs">
<div class="header_solutionListTitle__2EOGR">
<h6>Industry</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="/industries/education.html" tabindex="0">Education<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/healthcare.html" tabindex="0">Healthcare<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/government.html" tabindex="0">Government<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/financial-services.html" tabindex="0">Finance<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/sports-entertainment.html" tabindex="0">Sports &
Entertainment<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/frontline.html" tabindex="0">Frontline<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/nonprofits.html" tabindex="0">Nonprofits<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/industries/start-ups.html" tabindex="0">Startups<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
<div class="col col-4 col-sm">
<div class="header_solutionLinkList__3Jujs">
<div class="header_solutionListTitle__2EOGR">
<h6>App Integrations</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="https://apphub.webex.com/" tabindex="0">App Hub<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/products/integrations/index.html" tabindex="0">Integration Partners<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/solutions/interoperability.html" tabindex="0">Interoperability<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://developer.webex.com" tabindex="0">Developer Tools<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
<div class="col col-4 col-sm">
<div class="header_solutionLinkList__3Jujs workspaces-mobile">
<div class="header_solutionListTitle__2EOGR">
<h6>Workspaces</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="/workspaces/explore.html" rel="noopener" tabindex="0">All Workspaces<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<!-- <li><a href="/workspaces/home.html" rel="noopener" tabindex="0">Home Spaces<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/workspaces/office.html" rel="noopener" tabindex="0">Office Spaces<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/workspaces/anywhere.html" rel="noopener" tabindex="0">Anywhere Spaces<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li> -->
<!-- <li><a href="https://hardware.webex.com/workspaces/personal-offices"
rel="noopener" tabindex="0">Personal Spaces<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://hardware.webex.com/workspaces/huddle"
rel="noopener" tabindex="0">Huddle Spaces<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://hardware.webex.com/workspaces/co-creation"
rel="noopener" tabindex="0">Co-Creation<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://hardware.webex.com/workspaces/meeting"
rel="noopener" tabindex="0">Meeting Rooms<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://hardware.webex.com/workspaces/special-purpose-rooms"
rel="noopener" tabindex="0">Special Purpose Rooms<span
class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li> -->
</ul>
</div>
</div>
</div>
</div>
<div class="col col-3 col-sm hybrid-work-container">
<a href="/hybrid-work.html" tabindex="0" class="grid header_solutionCard__XQC9y cardstack">
<div class="col header_solutionCardLeft__2Z7Pk">
<div class="header_solutionCardTitle__1G5NW">
<h6>Hybrid Work<span class="icon-open header_mobileArrow__2s7Bj"></span></h6>
</div>
<div class="header_solutionCardDesc__20YXZ">
<p class="sbody color-boulder">Webex powers a new
way of collaborating that’s centered around the
work you do, not where you do it.</p>
</div>
<div class="header_solutionCta__2JiaQ"><span class="fw-medium color-salem">Learn More<span class="icon-arrow"></span></span>
</div>
</div>
<div class="col header_solutionCardRight__q1GZM inherit-width">
<div class="header_solutionCardImageBig__2P0uY">
<img class="desktopview" src="/content/dam/wbx/us/images/rebrand/nav-footer/hybridwork-wide.jpg" alt="device image">
<img class="mobileview" src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 8.jpg" alt="device image">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"><a href="javascript:void(0);" data-toggle="sub-menu">Resources <i class="icon-open header_expand__1bvc0"></i></a>
<ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop">
<div class="header_dropdownMenu__3DtqE">
<div class="container">
<div class="grid">
<div class="col col-6 col-sm">
<div class="grid header_solutionLeft__2XR9c">
<div class="col col-6 col-sm">
<div class="header_solutionLinkList__3Jujs">
<div class="header_solutionListTitle__2EOGR">
<h6>Why Webex</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="/inclusive-collaboration.html" tabindex="0">Inclusivity<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/accessibility.html" tabindex="0">Accessibility<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/security.html" tabindex="0">Security<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
<div class="header_solutionLinkList__3Jujs">
<div class="header_solutionListTitle__2EOGR">
<h6>For Partners</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="https://explore.webex.com/partner-resources" tabindex="0">Partner Resource Hub<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
<div class="col col-6 col-sm">
<div class="header_solutionLinkList__3Jujs">
<div class="header_solutionListTitle__2EOGR">
<h6>Learn</h6>
</div>
<ul class="header_solutionList__3yIOq">
<li><a href="/webexone-wire-2022.html" tabindex="0">What's New<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://help.webex.com" tabindex="0" rel="noopener">Product Help<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<!-- <li><a href="/learn/webinars-demos.html" tabindex="0"
>Live & On-Demand Webinars<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li> -->
<li><a href="https://essentials.webex.com" tabindex="0" rel="noopener">Product Essentials<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user" tabindex="0" rel="noopener">Webex Community<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="/customers.html" tabindex="0" rel="noopener">Customer Stories<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
<li><a href="https://webexahead.webex.com/" tabindex="0" rel="noopener">Thought Leadership<span class="icon-open header_mobileArrow__2s7Bj"></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-6 col-sm">
<a href="https://blog.webex.com/" tabindex="0" class="grid header_solutionCard__XQC9y">
<div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk">
<div class="header_solutionCardTitle__1G5NW">
<h6>Webex Blog<span class="icon-open header_mobileArrow__2s7Bj"></span></h6>
</div>
<div class="header_solutionCardDesc__20YXZ">
<p class="sbody color-boulder">What's new, tips and tricks,<br> and much more.
</p>
</div>
<div class="header_solutionCta__2JiaQ"><span class="fw-medium color-salem">Learn More<span class="icon-arrow"></span></span>
</div>
</div>
<div class="col col-4 col-sm header_solutionCardRight__q1GZM inherit-width">
<div class="header_solutionCardImageSmall__3YV7D"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 81.jpg" alt="device image"></div>
</div>
</a>
<a href="/learn/webinars-demos.html" rel="noopener" tabindex="0" class="grid header_solutionCard__XQC9y">
<div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk">
<div class="header_solutionCardTitle__1G5NW">
<h6><span class="desktopview">Live & On-Demand</span> Webinars<span class="icon-open header_mobileArrow__2s7Bj"></span></h6>
</div>
<div class="header_solutionCardDesc__20YXZ">
<p class="sbody color-boulder">Explore our library of virtual events.</p>
</div>
<div class="header_solutionCta__2JiaQ"><span class="fw-medium color-salem">Learn More<span class="icon-arrow"></span></span>
</div>
</div>
<div class="col col-4 col-sm header_solutionCardRight__q1GZM inherit-width">
<div class="header_solutionCardImageSmall__3YV7D"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/live_on-demand-sm.jpg" alt="device image"></div>
</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</li>
</ul>
<ul class="header_menu__TYJcK header_secondMenu__XWyEm">
<li class="header_menuItem__cnNBL header_mobileBtn__3w30I"><a href="/downloads.html">Download</a></li>
<li class="header_menuItem__cnNBL"><a href="https://signin.webex.com/join" rel="noopener">Join a Meeting</a></li>
<li class="header_menuItem__cnNBL header_mobileBtn__3w30I"><a href="https://help.webex.com/contact" rel="noopener">Support</a>
</li>
<li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_signInCta__1-t4e">
<a href="https://signin.webex.com" id="signInButton" class="header_lastItem__2ID7v">Sign In</a>
<script>
function checkCookie() {
// If user has unified cookie, send to web unified.
if ($.cookie('webex-app-preference-unified')) {
return true;
}
return false;
}
function getUnifiedCookie() {
return $.cookie('webex-app-preference-unified');
}
if (checkCookie()) {
document.getElementById('signInButton').href = 'https://web.webex.com?autosignin=' + getUnifiedCookie();
}
</script>
</li>
<li class="header_menuItem__cnNBL header_deskBtn__RKPYF"><a class="no-border" href="https://cart.webex.com/sign-up" rel="noopener"><button class="btn header_navbarButton__3nH08">Sign Up, It's Free</button></a></li>
</ul>
</nav>
</div>
</div>
</section>
<div id="forFloatBanner" class="bg-black">
<style>
.header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; }
#floatBanner { width: 90vw; height: 80px; background: #363636; border-radius: 25px; margin: 0 auto; position: relative; display: none; }
.f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; }
.f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);}
.f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 38px; z-index: 2; display: none; }
.f-b-close:hover { transform: scale(1.18); }
.f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; }
.f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.f-b-body { height: 100%; display: flex; align-items: center; padding-right: 30px; position: relative; z-index: 1; }
.f-b-left { height: 100%; display: flex; align-items: center; position: relative; }
.f-b-left span { width: 100%; font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: -0.02em; text-align: center; color: #FFFFFF; position: absolute; left: 0; }
.f-b-img { width: auto; height: 100%; border-radius: 25px 0 0 25px; margin-left: -2px; }
.f-b-title { width: 100%; font-weight: 500; font-size: 16px; line-height: 22px; color: #FFFFFF; margin-left: 30px; display: flex; align-items: center; justify-content: space-between; }
.f-b-title br { display: none; }
a.f-b-btn { width: 100px; height: 38px; line-height: 38px; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; text-align: center; color: #FFF; background: transparent;
border: 1px solid #FFF; border-radius: 30px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 30px; flex: 0 0 142px; }
a.f-b-btn:hover { background: #FFF; color: #181818; }
.wx-wrapper .btn.btn-secondary-light.floatie-button { white-space: nowrap; margin-left: 30px; }
.wx-wrapper .btn.btn-secondary-light.floatie-button:focus { box-shadow: none; }
@media (min-width: 1025px) {
.withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); }
#floatBanner { width: 87vw; height: 100px; border-radius: 30px; }
.f-b-img { border-radius: 30px 0 0 30px; }
.f-b-body { padding-right: 40px; }
.f-b-left span { font-size: 30px; line-height: 28px; letter-spacing: -0.04em; }
.f-b-title { font-size: 18px; line-height: 26px; letter-spacing: -0.02em; margin-left: 40px; }
a.f-b-btn { width: 120px; height: 44px; line-height: 44px; font-size: 15px; flex: 0 0 170px; margin-left: 40px; }
}
@media (max-width: 1745px) and (min-width: 1025px) {
.withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; }
}
@media (max-width: 1024px) and (min-width: 768px) {
.withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(6vw + 150px); }
.wx-wrapper .btn.btn-secondary-light.floatie-button { width: auto; }
}
@media (max-width: 767px) {
.withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(8vw + 260px); }
#floatBanner { width: 90vw; height: auto; border-radius: 20px; overflow: hidden; }
/* .f-b-bg { border-radius: 20px; } */
.f-b-close { right: 20px; top: 20px; display: block; }
.f-b-body { display: block; padding: 20px 50px 18px 20px; }
.f-b-left { width: 100%; height: auto; }
.f-b-left span br { display: none; }
.f-b-img { width: 100%; border-radius: 0; }
.f-b-title { text-align: left; margin: 0; flex-direction: column; align-items: flex-start; }
a.f-b-btn { width: 100%; margin-top: 20px; margin-left: 0; flex: 0 0 38px; }
.f-b-img { width: 160px; border-radius: 10px; margin-bottom: 19px; }
.wx-wrapper .btn.btn-secondary-light.floatie-button { width: auto; height: auto; border: none; border-radius: 0; border-bottom: 1px solid #FFF; padding: 0; margin-left: 0; margin-top: 20px; }
.wx-wrapper .btn.btn-secondary-light.floatie-button:hover { color: #FFF; border-color: transparent; background: transparent; }
}
</style>
<div id="floatBanner" style="display: block;">
<a class="f-b-close">
<span class="hamburger-bun"></span>
<span class="hamburger-bun"></span>
</a>
<a href="https://pricing.webex.com/us/en/hybrid-work/webinars/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=online_webinars_HP_floatie&team=dg" class="floatie-link" data-click-id="global-nav_blue-banner-CTA">
<!-- <div class="f-b-bg gradient-bl-green"></div> -->
<!-- version 1 -->
<div class="f-b-body">
<div class="f-b-left">
<img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/products/cybermonday_image_desktop.png">
</div>
<div class="f-b-title">Limited Time Offer! Save 75% on a Webex Webinars plan for up to 1,000 attendees.
<button href="https://pricing.webex.com/us/en/hybrid-work/webinars/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=online_webinars_HP_floatie&team=dg" class="btn btn-secondary-light floatie-button">Get the Discount</button>
</div>
</div>
<!-- version 2 -->
<!-- <div class="f-b-body">
<div class="f-b-left">
<img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/cyberMonday-floatie2.jpg">
<span><svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.8344 24.6457C16.8354 25.6124 17.2196 26.5393 17.9029 27.2233C18.5861 27.9073 19.5126 28.2924 20.4794 28.2944C21.4471 28.2944 22.3752 27.91 23.0595 27.2257C23.7437 26.5414 24.1282 25.6134 24.1282 24.6457V24.0457C24.1282 22.8344 23.4569 21.6119 22.4669 21.2294L18.4957 19.6957C17.9825 19.4617 17.5506 19.0805 17.2547 18.6003C16.9589 18.1202 16.8126 17.5629 16.8344 16.9994V16.4219C16.8334 15.9431 16.9269 15.4688 17.1094 15.0262C17.292 14.5835 17.56 14.1812 17.8983 13.8423C18.2365 13.5034 18.6382 13.2345 19.0805 13.0511C19.5227 12.8676 19.9969 12.7732 20.4757 12.7732C21.4434 12.7732 22.3714 13.1576 23.0557 13.8419C23.74 14.5261 24.1244 15.4542 24.1244 16.4219M20.4794 12.7732V9.12442M20.4794 31.9169V28.2719M34.5982 7.08442C37.9379 10.6133 39.8369 15.2637 39.9221 20.1216C40.0072 24.9795 38.2722 29.6936 35.0581 33.3372C31.844 36.9809 27.3833 39.2906 22.5528 39.8124C17.7222 40.3343 12.8712 39.0304 8.95314 36.1572C5.03509 33.2839 2.33342 29.0491 1.37914 24.2851C0.42486 19.5211 1.28699 14.5724 3.79608 10.4117C6.30518 6.2511 10.2798 3.17939 14.9386 1.80039C19.5975 0.421382 24.6036 0.834813 28.9732 2.95942" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</div>
<div class="f-b-title">Limited Time Offer! Save 75% on Webex Webinars for up to 1,000 attendees.
<a href="https://purchase.webex.com/?promo=cyber2022" class="f-b-btn" data-click-id="global-nav_blue-banner-CTA">Buy Now</a>
</div>
</div> -->
</a>
</div>
<script>
$(document).ready(function () {
$('.header_header__12jgZ').append($('#forFloatBanner'));
$('.wx-wrapper.page-wrapper').addClass('withFloatBanner');
$('#floatBanner').show();
$('.f-b-close').bind('click', function () {
$('#floatBanner').remove();
$('.wx-wrapper.page-wrapper').removeClass('withFloatBanner');
})
if (smSizeForFloatie) {
$('.floatie-link').attr('href', 'javascript:;');
let aTitleHtml = $('.f-b-title').html().replace('button', 'a');
$('.f-b-title').html(aTitleHtml);
}
});
let smSizeForFloatie = $(window).width() < 768 ? 1 : 0;
let floatieLinkHref = $('.floatie-link').attr('href');
$(window).resize(function () {
let smSizeForFloatieNew = $(window).width() < 768 ? 1 : 0;
if (!smSizeForFloatie && smSizeForFloatieNew) {
$('.floatie-link').attr('href', 'javascript:;');
let aTitleHtml = $('.f-b-title').html().replace('button', 'a');
$('.f-b-title').html(aTitleHtml);
} else if (smSizeForFloatie && !smSizeForFloatieNew) {
$('.floatie-link').attr('href', floatieLinkHref);
let buttonTitleHtml = $('.f-b-title').html().replace('<a', '<button').replace('</a>', '</button>');
$('.f-b-title').html(buttonTitleHtml);
}
smSizeForFloatie = smSizeForFloatieNew;
})
</script>
</div></header>
<style>@media (min-width: 1025px) {.header_headerWrapper__30NyQ.header_scrollUp__3QV5h.header_light__2HLwE .header_banner__2BrOE { padding-right: 12px; }.header_headerWrapper__30NyQ.header_scrollUp__3QV5h.header_light__2HLwE .header_wrapperInner__2aEot { padding-right: 12px; }.header_menuItem__cnNBL.header_menuItemHasChildren__bCODH.header_active__3fbTP .header_dropdownMenu__3DtqE { padding-right: 12px; } }</style></div>
</div>
<style>
.wx-wrapper .col-bb {
flex-basis: 25%;
max-width: 25%;
margin-top: -150px;
}
/* fix tab layout */
a.js-tab-focus {
outline: #80CDF1 solid 2px !important;
outline-offset: 1px !important
}
/* fix images with incorrect aspect ratio */
@media (min-width: 1025px) {
.header_dropdownMenu__3DtqE .header_deviceCard__15ArY img {
width: auto;
}
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_menu__TYJcK>.header_menuItem__cnNBL>.header_subMenu__WoVAg .header_solutionLeft__2XR9c .header_solutionLinkList__3Jujs .header_solutionList__3yIOq li {
line-height: 1.1;
padding-top: calc((18px + .1vw) * 0.17);
padding-bottom: calc((18px + .1vw) * 0.17);
}
}
@media (max-width: 1024px) {
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK>.header_menuItem__cnNBL>.header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY {
height: 25.5vw;
}
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK>.header_menuItem__cnNBL>.header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img {
height: auto !important;
}
}
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_menu__TYJcK>.header_menuItem__cnNBL>.header_subMenu__WoVAg .header_dropdownItem__2eX_2 ul li.ml2 {
/* margin-top: -0.15vw; */
}
@media (max-width: 1024px) {
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK>.header_menuItem__cnNBL>.header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul li.ml2 {
/* margin-top: -1.8vw; */
}
}
/* fix ONL-13999 */
@media (max-width: 1024px) {
.header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 {
position: relative;
z-index: 3;
}
.header_headerWrapper__30NyQ .header_header__12jgZ .header_closeDiv__ZBNqn .header_closedMenu__LcJ3R .icon-close {
color: #000;
}
}
/* update ONL-14238 */
@media (min-width: 1025px) {
.header_dropdownMenu__3DtqE .header_solutionLeft__2XR9c .header_solutionLinkList__3Jujs + .header_solutionLinkList__3Jujs {
margin-top: 5vw;
}
}
</style>
<script>
/* fix for high contrast mode */
function HCTest(idval) {
var objDiv, objImage, strColor, strWidth, strReady;
var strImageID = idval; // ID of image on the page
// Create a test div
objDiv = document.createElement('div');
//Set its color style to something unusual
objDiv.style.color = 'rgb(31, 41, 59)';
// Attach to body so we can inspect it
document.body.appendChild(objDiv);
// Read computed color value
strColor = document.defaultView ? document.defaultView.getComputedStyle(objDiv, null).color : objDiv.currentStyle.color;
strColor = strColor.replace(/ /g, '');
// Delete the test DIV
document.body.removeChild(objDiv);
// Check if we get the color back that we set. If not, we're in
// high contrast mode.
if (strColor !== 'rgb(31,41,59)') {
return true;
} else {
return false;
}
}
$(function () {
var HCM = HCTest();
if (HCM === true) {
$(".header_headerWrapper__30NyQ .header_wrapper__OpVK9 .header_blackLogo__tSzjc").css("display", "none");
$(".header_headerWrapper__30NyQ .header_wrapper__OpVK9 .header_whiteLogo__3V9L4").css("display", "block");
}
});
</script>
<script>
// fixed width issue in header (caused by scrollbar)
$(document).ready(function() {
var scrollWidth = window.innerWidth - document.body.clientWidth;
var fixedCSS = '<style>@media (min-width: 1025px) {'
+ '.header_headerWrapper__30NyQ.header_scrollUp__3QV5h.header_light__2HLwE .header_banner__2BrOE { padding-right: ' + scrollWidth + 'px; }'
+ '.header_headerWrapper__30NyQ.header_scrollUp__3QV5h.header_light__2HLwE .header_wrapperInner__2aEot { padding-right: ' + scrollWidth + 'px; }'
+ '.header_menuItem__cnNBL.header_menuItemHasChildren__bCODH.header_active__3fbTP .header_dropdownMenu__3DtqE { padding-right: ' + scrollWidth + 'px; }'
+ ' }</style>';
$('.header_headerWrapper__30NyQ').append(fixedCSS);
})
</script></div>
</div>
</div>
<div class="wbx-content">
<div class="open-html-component section">
<!-- homepage redirect -->
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return "";
}
setTimeout(function () {
// if (location.href.indexOf("/content/webex/global") == -1) {
var cLocale = $.cookie("user_locale");
//come from other countries, with param r (region)
var region = getQueryString("r").toUpperCase();
if (region) {
var arrUrl = location.href.split(/[\?&]r=/);
if (region == DEF_locale || region == 'GB' || region == 'AU' || region == 'CA' || region == 'IN') {
$.cookie("user_locale", region, { path: '/', expires: 30 });
cLocale = region;
}
if (location.href.indexOf('/en_US/') > -1) {
location.assign(arrUrl[0]);
} else {
window.history.pushState({}, 0, arrUrl[0]);
}
}
//update cookie and redirect to corresponding site
change_currency(cLocale);
cLocale = ((cLocale == 'CA' && $.cookie("user_lang") == 'fr') || cLocale == 'FR_CA') ? 'CAF' : cLocale;
var cLang = get_lang(cLocale);
$.cookie("user_lang", cLang, { path: '/', expires: 30 });
reLocate(cLocale, cLang);
// }
}, 500);
var otherSitesMap = { 'CN': 'https://www.webex.com.cn/' };
var otherLangList = ['fr', 'de', 'es', 'ja', 'it', 'zh', 'ko', 'pt'];
var isAuthorPage = location.href.indexOf("/content/webex/") > -1;
function reLocate(locale, lang) {
// redirect start
if (otherSitesMap[locale]) {
location.href = otherSitesMap[locale];
} else if (lang == DEF_lang) {
return;
} else if ($.inArray(lang, otherLangList) != -1) {
if (isAuthorPage) {
location.href = location.href.replace('/en_US/', "/" + lang + "/");
} else {
location.href = location.protocol + '//' + location.host + '/' + lang + '/index.html';
}
} else {
return;
}
}
</script>
<!-- homepage redirect end -->
<!-- float Inclusive Collaboration -->
<!-- float Inclusive Collaboration end -->
<!-- float Inclusive Collaboration old Version -->
<!--<div id="forFloatBanner" class="bg-black">
<style>
.header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; }
#floatBanner { width: 87vw; height: 100px; background: #212121; border-radius: 30px; margin: 0 auto;
position: relative; display: none; }
.f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; }
.f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);}
.f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s;
position: absolute; right: 36px; top: 38px; z-index: 2; }
.f-b-close:hover { transform: scale(1.18); }
.f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px;
display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; }
.f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px;
-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.f-b-body { height: 100%; display: flex; align-items: center; padding-right: 70px; position: relative; z-index: 1; }
.f-b-img { width: auto; height: 100%; border-radius: 30px 0 0 30px; margin-left: -2px; }
.f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 20px; }
a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; }
a.f-b-link:hover { border-bottom: 1px solid #078855; }
a.f-b-link span.icon-arrow { position: relative; top: 2px; }
a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 10px; padding: 0 18px; }
a.f-b-btn:hover { background: #078855; color: #fff; }
@media (min-width: 1025px) {
.withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); }
}
@media (max-width: 1745px) and (min-width: 1025px) {
.withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; }
}
@media (max-width: 1024px) {
.withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(12vw + 190px); padding-top: calc(12vw + 220px); }
#floatBanner { width: 90vw; height: auto; border-radius: 20px; }
.f-b-bg { border-radius: 20px; }
.f-b-close { right: 20px; top: 20px; }
.f-b-body { display: block; padding: 20px 50px 18px 20px; }
.f-b-img { width: 160px; border-radius: 10px;margin-bottom: 15px; }
.f-b-title { font-size: 12px; line-height: 16px; margin: 0;}
a.f-b-link { display: inline-block; }
a.f-b-btn { margin: 0 0 6px 0; }
}
</style>
<div id="floatBanner">
<div class="f-b-bg gradient-bl-green"></div>
<a class="f-b-close">
<span class="hamburger-bun"></span>
<span class="hamburger-bun"></span>
</a>
<div class="f-b-body">
<img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/products/webex-webinar-wxo.jpg">
<div class="f-b-title">Limited Time Offer! Save 75% on a Webex Webinars plan for up to 1,000 attendees.
<br class="hidden-lg"><br class="hidden-lg"><a href="https://pricing.webex.com/us/en/hybrid-work/webinars/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=online_webinars_HP_floatie&team=dg" class="f-b-link" data-click-id="global-nav_blue-banner-CTA">Get the Discount <span class="icon-arrow"></span></a>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.header_header__12jgZ').append($('#forFloatBanner'));
$('.wx-wrapper.page-wrapper').addClass('withFloatBanner');
$('#floatBanner').show();
$('.f-b-close').bind('click', function () {
$('#floatBanner').remove();
$('.wx-wrapper.page-wrapper').removeClass('withFloatBanner');
})
});
</script>
</div>-->
<!-- float Inclusive Collaboration old Version end -->
<link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css">
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- <script src="/content/dam/wbx/us/images/rebrand/1scrollhero.js"></script> -->
<style>
/* fix for header.css */
/* .bg-white {
background-color: #fff !important;
} */
.featured-case-study_blogCard__20k0V:hover a {
background-color: #078855 !important;
color: #fff;
}
.featured-case-study_blogCard__20k0V a:hover .bg-white {
/* background-color: inherit !important; */
background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855 !important;
background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important;
background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important;
background-color: rgb(7, 136, 85);
}
</style>
<main>
<section class="wx-wrapper page-wrapper withFloatBanner">
<!-- Cyber Monday start-->
<!-- <section class="cyberMonday-banner bg-black color-white">
<style>
section.cyberMonday-banner {
padding-top: 16vw;
padding-bottom: 10.6666666667vw;
}
.homepage-intro_gridWrapper__KQapH {
margin-top: -1px;
}
.cyberMonday-banner .cyberMonday-banner-wrapper {
background-image: url(/content/dam/wbx/us/images/rebrand/cyberMonday-bannerBg.jpg);
background-color: #181818;
background-position: top center;
background-size: cover;
padding: 68px 20px 18px;
}
.cyberMonday-banner h1.mbody {
font-size: calc(18px + .1vw);
line-height: 1.67;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cyberMonday-banner h2.h3 {
margin-top: 14px;
margin-bottom: 14px;
}
.cyberMonday-banner .calling-hero_buttonWrap__3Wufa {
margin-top: 24px;
margin-bottom: 32px;
}
.cyberMonday-banner p.sbody {
font-size: calc(12px + .1vw);
line-height: 1.33;
letter-spacing: -0.01em;
margin-bottom: 0;
}
@media (min-width: 1025px) {
section.cyberMonday-banner {
padding-top: 4.02777777778vw;
padding-bottom: 4.02777777778vw;
}
.homepage-intro_gridWrapper__KQapH {
padding-top: 7.0833333333vw;
}
.cyberMonday-banner h1.mbody {
font-size: calc(22px + .1vw);
line-height: 1.64;
}
}
@media (max-width: 1024px) {
.cyberMonday-banner p.lbody {
line-height: 1.375;
}
}
.btn-reverse-inactive {
transition: all 0.3s;
}
.btn-reverse-inactive:hover{
background: transparent!important;
border: 0.1rem solid #fff!important;
color: #fff!important;
}
</style>
<div class="container">
<div class="grid grid-center">
<div class="col col-12 col-sm">
<div class="cyberMonday-banner-wrapper br-30">
<h1 class="mbody fw-regular text-center">CYBER MONDAY</h1>
<h2 class="h3 fw-medium text-center" role="heading" aria-level="2">Get up to 75% <br>off Webex</h2>
<p class="lbody text-center">4 days only. Sale ends Thursday.*</p>
<div class="calling-hero_buttonWrap__3Wufa text-center">
<a href="https://purchase.webex.com/?promo=cyber2022" target="_blank"
class="btn btn-primary-light btn-reverse-inactive">Buy Now <span class="icon-arrow"></span></a>
</div>
<p class="sbody text-center">*Select plans only. Discount applied automatically at checkout.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- Cyber Monday end-->
<!--
<section class="webexone-banner bg-black color-white">
<style>
section.webexone-banner {
padding-top: 10.6666666667vw;
padding-bottom: 10.6666666667vw;
}
.webexone-banner .webexone-banner-wrapper {
background-image: url(/content/dam/wbx/us/images/webexone2022/wx1-hp-heroBg.jpg);
background-color: #181818;
background-position: top center;
background-size: cover;
padding: 60px 20px;
}
.webexone-banner p.lbody {
margin-top: 20px;
margin-bottom: 20px;
}
.calling-hero_buttonWrap__3Wufa {
margin-bottom: 0;
}
@media (min-width: 1025px) {
section.webexone-banner {
padding-top: 2.7777777778vw;
padding-bottom: 2.7777777778vw;
}
.webexone-banner .webexone-banner-wrapper {
/* height: 600px; */
padding-top: 130px;
padding-bottom: 130px;
}
.calling-hero_buttonWrap__3Wufa a.btn:not(:first-child) {
margin-left: 20px;
}
}
@media (max-width: 1024px) {
.webexone-banner p.lbody {
line-height: 1.375;
}
.calling-hero_buttonWrap__3Wufa a.btn:not(:first-child) {
margin-top: 2.6666666667vw;
}
}
.btn-reverse-inactive:hover{
background: transparent!important;
border: 0.1rem solid #fff!important;
color: #fff!important;
}
</style>
<div class="container">
<div class="grid grid-center">
<div class="col col-12 col-sm">
<div class="webexone-banner-wrapper br-30">
<h2 class="h2 fw-regular text-center" role="heading" aria-level="2">The collaboration
<br class="hidden-sm">event of the year.</h2>
<p class="lbody text-center">Catch up on WebexOne 2022. Register to watch all the keynotes
<br class="hidden-sm"> and session replays for the latest innovations and insights.</p>
<div class="calling-hero_buttonWrap__3Wufa text-center">
<a class="btn btn-primary-light btn-reverse-inactive"
href="https://app.socio.events/MTgyNTM/Welcome/245838?utm_medium=website&utm_source=wdc&utm_campaign=2022_wx1_wdc&utm_channel=hero_watchreplay&utm_content=hero_watchreplay&team=wdc" target="_blank">Watch Now <span class="icon-arrow"></span></a>
<a class="btn btn-secondary-light" href="https://www.webexone.com/index.html?utm_medium=website&utm_source=wdc&utm_campaign=2022_wx1_wdc&utm_channel=herolearnmore&utm_content=herolearnmore&team=wdc" target="_blank"
>Learn More <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<!--hero callisto start-->
<!-- <style>
.hero_callisto_background{
background-repeat: no-repeat;
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 30px;
}
.hero_callisto_heading,.hero_callisto_desc{
color: #fff;
text-align: center;
}
.hero_callisto_yt-close {
width: 32px;
height: 32px;
display: block;
cursor: pointer;
transition: .5s;
position: absolute;
display: none;
}
.hero_callisto_yt-close:hover {
transform: scale(1.18);
}
.hero_callisto_yt-close .hamburger-bun {
width: 32px;
height: 2px;
background: #fff;
border-radius: 20px;
display: block;
margin-top: 4px;
transform: rotate(135deg);
transition: all 200ms ease-in-out;
}
.hero_callisto_yt-close .hamburger-bun:first-child {
margin-bottom: 0;
position: relative;
top: 6px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.hero_callisto_cta .btn.btn-primary:hover, .hero_callisto_cta .btn.btn-secondary-light:hover{
color: #181818!important;
}
.hero_callisto_cta .btn.btn-round-icon:hover span[class^=icon-]{
background: #078855!important;
color: #fff!important;
}
@media(max-width:1024px) {
.wx-wrapper.page-wrapper .hero_callisto .container .hero_callisto_content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.wx-wrapper.page-wrapper .hero_callisto{
padding-top: 12vw;
}
.hero_callisto_yt-close {
width: 20px;
height: 20px;
}
.hero_callisto_yt-close .hamburger-bun {
width: 20px;
}
img.hero_callisto_background{
height: 550px;
}
.hero_callisto_heading{
font-weight: 500!important;
font-size: 40px!important;
line-height: 44px!important;
letter-spacing: -0.04em!important;
margin-bottom: 20px!important;
width: 76.533vw;
}
.hero_callisto_desc{
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.04em;
}
.hero_callisto_cta{
margin-top: 40px;
text-align: center;
}
.hero_callisto_cta a{
margin-bottom: 12px;
}
.hero_callisto_cta .btn.btn-secondary-light.btn-round-icon [class^=icon-]{
color: #fff;
}
.hero_callisto_cta .btn.btn-secondary-light span::before{
content: "\e908";
}
.wx-wrapper.page-wrapper .hero_callisto .container #video{
position: absolute;
left: 0;
top: 0;
padding-left: 5.3333333333vw;
width: 100%;
padding-right: 5.3333333333vw;
height: 100%;
display: none;
}
.hero_callisto_yt-close{
right: 5.2%;
top: 0;
position: absolute;
z-index: 10;
}
}
@media(min-width:1025px) {
.wx-wrapper.page-wrapper .hero_callisto .container .hero_callisto_content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.wx-wrapper.page-wrapper .hero_callisto{
padding-top: 40px;
}
img.hero_callisto_background{
height: 31vw;
}
.hero_callisto_heading{
font-weight: 500!important;
font-size: 84px!important;
line-height: 84px!important;
letter-spacing: -0.04em!important;
margin-bottom: 20px!important;
}
.hero_callisto_desc{
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: -0.02em;
}
.hero_callisto_cta{
margin-top: 20px;
text-align: center;
}
.hero_callisto_cta a{
margin-right: 20px;
}
.wx-wrapper.page-wrapper .hero_callisto .container #video{
position: absolute;
left: 0;
top: 0;
padding-left: 6.3888888889vw;
width: 100%;
padding-right: 6.3888888889vw;
height: 100%;
display: none;
}
.hero_callisto_yt-close{
right: 10.5%;
top: 18px;
position: absolute;
z-index: 10000;
}
}
</style>
<script>
$(document).ready(function() {
$('#play-video').on('click', function(ev) {
$("#video").html('<iframe src="https://www.youtube.com/embed/21X5lGlDOfg?autoplay=1&controls=0&showinfo=0&rel=0" rel="0" width="100%" height="100%" allow="autoplay"/>');
$(".hero_callisto_content").hide();
$("#video").show();
$(".hero_callisto_yt-close").show();
ev.preventDefault();
});
$('.hero_callisto_yt-close').on('click', function(e){
console.log('close yt video');
$("#video").html('');
$(".hero_callisto_content").show();
$(".hero_callisto_yt-close").hide();
$("#video").hide();
});
});
</script> -->
<!-- <section class="hero_callisto wbx-grid bg-black">
<div class="container">
<img class="hero_callisto_background" src="/content/dam/wbx/us/images/spaceCampaign_still_04_6Kx4K 2.jpg"/>
<a class="hero_callisto_yt-close">
<span class="hamburger-bun"></span>
<span class="hamburger-bun"></span>
</a>
<div id="video">
</div>
<div class="hero_callisto_content">
<h1 class="hero_callisto_heading">To the Moon <br class="hidden-sm">and beyond.</h1>
<span class="hero_callisto_desc">Webex will test video communication between Earth <br class="hidden-sm">and deep space as part of NASA’s Artemis I mission. </span>
<div class="hero_callisto_cta">
<a href="https://webexahead.webex.com/callisto/" class="btn btn-primary">Learn More <span class="icon-arrow"></span></a>
<a href="javascript:void(0)" id="play-video" class="btn btn-round-icon btn-secondary-light">Watch Now <span class="icon-play"></span></a>
</div>
</div>
</div>
</section> -->
<!-- Hero callisto end-->
<section class="homepage-intro_homepageIntro__nTgKv homepage-intro_module__2j6H6 bg-black hide-header color-white" data-navbar-target="true">
<section class="" data-images-loaded-class="undefined">
<div class="scroll-sequence__content">
<div class="container">
<div class="grid grid-between homepage-intro_gridWrapper__KQapH">
<div class="col col-7 col-sm">
<h2 class="h2 " role="heading" aria-level="2"><span>One app for everything. And
everyone.
</span></h2>
</div>
<div class="col col-4 col-bottom col-sm ">
<div class="homepage-intro_descriptionBox__2pTL9"><span>Calling, meetings, messaging,
and events in the cloud for teams of all sizes.</span></div>
<div class="homepage-intro_buttonWrap__1GReO hidden-sm"><a href="https://cart.webex.com/sign-up" class="homepage-intro_btn__29wGP btn btn-primary">Sign Up, It’s Free <span class="icon-arrow"></span></a><a href="/contact-sales.html?locale=US" class="homepage-intro_btn__29wGP btn btn-secondary-light">Contact Sales <span class="icon-arrow"></span></a></div>
</div>
</div>
</div>
</div>
<div class="homepage-intro_videoWrapper__BWeOA grid grid-around hidden-sm"><video id="homepage-intro_videoId__2545R" class="homepage-intro_video___WTjA" muted="" preload="auto" playsinline="" poster="/content/dam/wbx/us/images/rebrand/hero-images/homepage_poster.jpeg" width="100%" height="auto">
<source src="/content/dam/wbx/us/images/rebrand/hero-videos/webex_homepage_hero.mp4" type="video/mp4"><img src="/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png" title="Your browser does not support the <video> tag" alt="">
</video></div>
<div class="mobile-cover undefined block-sm"><img src="/content/dam/wbx/us/images/rebrand/hero-images/webex_homepage_hero_image_mobile.png" class="img100p" alt="One app for everything. And everyone. ">
<div class="container homepage-intro_mobileBtn__3ZYPI">
<div class="homepage-intro_buttonWrap__1GReO"><a href="https://cart.webex.com/sign-up" class="homepage-intro_btn__29wGP btn btn-primary">Sign Up, It’s Free <span class="icon-arrow"></span></a><a href="/contact-sales.html?locale=US" class="homepage-intro_btn__29wGP btn btn-secondary-light">Contact Sales <span class="icon-arrow"></span></a></div>
</div>
</div>
</section>
</section>
<script>
const navbarTarget = true;
const moduleClass = "bg-black hide-header";
const title = "One app for everything. And everyone. ";
const description = "Calling, Meeting, and Messaging for teams large and small.";
const mobileImage = "/hero-images/webex_homepage_hero_image_mobile.png";
const primaryCTA = "Start For Free <span class='icon-arrow'></span>";
const secondaryCTA = "Learn More <span class='icon-arrow'></span>";
const videoSrc = "/hero-videos/webex_homepage_hero.mp4";
const fallbackImage = "/Home-Fallback V2 16_9.png";
const posterImage = "/hero-images/homepage_poster.jpeg";
if (typeof window !== "undefined" && window.screen.width >= 1024) {
videoxy = document.getElementById("homepage-intro_videoId__2545R");
videoRectanglexy = videoxy.getBoundingClientRect();
function getIntroBoundingRect() {
videoRectanglexy = video.getBoundingClientRect();
}
function doScrollStuff() {
var scrollTop =
window.pageYOffset ||
(document.documentElement || document.body.parentNode || document.body).scrollTop;
if (scrollTop >= videoRectanglexy.top * 0.66) {
videoxy.play();
// since video played once we no longer need listeners
window.removeEventListener("scroll", doScrollStuff);
window.removeEventListener("resize", getIntroBoundingRect);
}
}
window.addEventListener("scroll", doScrollStuff);
window.addEventListener("resize", getIntroBoundingRect);
}
</script>
<!--good-->
<section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="overview" data-navbar-target="true" data-module="text-grid">
<a name="overview-anchor" class="module-sticky-target"></a>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Working better,<br> together.</span>
</h2>
<span class="color-boulder fw-medium module-header_description__1Godp">Trusted by 95% of Fortune 500 companies.</span>
</div>
</div>
</div>
<div class="text-grid_grid__vAiKx false">
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg);"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Flexible</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Adaptable for any workstyle,
role, or device so you can choose when, where, and how you work.
</span>
</div>
</div>
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-orange
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Inclusive</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Equal experiences for everyone
regardless of geography, language, or communication style.</span>
</div>
</div>
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-orange
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Secure</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Secure by design, private by
default, to defend against threats no matter where you're working.</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="routing-banner_module__3A62U bg-black color-white">
<div class="container">
<div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej">
<div class="col col-1 col-sm"></div>
<div class="col col-6 col-sm routing-banner_textCol__1lGIg">
<div class="routing-banner_innerContainer__3NYX8">
<div class="routing-banner_innerTextArea__3caUI">
<h3 class="h4 routing-banner_title__2Bz-2">Make the office worth the commute.</h3>
<p class="fw-regular color-boulder routing-banner_description__tDWEa">Easy to navigate.
Built to spark creativity and power productivity. Designed to connect hybrid teams.
Yes, your office can have it all.</p>
</div>
<div class="routing-banner_btnContainer__v-kdr">
<a href="/solutions/return-to-office.html" class="btn btn-primary">Learn More <span class="icon-arrow"></span></a>
</div>
</div>
</div>
<div class="col col-1 col-sm"></div>
<div class="col col-3 col-sm routing-banner_imageCol__1iaQA">
<img src="/content/dam/wbx/us/images/rebrand/optimized/make-the-office-worth-the-commute.jpg" alt="6 colleagues in a conference room video conference with several remote colleagues Webex." class="img100p img-circle">
</div>
<div class="col col-1 col-sm"></div>
</div>
</div>
</section>
<!--good--
<style>
.routing-banner_module__3A62U img {
border-radius: 50%;
}
</style>
<section class="routing-banner_module__3A62U bg-black color-white">
<div class="container">
<div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej">
<div class="col col-1 col-sm"></div>
<div class="col col-6 col-sm routing-banner_textCol__1lGIg">
<div class="routing-banner_innerContainer__3NYX8">
<div class="routing-banner_innerTextArea__3caUI">
<h3 class="h4 routing-banner_title__2Bz-2">
The future of work is hybrid.
</h3>
<p class="fw-regular color-boulder routing-banner_description__tDWEa">
Webex powers a new way of collaborating that’s centered around the work you do, not
where you do it—whether it’s in the office, at home, or anywhere in between.
</p>
</div>
<div class="routing-banner_btnContainer__v-kdr">
<a href="/hybrid-work.html" class="btn hidden-sm btn-primary">Learn More <span
class="icon-arrow"></span></a><a href="/hybrid-work.html"
class="btn hidden-lg btn-secondary-light">Learn More</a>
</div>
</div>
</div>
<div class="col col-1 col-sm"></div>
<div class="col col-3 col-sm routing-banner_imageCol__1iaQA">
<img src="/content/dam/wbx/us/images/rebrand/optimized/The-future-of-work-is-hybrid.jpg"
alt="Webex makes it easy to work anywhere" class="img100p" />
</div>
<div class="col col-1 col-sm"></div>
</div>
</div>
</section>-->
<!--good-->
<style>
.mgttpp{margin-top: 0;}
.anchored-long-scroll_anchorWrapper__221G0 a.color-white.h5 {
color: #fff !important;
}
.anchored-long-scroll_anchorWrapper__221G0 a.color-boulder.h5 {
color: #767676 !important;
}
.h6.color-gray {
color: #767676 !important;
}
@media(min-width:240px) {
.anchored-long-scroll_anchorWrapper__221G0 .anchored-long-scroll_anchorSticky__heeZr {
top: 240px;
}
}
</style>
<section class="anchored-long-scroll_anchorWrapper__221G0">
<div class="container anchored-long-scroll_anchorSticky__heeZr">
<div class="grid">
<div class="col col-3">
<div>
<ul>
<li class="anchored-long-scroll_leftLinkBox__ro90Z">
<a class="h5 color-black" data-long-scroll-list="calling">
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div>
</div>
Calling
</a>
</li>
<li class="anchored-long-scroll_leftLinkBox__ro90Z">
<a class="h5 color-white color-boulder" data-long-scroll-list="meeting">
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div>
</div>
Meetings
</a>
</li>
<li class="anchored-long-scroll_leftLinkBox__ro90Z">
<a class="h5 color-black color-boulder" data-long-scroll-list="messaging">
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div>
</div>
Messaging
</a>
</li>
<li class="anchored-long-scroll_leftLinkBox__ro90Z">
<a class="h5 color-black color-boulder" data-long-scroll-list="polling">
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div>
</div>
Polling
</a>
</li>
<li class="anchored-long-scroll_leftLinkBox__ro90Z">
<a class="h5 color-white color-boulder" data-long-scroll-list="events">
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div>
</div>
Events
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<section class="anchored-long-scroll_module__3IuUy gradient-tr-blue" data-long-scroll-item="calling">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div>
</div>
Calling
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Call from any device.</span>
</h2>
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_UI.jpg" alt="webex video chating in phone">
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8">
<img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_img.jpg" class="br-30 img100p" alt="Webex Calling makes connecting people easy">
</div>
</div>
<div class="col col-grow-1 col-sm"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Cloud calling made easy</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Keep colleagues and customers close with a
complete cloud phone system built to make and
receive business calls on any device.
</p>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/cloud-calling.html" class="btn btn-tertiary fw-medium">See Small Business
Features
<span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu mgttpp">
<a href="/enterprise-cloud-calling.html" class="btn btn-tertiary fw-medium">See
Enterprise Features <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="meeting">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div>
</div>
Meeting
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Meet from anywhere.</span>
</h2>
</div>
</div>
<div class="col col-grow-6">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<img src="/content/dam/wbx/us/images/rebrand/uiupdate/appui-1.jpg" alt=" Example of the Webex immersive share featureg">
</div>
</div>
<div class="col col-grow-1"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Experience it with immersive share</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Virtual presentations become as good as in-person meetings when you layer
yourself over the content you’re sharing.
</p>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/video-conferencing.html" class="btn btn-tertiary fw-medium" aria-label="Experience all features">See All Features <span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/" class="btn btn-tertiary fw-medium" aria-label="Experience it with all immersive share button"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="anchored-long-scroll_module__3IuUy gradient-br-green" data-long-scroll-item="messaging">
<style>
.messaging-imgFix {
border: clamp(1px,0.06944vw,1px) solid #2e2e2e;
border-radius: 8px;
border-radius: 2.1333333333vw;
overflow: hidden;
}
.messaging-imgFix img {
width: 108% !important;
margin-left: -4%;
margin-top: -2%;
margin-bottom: -6%;
border: none !important;
}
@media (min-width: 1025px) {
.messaging-imgFix {
border-radius: 15px;
border-radius: 1.0416666667vw;
}
}
</style>
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div>
</div>
Messaging
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Message instantly.</span>
</h2>
</div>
</div>
<div class="col col-grow-6">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<div class="messaging-imgFix"><img src="/content/dam/wbx/us/images/rebrand/uiupdate/appui-3.png" alt="Example of Webex Messaging"></div>
</div>
</div>
<div class="col col-grow-1"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Collaborate with anyone</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Create a more efficient workflow with team messaging and file sharing for both
internal and external teams—all in the same space.
</p>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/team-collaboration.html" class="btn btn-tertiary fw-medium" aria-label="Collaborate with anyone">See All Features <span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu mgttpp">
<a href="https://help.webex.com/en-us/article/6x82v0/Webex-App-%7C-Recommended-messages" class="btn btn-tertiary fw-medium">What's New <span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/" class="btn btn-tertiary fw-medium" aria-label="Collaborate feature"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="anchored-long-scroll_module__3IuUy gradient-br-green" data-long-scroll-item="messaging"> -->
<!-- <div class="container"> -->
<!-- <div class="grid"> -->
<!-- <div class="col col-3 col-sm"></div> -->
<!-- <div class="col col-8 col-sm"> -->
<!-- <div class="grid"> -->
<!-- <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> -->
<!-- <h5> -->
<!-- <div class="anchored-long-scroll_iconWrapper__2ddrc"> -->
<!-- <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" -->
<!-- style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); -->
<!-- mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> -->
<!-- </div> -->
<!-- Messaging -->
<!-- </h5> -->
<!-- </div> -->
<!-- <div class="col col-12"> -->
<!-- <div class="anchored-long-scroll_mainTitle__2MYjB"> -->
<!-- <h2 class="h2" role="heading" aria-level="2"> -->
<!-- <span>Message instantly.</span> -->
<!-- </h2> -->
<!-- </div> -->
<!-- </div> -->
<!-- <div class="col col-grow-6"> -->
<!-- <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> -->
<!-- <img src="/content/dam/wbx/us/images/rebrand/uiupdate/appui-3.jpg" -->
<!-- alt="Example of Webex Messaging" /> -->
<!-- </div> -->
<!-- </div> -->
<!-- <div class="col col-grow-1"></div> -->
<!-- </div> -->
<!-- <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> -->
<!-- <strong class="fw-bold h6">Collaborate with anyone</strong> -->
<!-- <div class="anchored-long-scroll_bottomDescription__1QyCB"> -->
<!-- <p class="h6 color-gray fw-regular"> -->
<!-- Create a more efficient workflow with team messaging and file sharing for both -->
<!-- internal and external teams—all in the same space. -->
<!-- </p> -->
<!-- </div> -->
<!-- <div class="anchored-long-scroll_ctaBox__sd3Gu"> -->
<!-- <a href="/team-collaboration.html" class="btn btn-tertiary fw-medium" -->
<!-- aria-label="Collaborate with anyone">See All Features <span -->
<!-- class="icon-arrow"></span></a> -->
<!-- </div> -->
<!-- <div class="anchored-long-scroll_ctaBox__sd3Gu"> -->
<!-- <a href="/" class="btn btn-tertiary fw-medium" aria-label="Collaborate feature"></a> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </section> -->
<!-- <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green"
style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div>
</div>
Events
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Invite anyone.</span>
</h2>
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<img src="/content/dam/wbx/us/images/rebrand/longsc_1.png" alt="" />
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8">
<img src="/content/dam/wbx/us/images/rebrand/longsc_2.png" class="br-30 img100p" alt="" />
</div>
</div>
<div class="col col-grow-1 col-sm"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Host virtual events at scale</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Host large virtual events with up to 100,000 attendees and reach more corners of the world.
</p>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/" class="btn btn-tertiary fw-medium">See All Features <span
class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/" class="btn btn-tertiary fw-medium"></a>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section class="anchored-long-scroll_module__3IuUy gradient-bl-red" data-long-scroll-item="polling">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div>
</div>
Polling
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Engage everyone.</span>
</h2>
</div>
</div>
<div class="col col-grow-6">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<img src="/content/dam/wbx/us/images/rebrand/uiupdate/appui-2.jpg" alt="Example of Slido creating interactive experiences">
</div>
</div>
<div class="col col-grow-1 col-sm"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Instant audience engagement</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Encourage more active participation in meetings and events with easy interactive
audience tools for polling and Q&A.
</p>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/audience-engagement.html" class="btn btn-tertiary fw-medium">See All
Features <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events">
<div class="container">
<div class="grid">
<div class="col col-3 col-sm"></div>
<div class="col col-8 col-sm">
<div class="grid">
<div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6">
<h5>
<div class="anchored-long-scroll_iconWrapper__2ddrc">
<div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);
"></div>
</div>
Events
</h5>
</div>
<div class="col col-12">
<div class="anchored-long-scroll_mainTitle__2MYjB">
<h2 class="h2" role="heading" aria-level="2">
<span>Engaging webinar and event experiences made easy.</span>
</h2>
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper">
<img src="/content/dam/wbx/us/images/rebrand/uiupdate/appui-4.jpg" alt="Webex UI showing virtual events">
</div>
</div>
<div class="col col-grow-3">
<div class="anchored-long-scroll_imgBox__2qYA8">
<img src="/content/dam/wbx/us/images/rebrand/optimized/Invite-anyone_img.jpg" class="br-30 img100p" alt=" Example of Webex Events">
</div>
</div>
<div class="col col-grow-1 col-sm"></div>
</div>
<div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA">
<strong class="fw-bold h6">Host interactive webinars and events for virtual and in-person audiences.</strong>
<div class="anchored-long-scroll_bottomDescription__1QyCB">
<p class="h6 color-gray fw-regular">
Host large virtual events with up to 100,000 attendees and reach more corners of
the world.
</p>
</div>
<!-- <div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/webinar.html" class="btn btn-tertiary fw-medium">See all Webex Webinars Features
<span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/events.html" class="btn btn-tertiary fw-medium">See all Webex Events Features
<span class="icon-arrow"></span></a>
</div> -->
<div class="anchored-long-scroll_ctaBox__sd3Gu">
<a href="/webinar.html" class="btn btn-tertiary fw-medium">See all Webex Webinars Features
<span class="icon-arrow"></span></a>
</div>
<div class="anchored-long-scroll_ctaBox__sd3Gu mgttpp">
<a href="/events.html" class="btn btn-tertiary fw-medium">See all Webex Events Features <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="card-deck-page-router_module__1FsHA bg-white">
<div class="container card-deck-page-router_cardDeckPageRouter__XLQc6">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">Customer experiences that surpass expectations.</h2>
<span class="color-boulder fw-medium module-header_description__1Godp">Provide better interactions for customers and agents with Webex.</span>
</div>
<div class="col col-3 col-sm">
<div class="flex-end module-header_ctaLink__35y3u">
<a href="/products/customer-experience.html" class="btn btn-primary">Learn More <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
<div class="grid grid-end card-deck-page-router_grid__3rZpv">
<div class="col col-10 col-sm">
<div class="grid">
<div class="col col-sm">
<div class="card-deck-page-router_item__Crdvi false">
<div class="card-deck-page-router_imageWrapper__1Y8yq">
<img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Contact-Center_img.jpg" alt="Webex Contact Center creates engagement">
</div>
<div>
<div>
<div class="card-deck-page-router_itemTitle__3gv4c">
<h3 class="h5">Contact Center</h3>
</div>
<div class="card-deck-page-router_itemDesc__O39Gp">
<p class="color-gray mbody">
Create natural, connected engagement between<br>
your business and your customers.
</p>
</div>
</div>
<div class="card-deck-page-router_ctaList__HhL5g">
<ul>
<li>
<a href="/contact-center.html">Learn More<span class="icon-arrow"></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-sm">
<div class="card-deck-page-router_item__Crdvi card-deck-page-router_anotherItem__1s9ht">
<div class="card-deck-page-router_imageWrapper__1Y8yq">
<img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-Connect_img.jpg" alt="person using laptop and wearing headphones looking happy while sitting with dog">
</div>
<div>
<div>
<div class="card-deck-page-router_itemTitle__3gv4c">
<h3 class="h5">Webex Connect</h3>
</div>
<div class="card-deck-page-router_itemDesc__O39Gp">
<p class="color-gray mbody">
Transform customer interactions with an easy-to-use and fully programmable enterprise communications platform (CPaaS).
</p>
</div>
</div>
<div class="card-deck-page-router_ctaList__HhL5g">
<ul>
<li>
<a href="/products/cpaas.html">Learn More<span class="icon-arrow"></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="routing-banner_module__3A62U">
<style>
@media (min-width: 1025px) {
.routing-banner_module__3A62U {
padding-bottom: 5.5555555556vw;
padding-top: 5.5555555556vw;
}
}
</style>
<div class="container">
<div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej">
<div class="col col-1 col-sm"></div>
<div class="col col-6 col-sm routing-banner_textCol__1lGIg">
<div class="routing-banner_innerContainer__3NYX8">
<div class="routing-banner_innerTextArea__3caUI">
<h4 class="h4 fw-regular routing-banner_title__2Bz-2">The Future of Work is Hybrid</h4>
<p class="fw-regular color-boulder routing-banner_description__tDWEa">Visit Cisco Hybrid Work Index to understand the inclusive collaboration experiences driving hybrid work.</p>
</div>
<div class="routing-banner_btnContainer__v-kdr"><a class="btn btn-secondary-dark" href="https://www.cisco.com/c/m/en_us/solutions/hybrid-work/hybrid-work-index.html">Learn more <span class="icon-arrow"></span></a>
</div>
</div>
</div>
<div class="col col-4 col-sm routing-banner_imageCol__1iaQA"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/hybrid-work-cross-promoting.jpg" alt="" width="299" height="299"></div>
<div class="col col-1 col-sm"></div>
</div>
</div>
</section>
<style>
.devicesworkharder {
padding: 0;
margin: 0;
position: relative;
width: 100%;
/* border:1px solid red; */
background-color: #181818;
}
@media(min-width:1025px) {
.devicesworkhard {
padding: 0;
}
}
.devicesworkharder img {
/* position: absolute;
z-index: -1; */
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.devicesworkharder h3 {
font-size: 10.6666666667vw;
line-height: 11.7333333333vw;
letter-spacing: -.4266666667vw;
position: absolute;
bottom: 12vw;
left: 4.4444444444vw;
color: rgba(255, 255, 255, 0.2);
}
@media(min-width:1025px) {
.devicesworkharder h3 {
font-size: 5.8333333333vw;
line-height: 5.8333333333vw;
letter-spacing: -.2333333333vw;
}
}
.featured-devices-accordion_module__2qcAW .color-salem {
color: #05935B !important;
}
.featured-devices-accordion_module__2qcAW .color-salem:hover {
text-decoration: underline;
}
</style>
<!-- <section class="devicesworkharder">
<h3>Devices that work<br> harder for you.</h3>
<img src="/images/5-Afternoon1.jpg" alt="br gradient">
</section> -->
<section class="workspaces_module">
<style>
.workspaces_module{
padding-bottom: 5.5555555556vw;
padding-top: 5.5555555556vw;
position: relative;
width: 100%;
overflow: hidden;
}
.workspaces_module img{width:100%; height: auto;}
.workspaces_module .h2{text-align: center!important;}
.imgbtn{text-align: center;position: relative;}
.text-maxwidth{
max-width: 750px;
margin: 0 auto;
}
.imgbtn a{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}
.spacesdesc{margin: 2.9vw auto 4.9vw auto;}
.showmobile{display: none!important;}
@media(max-width:1025px){
.wx-wrapper .workspaces_module .lbody {
line-height: 1.3375;
}
.imgbtn{display: none;}
.showmobile{display: flex!important;margin: 8vw 0;}
}
</style>
<div class="container">
<div class="grid">
<div class="col col-12 col-sm text-center">
<h1 class="h2">Reimagine your<br> workspace.</h1>
<p class="lbody color-boulder text-maxwidth spacesdesc">Jump into an immersive workspace experience and tour the latest innovations powering hybrid work.</p>
<a href="/workspaces/explore.html" class="btn btn-secondary-dark showmobile">Explore Workspaces <span class="icon-arrow"></span></a>
<div class="imgbtn">
<img src="/content/dam/wbx/us/images/rebrand/workspace/workplacekitchenbig.jpg" alt="A Webex Desk Mini and a headset rest on the counter of a modern kitchen, replete with faux marble surfaces and minimalist cabinetry.">
<a href="/workspaces/explore.html" class="btn btn-primary-light">Explore Workspaces <span class="icon-arrow"></span></a>
</div>
<img class="showmobile" src="/content/dam/wbx/us/images/rebrand/workspace/workplacekitchencircle.jpg" alt="A Webex Desk Mini and a headset rest on the counter of a modern kitchen, replete with faux marble surfaces and minimalist cabinetry.">
</div>
</div>
<!-- <div class="grid">
<div class="col col-12 col-sm">
</div>
</div> -->
</div>
</section>
<!--good-->
<section class="integration-grid_module__2qqOk bg-black color-white" data-sticky-target="integrations">
<a name="integrations-anchor" class="module-sticky-target"></a>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Work with the<br>
tools you love.</span>
</h2>
<span class="color-boulder fw-medium module-header_description__1Godp">Webex integrates seamlessly into 100+<br> industry-leading apps.</span>
</div>
<div class="col col-3 col-sm">
<div class="flex-end module-header_ctaLink__35y3u">
<a href="/products/integrations/index.html" class="btn btn btn-primary">See All
Integrations <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="integration-grid_integrationContainer__2BgCr">
<div class="integration-grid_list__1klCi">
<div class="swiper-container-integration1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" style="transform: translate3d(-6878.66px, 0px, 0px); transition-duration: 10000ms;" id="swiper-wrapper-8894df5a6e77b6c5" aria-live="off"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="11" style="margin-right: 20px;" role="group" aria-label="12 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="11" style="margin-right: 20px;" role="group" aria-label="12 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Box</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Salesforce</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Google</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="11" style="margin-right: 20px;" role="group" aria-label="12 / 12">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Microsoft</span>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div class="integration-grid_list__1klCi">
<div class="swiper-container-integration2 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" style="transition-duration: 10000ms; transform: translate3d(-7504px, 0px, 0px);" id="swiper-wrapper-bd353b5aa2cd7336" aria-live="off"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Twitter</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Apple</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Slack</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Appspace</span>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div class="integration-grid_list__1klCi">
<div class="swiper-container-integration3 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" style="transition-duration: 10000ms; transform: translate3d(-6253.33px, 0px, 0px);" id="swiper-wrapper-feb8d532e62ad616" aria-live="off"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="0" style="margin-right: 20px;" role="group" aria-label="1 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="margin-right: 20px;" role="group" aria-label="2 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="margin-right: 20px;" role="group" aria-label="3 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="margin-right: 20px;" role="group" aria-label="4 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="margin-right: 20px;" role="group" aria-label="5 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="margin-right: 20px;" role="group" aria-label="6 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" style="margin-right: 20px;" role="group" aria-label="8 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">Jira</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="margin-right: 20px;" role="group" aria-label="9 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="margin-right: 20px;" role="group" aria-label="10 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ADP</span>
</div>
</div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" style="margin-right: 20px;" role="group" aria-label="11 / 11">
<div class="integration-grid_listItem__vuFeW">
<div class="integration-grid_wrapperImg__1EvJk">
<img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt="">
</div>
<span class="integration-grid_integrationName__2Vnql">ACTextBot</span>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</section>
<!--good-->
<style>
.securitybttn {
width: 100% !important;
}
@media(min-width:1025px) {
.securitybttn {
width: auto;
}
}
</style>
<section class="text-grid_module__3ArLH bg-white color-black gradient-br-purple" data-sticky-target="case-studies" data-module="text-grid">
<a name="case-studies-anchor" class="module-sticky-target"></a>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Secure by design.<br>
Private by default.</span>
</h2>
<span class="color-boulder fw-medium module-header_description__1Godp">Get peace of mind with information security and user privacy for all, no matter where you
are. </span>
</div>
<div class="col col-4 col-sm">
<div class="flex-end module-header_ctaLink__35y3u securitybttn">
<a href="/security.html" class="btn btn btn-primary ">Learn More <span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
<div class="text-grid_grid__vAiKx undefined">
<div class="text-grid_col__wlrJY text-grid_colLarge__1U3HL">
<img src="/content/dam/wbx/us/images/rebrand/optimized/Secure-by-design.jpg" alt="User enjoys the security of Webex Calling" class="img100p br-30">
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ false">
<div class="
text-grid_serviceInner__1atFM
text-grid_middle__gptb9
">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-purple
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Protect your users </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Get zero-trust security with
end-to-end encryption.</span>
</div>
</div>
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ false">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-purple
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Safeguard your devices
</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Customize security
with idle time-out, forced PIN-lock, and remote wipe of Webex content.</span>
</div>
</div>
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ false">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-purple
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Lock in your content
</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Data doesn’t have to
leave your region—you choose where your data resides.</span>
</div>
</div>
</div>
<div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn">
<div class="text-grid_serviceWrapper__1-ZhJ false">
<div class="text-grid_serviceInner__1atFM undefined">
<div class="text-grid_iconWrapper__1lpD_">
<div class="
text-grid_gradientImage__1fhbv
icon-gradient-purple
" style="
-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg);
mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg);
"></div>
</div>
<span class="h5 fw-regular text-grid_serviceName__NvaKM">Secure every
recording</span><span class="mbody fw-regular text-grid_serviceText__17Ege">All
translation, transcription, and real-time captures stay in-house.</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--good-->
<style>
.wx-wrapper .col-bottom {
justify-content: initial !important;
flex-direction: column;
display: flex;
}
.vertical-tab_module__2c0P_ .swiper-slide img {
padding: 2vw;
border: 1px solid #c4c4c4;
background-color: #fff;
}
</style>
<!-- <section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="false">
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Partner with a<br />
global leader.</span>
</h2>
</div>
</div>
</div>
<div class="grid grid-between">
<div class="col col-4 col-sm col-bottom vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr">
<div class="accordion">
<div class="swiper-container thumb-swiper swiper-container-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<div class="thumb-image">
<img src="/content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg" class="img100p br-30" alt="Cisco recognized as a leader in Gartner's 2020 Magic Quadrant" />
<p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p>
</div>
<div class="titleContainer">
<h6 class="lbody fw-medium">The Magic Quadrant</h6>
</div>
<div class="description calling-accordion-body">
<p class="color-gray fw-regular">
Gartner has recognized Cisco as a Leader in its 2020 Magic Quadrant for Meeting Solutions for the thirteenth consecutive time.
</p>
</div>
<span class="progress"></span>
</li>
</div>
<div class="swiper-slide">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<div class="thumb-image">
<img src="/content/dam/wbx/us/images/rebrand/GMQ_UCaaS.png" class="img100p br-30" alt="" />
<p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p>
</div>
<div class="titleContainer">
<h6 class="lbody fw-medium">
The Magic Quadrant
</h6>
</div>
<div class="description calling-accordion-body">
<p class="color-gray fw-regular">
Gartner has recognized Cisco as a Leader in the 2020 Gartner UCaaS Magic Quadrant, again.
</p>
</div>
<span class="progress"></span>
</li>
</div>
<div class="swiper-slide">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<div class="thumb-image">
<img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" class="img100p br-30" alt="Webex is an industry leader for intelligent contact centers." />
<p class="xsbody color-boulder">Copyright © 2021 Aragon Research Inc. and/or its affiliates. All rights reserved. Aragon Research and the Aragon Research Globe are trademarks of Aragon Research Inc.</p>
</div>
<div class="titleContainer">
<h6 class="lbody fw-medium">
Aragon Research Globe
</h6>
</div>
<div class="description calling-accordion-body">
<p class="color-gray fw-regular">
The Aragon Research Globe for Intelligent Contact Centers examines the major intelligent contact center providers, including industry-leader Cisco.
</p>
</div>
<span class="progress"></span>
</li>
</div>
</div>
</div>
</div>
</div>
<div class="col col-6 col-sm vertical-tab_colImage__3vvL6">
<div class="swiper-container main-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg" class="img100p br-30" alt="" />
<p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p>
</div>
<div class="swiper-slide">
<img src="/content/dam/wbx/us/images/rebrand/GMQ_UCaaS.png" class="img100p br-30" alt="" />
<p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p>
</div>
<div class="swiper-slide">
<img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" class="img100p br-30"
alt="Webex is an industry leader for intelligent contact centers." />
<p class="xsbody color-boulder">Copyright © 2021 Aragon Research Inc. and/or its affiliates. All rights reserved. Aragon Research and the Aragon Research Globe are trademarks of Aragon Research Inc.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<style>
.vertical-tab_module__2c0P_ .module-header {
margin-bottom: 6.3333333333vw;
}
.thumb-image {
padding: 2px;
}
.copyrightvert {
margin-top: 10px;
}
.vertical-tab_module__2c0P_ .swiper-slide img.img100p {
width: calc(100% - 1px);
}
.vertical-tab_module__2c0P_ .accordion .accordionContainer .description a {
margin-bottom: 2vw;
}
</style>
<section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="vertical-tab" data-navbar-target="true"><a name="vertical-tab-anchor" class="module-sticky-target"></a>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2 " role="heading" aria-level="2"><span>Partner with a<br>
global leader.</span></h2>
<!-- <span
class="color-boulder fw-medium module-header_description__1Godp">Reduce operational costs and
improve productivity when you move mission-critical business to the cloud.</span> -->
</div>
<!-- <div class="col col-3 col-sm">
<div class="flex-end module-header_ctaLink__35y3u"><a href="/" class="btn btn btn-secondary-light">Download the PDF <span class="icon-download"></span></a>
</div>
</div> -->
</div>
</div>
<div class="grid grid-between">
<div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr ">
<div class="accordion">
<div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs swiper-initialized swiper-vertical swiper-pointer-events swiper-backface-hidden swiper-thumbs" thumbsslider="true">
<div class="swiper-wrapper progress-start" id="swiper-wrapper-5ca19348212b1243" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-thumb-active swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 3">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<!-- /content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg-->
<div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""></div>
<div class="titleContainer">
<h6 class="lbody fw-medium">2021 Gartner® Magic Quadrant™ for Meeting Solutions</h6>
</div>
<div class="description calling-accordion-body" style="height: 236px;">
<p class="color-gray fw-regular">Gartner has recognized Cisco as a Leader in its
2021 Magic Quadrant™ for Meeting Solutions for the fifteenth time.</p>
<a href="/gp/gartner-magic-quadrant-meeting-solutions.html" class="btn btn-primary">See Why <span class="icon-arrow"></span></a>
</div><span class="progress"></span>
</li>
</div>
<div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 3">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt="">
</div>
<div class="titleContainer">
<h6 class="lbody fw-medium">2021 Gartner® Magic Quadrant™ for Unified
Communications as a Service</h6>
</div>
<div class="description calling-accordion-body">
<p class="color-gray fw-regular"> Gartner has again recognized Cisco as a Leader in its 2021 Magic Quadrant™ for UCaaS. </p>
<a href="/gp/gartner-magic-quadrant-ucaas.html?utm_medium=Website&utm_source=WDC&utm_campaign=Ent_Cloudcalling&utm_content=Homepage_CTA" class="btn btn-primary">See Why <span class="icon-arrow"></span></a>
</div><span class="progress"></span>
</li>
</div>
<div class="swiper-slide swiper-slide-visible" role="group" aria-label="3 / 3">
<li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">
<div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex is an industry leader for intelligent contact centers." class="img100p br-30" style="padding-right: 5vw"></div>
<div class="titleContainer">
<h6 class="lbody fw-medium">Aragon Research Globe for Intelligent
Contact Centers</h6>
</div>
<div class="description calling-accordion-body" style="height: 0px;">
<p class="color-gray fw-regular"> The Aragon Research Globe for
Intelligent Contact Centers examines the major intelligent contact
center providers, including industry-leader Cisco.</p>
<a href="/gp/aragon-contact-center.html" class="btn btn-primary">Read More <span class="icon-arrow"></span></a>
</div><span class="progress"></span>
</li>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
<div class="col col-6 col-sm vertical-tab_colImage__3vvL6">
<div class="swiper-container main-swiper swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events swiper-watch-progress swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-52262d4551e4fe98" aria-live="off">
<div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 818px; opacity: 1; transform: translate3d(0px, 0px, 0px);" role="group" aria-label="1 / 3">
<img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt="">
<p class="xsbody color-boulder copyrightvert">This graphic was published by Gartner,
Inc. as part of a larger research document and should be evaluated in the context
of the entire document. The Gartner document is available upon request from Webex.</p>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 818px; opacity: 0; transform: translate3d(-818px, 0px, 0px);" role="group" aria-label="2 / 3">
<img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt="">
<p class="xsbody color-boulder copyrightvert">This graphic was published by Gartner,
Inc. as part of a larger research document and should be evaluated in the
context of the entire document. The Gartner document is available upon request
from Cisco.</p>
</div>
<div class="swiper-slide" style="width: 818px; opacity: 0; transform: translate3d(-1636px, 0px, 0px);" role="group" aria-label="3 / 3">
<img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex is an industry leader for intelligent contact centers." class="img100p br-30" style="padding-right: 4vw">
<p class="xsbody color-boulder copyrightvert">Copyright © 2021 Aragon Research Inc.
and/or its affiliates. All rights reserved. Aragon Research and the Aragon
Research Globe are trademarks of Aragon Research Inc.</p>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</section>
<!--good-->
<section class="integrations_module__1RZEZ bg-white color-black gradient-br-orange" data-sticky-target="Integrations" data-module="text-grid">
<a name="Integrations-anchor" class="module-sticky-target"></a>
<style>
/* fix homepage nasdaq logo */
.integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss {
max-height: 8.2666666667vw;
}
.integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas {
width: 60px;
height: auto;
margin-left: -2.6666666667vw;
margin-right: -2.6666666667vw;
margin-top: 1vw;
}
@media (min-width: 1025px) {
.integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss {
max-height: 3.4722222222vw;
}
.integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas {
width: 6.25vw;
height: auto;
margin-left: -0.6944444444vw;
margin-right: -0.6944444444vw;
margin-top: 0;
}
}
@media(max-width:1024px){
.integrations_module__1RZEZ.bg-white.color-black a.btn{margin-top: 7vw;}
}
</style>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Powering the world's<br>
most influential brands.</span>
</h2>
<span class="color-boulder fw-medium module-header_description__1Godp">We’re proud to streamline team collaboration for<br> today’s biggest and brightest
ideas.</span>
</div>
<div class="col col-4 col-sm flex-end">
<a href="/customers.html" class="btn btn btn-primary ">Read Stories <span class="icon-arrow"></span></a>
</div>
</div>
</div>
<div class="grid grid-end integrations_grid__fxy2S">
<div class="col col-10 col-sm">
<div class="grid">
<ul class="integrations_list__2Mm1n">
<!--
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/nasdaq.png" class="integrations_icon__33W3A"
alt="Nasdaq" />
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Nasdaq</span>
</div>
</li> -->
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/svg/t-mobile.svg" class="integrations_icon__33W3A" alt="T-Mobile">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">T-Mobile</span>
</div>
</li>
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/svg/at-t.svg" class="integrations_icon__33W3A" alt="AT&T">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">AT&T</span>
</div>
</li>
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/nasdaq-new-logo.png" class="integrations_icon__33W3A logo-Nas" alt="Nasdaq">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Nasdaq</span>
</div>
</li>
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/broadcom-logo.png" class="integrations_icon__33W3A" alt="Broadcom">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Broadcom</span>
</div>
</li>
<!--sdfgsdfgsdf-->
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/rac-new-logo.png" class="integrations_icon__33W3A" alt="rent-a-center">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Rent-A-Center</span>
</div>
</li>
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/Logo_Paychex.png" class="integrations_icon__33W3A" alt="Paychex">
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Paychex</span>
</div>
</li>
<!--
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/mclaren.png" class="integrations_icon__33W3A"
alt="Mclaren" />
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">Mclaren</span>
</div>
</li>
<li class="integrations_wrapperList__2kXMB false">
<div class="col col-2 integrations_imageWrapper__I72Ss">
<img src="/content/dam/wbx/us/images/rebrand/integrations/tn-mobile.png" class="integrations_icon__33W3A"
alt="T-Mobile" />
</div>
<div class="col col-10 integrations_titleWrapper__FDium">
<span class="h5 undefined">T-Mobile</span>
</div>
</li> -->
</ul>
</div>
</div>
</div>
</div>
</section>
<!--good-->
<style>
/* .left-arrow, .right-arrow{z-index: 3;}*/
.swiper-pagination-fraction {
margin: 0 14px;
width: auto;
}
</style>
<section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel">
<a name="testimonials-anchor" class="module-sticky-target"></a>
<div class="container">
<div class="module-header">
<div class="grid grid-between">
<div class="col col-8 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>A proven solution for <br>industry pros.</span>
</h2>
</div>
</div>
</div>
<div class="grid grid-between">
<div class="col col-9 col-sm">
<div class="swiper-container-quote swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events swiper-watch-progress swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-79c05f6b029859c1" aria-live="polite">
<div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1240px; opacity: 1; transform: translate3d(0px, 0px, 0px);" role="group" aria-label="1 / 4">
<div class="grid grid-between">
<div class="col col-2 col-sm">
<div class="quote-carousel_imageWrapper__1LrgG">
<img src="/content/dam/wbx/us/images/rebrand/tmobile-quotelogo.png" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile">
</div>
</div>
<div class="col col-10 col-sm">
<div>
<p class="h5 quote-carousel_quote__1_MFH">
A smile can demonstrate understanding. A nod can connote agreement,
which may be evident during real-world interactions, but it is not
so clear when your telepresence tool has stuttering audio and video.
Our Webex rooms provide clear sight and sound, resulting in a
transparent user experience.
</p>
<div class="sbody fw-medium color-gray quote-carousel_author__1menR">
Joshua Baever, Senior Systems Reliability Engineer, T-Mobile
</div>
<!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> -->
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 1240px; opacity: 0; transform: translate3d(-1240px, 0px, 0px);" role="group" aria-label="2 / 4">
<div class="grid grid-between">
<div class="col col-2 col-sm">
<div class="quote-carousel_imageWrapper__1LrgG">
<img src="/content/dam/wbx/us/images/rebrand/under-armour-01.png" class="img-responsive quote-carousel_image__tqw2j" alt="">
</div>
</div>
<div class="col col-10 col-sm">
<div>
<p class="h5 quote-carousel_quote__1_MFH">
Webex meeting minutes have tripled since the work-from-home orders
began…but the duration of meetings is shorter now. People are really
starting to find those efficiencies. They’re able to do a lot of
their pre-meeting and post-meeting work right in the platform.
</p>
<div class="sbody fw-medium color-gray quote-carousel_author__1menR">
Karen Dean, Senior Manager Collaboration Services, Under Armour
</div>
<!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> -->
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 1240px; opacity: 0; transform: translate3d(-2480px, 0px, 0px);" role="group" aria-label="3 / 4">
<div class="grid grid-between">
<div class="col col-2 col-sm">
<div class="quote-carousel_imageWrapper__1LrgG">
<img src="/content/dam/wbx/us/images/rebrand/mclarensmalllogo.png" class="img-responsive quote-carousel_image__tqw2j" alt="">
</div>
</div>
<div class="col col-10 col-sm">
<div>
<p class="h5 quote-carousel_quote__1_MFH">
The ability to connect with others around the world has never been
more important. Cisco Webex’s industry leading cloud-based suite of
tools enables McLaren Racing to overcome geographical boundaries,
create virtual experiences, and bring our fans and partners closer
to the heart of the team.
</p>
<div class="sbody fw-medium color-gray quote-carousel_author__1menR">
Zak Brown, CEO, McLaren Racing
</div>
<!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> -->
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 1240px; opacity: 0; transform: translate3d(-3720px, 0px, 0px);" role="group" aria-label="4 / 4">
<div class="grid grid-between">
<div class="col col-2 col-sm">
<div class="quote-carousel_imageWrapper__1LrgG">
<img src="/content/dam/wbx/us/images/rebrand/Puma-Logo.png" class="img-responsive quote-carousel_image__tqw2j" alt="">
</div>
</div>
<div class="col col-10 col-sm">
<div>
<p class="h5 quote-carousel_quote__1_MFH">
The [Webex Experience Management] platform allows us to fine tune
our training programs and operations, based on the qualitative
feedback left by the customers.
</p>
<div class="sbody fw-medium color-gray quote-carousel_author__1menR">
Jerome Rouch-Sirech, Head of Retail, PUMA
</div>
<!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> -->
</div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div class="col col-2 col-sm hidden-sm">
<div class="carousel-controls">
<div class="left-arrow swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-79c05f6b029859c1" aria-disabled="true">
<span class="icon-arrow-large"></span>
</div>
<div class="count mbody swiper-pagination-fraction swiper-pagination-horizontal"><span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">4</span></div>
<div class="right-arrow" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-79c05f6b029859c1" aria-disabled="false">
<span class="icon-arrow-large"></span>
</div>
</div>
</div>
<div class="scrollbar quote-carousel_scrollbar__ypIQM swiper-scrollbar-horizontal">
<div class="swiper-scrollbar-drag" style="transform: translate3d(0px, 0px, 0px); width: 0px;">
</div>
</div>
</div>
</div>
</section>
<!--good-->
<style>
.wx-wrapper .right-arrow1 {
width: 42px;
width: 11.2vw;
height: 42px;
height: 11.2vw;
border-radius: 50%;
background: #191919;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1.8rem;
font-size: 18px;
font-size: 4.8vw
}
@media(min-width:1025px) {
.wx-wrapper .right-arrow1 {
width: 56px;
width: 3.8888888889vw;
height: 56px;
height: 3.8888888889vw;
font-size: 2.2rem;
font-size: 22px;
font-size: 1.5277777778vw
}
}
.wx-wrapper .right-arrow1 [class*=" icon-"],
.wx-wrapper .right-arrow1 [class^=icon-] {
display: inline-block
}
.wx-wrapper .right-arrow1:hover {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855;
background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855;
background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855
}
.featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq {
text-align: left !important;
}
@media(min-width:1025px) {
.featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq {
text-align: right !important;
}
}
.featured-case-study_imageWrapper__3IclY {
margin-bottom: 0 !important;
height: auto !important;
}
.featured-case-study_description__2AHny {
margin-bottom: 5vw;
}
</style>
<section class="featured-case-study_module__ZUBc_ bg-black">
<div class="container">
<div class="grid grid-between">
<div class="col col-7 col-sm">
<h2 class="h2" role="heading" aria-level="2">
<span>Webex powers the McLaren Formula 1 Team</span>
</h2>
<p class="mbody color-boulder col col-8 col-sm p0 featured-case-study_description__2AHny">
<span>See how Webex is joining forces with McLaren to deliver unmatched, immersive racing
experiences.</span>
</p>
<a id="videoLink11" href="javascript:;" data-video-id="6257269370001" class="btn btn-secondary-light mb3">Watch Now <span class="icon-video"></span></a>
</div>
<div class="col col-5 col-sm">
<div class="featured-case-study_imageWrapper__3IclY">
<img class="br-30 img100p" src="/content/dam/wbx/us/images/rebrand/optimized/webex-fuels-the-mclaren.jpg" alt="McLaren uses Webex to deliver immersive racing experiences">
</div>
</div>
</div>
<div class="featured-case-study_moreStoriesSection__3YKQs">
<strong class="h5 fw-regular featured-case-study_sectionTitle__3HfTh">
More Stories
</strong>
<div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/video-conferencing/worldtour-team-dsm-takes-to-the-road-with-webex-for-a-new-hybrid-sports-experience/">
<div class="col col-2 col-sm">
<img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg1.jpg" alt="Webex enables hybrid sports experiences">
</div>
<div class="col col-5 col-sm">
<p class="mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G">
<span>WorldTour Team DSM takes to the road with Webex for a new hybrid sports
experience</span>
</p>
<p class=" mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK">
<span>See how Webex is enabling hybrid sports by bridging in-person and virtual
experiences and supporting world-class teams like Team DSM to reach their
goals.</span>
</p>
</div>
<div class=" col col-1 col-sm text-right featured-case-study_ctaBox__2iieq">
<a href="https://blog.webex.com/video-conferencing/worldtour-team-dsm-takes-to-the-road-with-webex-for-a-new-hybrid-sports-experience/" class="right-arrow bg-white color-black" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-79c05f6b029859c1" aria-disabled="false"><span class="icon-arrow"></span></a>
</div>
</div>
<div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/video-conferencing/webex-earns-trustradius-top-rated-2021-award-in-collaboration/">
<div class="col col-2 col-sm">
<img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg2.jpg" alt="Webex recognized by Trust Radius">
</div>
<div class="col col-5 col-sm">
<p class="
mbody
color-white
fw-bold
p0
featured-case-study_cardTitle__3qS9G
">
<span>Webex earns TrustRadius top rated 2021 award in collaboration</span>
</p>
<p class="mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK">
<span>With a commitment to innovation and excellence, Webex has been recognized with the
Top Rated 2021 Award in Collaboration—an award based solely on customer feedback.
See why we came out on top.</span>
</p>
</div>
<div class="col col-1 col-sm text-right featured-case-study_ctaBox__2iieq">
<a href="https://blog.webex.com/video-conferencing/webex-earns-trustradius-top-rated-2021-award-in-collaboration/" class="right-arrow bg-white color-black" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-79c05f6b029859c1" aria-disabled="false"><span class="icon-arrow"></span></a>
</div>
</div>
</div>
</div>
</section>
<script>
$(".featured-case-study_blogCard__20k0V").click(function (e) {
url = $(this).attr("data-url");
window.location.href = url;
});
</script>
</section>
</main>
<script>
//swiper for quotes- good
const swiperquote = new Swiper('.swiper-container-quote', {
// If we need pagination
effect: 'fade',
fadeEffect: {
crossFade: true
},
pagination: {
el: '.count',
type: 'fraction'
},
// Navigation arrows
navigation: {
nextEl: '.right-arrow',
prevEl: '.left-arrow',
},
scrollbar: {
el: '.scrollbar',
draggable: true,
},
});
//integration grid - good
const swiperIntegrationGrid1 = new Swiper('.swiper-container-integration1', {
allowTouchMove: false,
watchSlidesVisibility: false,
spaceBetween: 20,
slidesPerView: 'auto',
speed: 10000,
autoplay: {
reverseDirection: true,
delay: 1,
},
loop: true
});
const swiperIntegrationGrid2 = new Swiper('.swiper-container-integration2', {
allowTouchMove: false,
watchSlidesVisibility: false,
spaceBetween: 20,
slidesPerView: 'auto',
speed: 10000,
autoplay: {
reverseDirection: false,
delay: 1,
},
loop: true
});
const swiperIntegrationGrid3 = new Swiper('.swiper-container-integration3', {
allowTouchMove: false,
watchSlidesVisibility: false,
spaceBetween: 20,
slidesPerView: 'auto',
speed: 10000,
autoplay: {
reverseDirection: true,
delay: 1,
},
loop: true
});
const second = 5;
let swiperMain;
let isAutoplayDestroy = false;
const swiperThumb = new Swiper(".thumb-swiper", {
slidesPerView: "auto",
direction: "vertical",
allowTouchMove: false,
disableOnInteraction: true,
waitForTransition: false,
watchSlidesVisibility: false,
on: {
afterInit: (e) => {
e.el.children[0]?.childNodes.forEach((item, index) => {
item.addEventListener("mouseenter", () => {
if (swiperMain.autoplay.running && swiperMain.realIndex) {
swiperMain.autoplay.stop();
}
});
});
e.el.children[0]?.childNodes.forEach((item, index) => {
item.addEventListener("mouseleave", () => {
if (!isAutoplayDestroy && swiperMain.realIndex) {
swiperMain.autoplay.start();
}
});
});
},
click: (e) => {
e.$wrapperEl[0].classList.add("progress-none");
isAutoplayDestroy = true;
swiperMain.autoplay.stop();
swiperMain.autoplay.running = false;
swiperMain.update();
},
resize: (e) => {
if (swiperMain.autoplay.running && !isAutoplayDestroy) {
e.autoplay.start();
}
},
},
});
swiperMain = new Swiper(".main-swiper", {
effect: "fade",
fadeEffect: {
crossFade: true
},
navigation: true,
waitForTransition: false,
autoplay: {
delay: 1000 * second,
disableOnInteraction: false,
waitForTransition: false,
},
thumbs: {
swiper: swiperThumb,
},
allowTouchMove: false,
on: {
// this is backup when intersectionObser is not entry fire status.
afterInit: (e) => {
const el = e.thumbs.swiper.wrapperEl.children[
e.activeIndex
].querySelector(".description");
el.style.height = `${el.scrollHeight}px`;
e.autoplay.stop();
e.update();
},
slideChange: (e) => {
const thumbs = e.thumbs.swiper.wrapperEl;
const otherCollapse = thumbs.querySelectorAll(".description");
otherCollapse.forEach((item) => (item.style.height = 0));
const collapse = thumbs.children[e.activeIndex].querySelector(
".description"
);
collapse.style.height = `${collapse.scrollHeight}px`;
},
},
});
if (typeof window !== "undefined") {
if (!!window.IntersectionObserver) {
const callback = (entries, observer) => {
entries.forEach((entry) => {
if (!isAutoplayDestroy) {
if (entry.isIntersecting) {
swiperThumb.$wrapperEl[0].classList.add("progress-start");
swiperMain.autoplay.start();
swiperMain.update();
} else {
swiperMain.autoplay.stop();
swiperMain.update();
}
}
});
};
const observerint = new IntersectionObserver(callback);
const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr");
// console.log(target);
if (observerint && target) {
observerint.observe(target);
}
}
}
//long scroll
// if (!!window.IntersectionObserver) {
// const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0");
// const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr");
// const list = document.querySelectorAll("[data-long-scroll-list]");
// const handler = ([entry]) => {
// if (entry.isIntersecting) {
// anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29");//anchored-long-scroll_scrollUp__2jffX
// window.addEventListener("scroll", scrollListener);
// } else {
// anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");
// anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");
// window.removeEventListener("scroll", scrollListener);
// }
// };
// function scrollListener(e) {
// if (this.oldScroll > this.scrollY) {
// anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX");
// } else {
// anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");
// }
// this.oldScroll = this.scrollY;
// }
// const observer = new window.IntersectionObserver(handler, {
// rootMargin: "0px 0px -100% 0px",
// });
// observer.observe(anchorWrapper);
// const subhandler = (entries) => {
// entries.forEach((entry) => {
// if (entry.isIntersecting) {
// list.forEach((item) => {
// if (
// item.dataset.longScrollList ===
// entry.target.dataset.longScrollItem
// ) {
// if (entry.target.classList.contains("bg-black")) {
// item.classList.remove("color-boulder");
// item.classList.add("color-white");
// return;
// }
// item.classList.remove("color-boulder");
// item.classList.add("color-black");
// return;
// }
// item.classList.add("color-boulder");
// });
// }
// });
// };
// function smoothScroll(id) {
// const elm = document.querySelector(`[data-long-scroll-item="${id}"]`);
// elm.scrollIntoView({
// behavior: "smooth",
// });
// }
// const subobserver = new window.IntersectionObserver(subhandler, {
// rootMargin: "0px 0px -85% 0px",
// });
// document.querySelectorAll("[data-long-scroll-item]").forEach((module) => {
// subobserver.observe(module);
// });
// document.querySelectorAll("[data-long-scroll-list]").forEach((module) => {
// const id = module.dataset.longScrollList;
// module.addEventListener("click", () => {
// smoothScroll(id);
// });
// });
// }
</script>
<script>
// anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");
// anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");
if (typeof window !== "undefined") {
if (!!window.IntersectionObserver) {
const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0");
const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr");
const anchorStickyItems = document.querySelectorAll(".anchored-long-scroll_leftLinkBox__ro90Z");
const list = document.querySelectorAll("[data-long-scroll-list]");
const handler = ([entry]) => {
if (entry.isIntersecting) {
anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29");
window.addEventListener("scroll", scrollListener);
} else {
anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");/*css.fixed anchored-long-scroll_fixed__3bm29 anchored-long-scroll_fixed__3bm29*/
// anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); /*css.scrollUp scrollUp*/
window.removeEventListener("scroll", scrollListener);
}
};
function scrollListener(e) {
if (this.oldScroll > this.scrollY) {
// anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/
} else {
// anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/
}
this.oldScroll = this.scrollY;
}
const anchoredLongScrollNewObserver = new window.IntersectionObserver(
handler,
{
rootMargin: "0px 0px -100% 0px",
}
);
// anchorStickyItems.forEach((module) => {
// observer.observe(module);
// });
anchoredLongScrollNewObserver.observe(anchorWrapper);
const subhandler = (entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
list.forEach((item) => {
item.classList.remove("color-boulder");
// console.log(item.classList);
if (item.dataset.longScrollList === entry.target.dataset.longScrollItem) {
if (entry.target.classList.contains("bg-black")) {
item.classList.add("color-white");
} else {
item.classList.add("color-black");
}
} else {
// console.log("cikti");
item.classList.add("color-boulder");
}
});
}
});
};
function smoothScroll(id, index) {
const elm = document.querySelector(`[data-long-scroll-item="${id}"]`);
elm.scrollIntoView({
behavior: "smooth",
});
}
document
.querySelectorAll("[data-long-scroll-item]")
.forEach((module, index) => {
const header = document.querySelector(".navigation-wrapper header")
?.clientHeight;
const lists = anchorSticky.querySelectorAll("li");
const item = lists[index].clientHeight;
const inH = window.innerHeight;
const bottomItem = inH - item * (index + 1) - header;
const bottom = (bottomItem * 100) / inH;
const margin = `-${100 - bottom}% 0px -${bottom}% 0px`;
const subobserver = new window.IntersectionObserver(subhandler, {
rootMargin: margin,
});
subobserver.observe(module);
});
document
.querySelectorAll("[data-long-scroll-list]")
.forEach((module, index) => {
const id = module.dataset.longScrollList;
module.addEventListener("click", () => {
smoothScroll(id, index);
});
});
}
}
</script>
<div class="popup">
<style>
.popup { display: none; }
.popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; }
.popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562);
position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); }
.popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; }
a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; }
a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg);
position: relative; top: 10px; }
a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; }
</style>
<div class="popup-mask"></div>
<div class="popup-main">
<a href="javascript:;" class="popup-close">
<span class="hamburger-bun"></span>
<span class="hamburger-bun"></span>
</a>
<div id="placeHolder" class="popup-body">
<!-- <div id="placeHolder"></div> -->
<!--
<video data-video-id="6257269370001" data-account="1384193102001" data-player="Sylwy7XBZX"
data-embed="default" data-application-id controls="controls" class="video-js popup-video" id="Video1"></video>
<script type="text/javascript" src="https://players.brightcove.net/1384193102001/Sylwy7XBZX_default/index.min.js"></script> -->
</div>
</div>
<script>
$("#videoLink11, .playvideo").bind('click', function (e) {
e.preventDefault();
$('.popup-video').hide();
//$('#Video1').show();
$('.popup').show();
addPlayer($(this))
})
$('a.popup-close').on('click', function () {
myPlayer.pause();
$('.popup').hide();
$('.popup-video').hide();
$("#bcplayer").remove();
});
// float McLaren video
$("#videoLink0").bind('click', function (e) {
e.preventDefault();
$('.popup-video').hide();
//$('#Video1').show();
$('.popup').show();
addPlayer($(this))
})
// float McLaren video end
</script>
<script>
var myPlayer,
playerHTML,
playerData = {
accountId: "1384193102001",
playerId: "Sylwy7XBZX"
// videoId: "6257269370001"
};
// +++ Build the player and place in HTML DOM +++
function addPlayer(obj) {
console.log($(obj).attr("data-video-id"));
videoidnumber = $(obj).attr("data-video-id");
// Dynamically build the player video element
playerHTML = '<video-js id="myPlayerID" data-video-id="' + videoidnumber + '" data-account="' + playerData.accountId + '" data-player="' + playerData.playerId + '" data-embed="default" class="video-js popup-video" controls></video-js>';
// Inject the player code into the DOM
document.getElementById("placeHolder").innerHTML = playerHTML;
// Add and execute the player script tag
var s = document.createElement("script");
s.setAttribute("id", "bcplayer");
s.src =
"https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js";
// Add the script tag to the document
document.body.appendChild(s);
// Call a function to play the video once player's JavaScropt loaded
s.onload = callback;
}
function callback() {
myPlayer = bc("myPlayerID");
// Can also use the following to assign a player instance to the variable if you choose not to use IDs for elements directly
// myPlayer = bc(document.getElementById('myPlayerID'));
myPlayer.on("loadedmetadata", function () {
// Mute the audio track, if there is one, so video will autoplay on button click
myPlayer.muted(false);
myPlayer.play();
});
}
</script>
</div></div>
<div class="open-html-component section">
</div>
<div class="open-html-component section">
</div>
<div class="open-html-component section">
</div>
</div>
<div class="wbx-footer">
<div class="newpar new section">
</div>
<div class="par iparys_inherited">
<div class="open-html-component">
<style>
footer li a {
cursor: pointer;
}
footer .footer_languageSelect__a_We0 a,
footer .footer_languageSelect__a_We0 a:hover {
color: #fff !important;
}
.footer_countrySelector__1ZD90 .footer_language__3GeJS .footer_languageWrapper__1qiJ4:after {
z-index: -3;
}
.footer_copyright__2fzys {
color: #9e9e9e !important;
}
</style>
<footer class="footer_module__21ya7 wx-wrapper navigation-wrapper module" data-module="footer">
<div class="bg-black color-white">
<div class="footer_prefooter__3edCk" style="background-image:url(/content/dam/wbx/us/images/rebrand/nav-footer/footerBg.png)">
<div class="container">
<div class="grid">
<div class="col"><a href="/" class="footer_logo__3rrSz"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/webexLogo.png" alt="Webex logo"></a>
</div>
</div>
<div class="grid grid-between">
<div class="col col-7 col-sm">
<div class="h2 fw-medium">Get started for free.</div>
</div>
<div class="col col-4 col-align-bottom col-sm">
<div class="lbody fw-regular footer_sideText__3VaMw ">Additional features, storage, and support
start at just one low price.</div>
</div>
<div class="col col-12 col-sm footer_buttonWrapper__28ZDj"><a href="https://cart.webex.com/sign-up" rel="noopener" class="footer_btn__eNunV btn btn-primary">
Start for Free</a><a href="https://pricing.webex.com/us/en/index.html" class="btn btn-secondary-light">See Plans
& Pricing</a></div>
</div>
</div>
</div>
<div class="container">
<div class="grid footer_footerWrapper__2p9Tg">
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Small
Business</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="https://pricing.webex.com/us/en/index.html">Pricing</a></li>
<li><a href="/all-new-webex.html">Webex App</a></li>
<li><a href="/video-conferencing.html">Meetings</a></li>
<li><a href="/cloud-calling.html">Calling</a></li>
<li><a href="/team-collaboration.html">Messaging</a></li>
<li><a href="/screen-sharing.html">Screen Sharing</a></li>
</ul>
</div>
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Enterprise</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="/collaboration-suite.html">Webex Suite</a></li>
<li><a href="/enterprise-cloud-calling.html">Calling</a></li>
<li><a href="/meetings.html">Meetings</a></li>
<li><a href="/team-collaboration.html">Messaging</a></li>
<li><a href="/audience-engagement.html">Slido</a></li>
<li><a href="/webinar.html">Webinars</a></li>
<li><a href="/events.html" rel="noopener">Events</a></li>
<li><a href="/contact-center.html">Contact Center</a></li>
<!--<li><a href="/experience-management.html">Experience Management</a></li>-->
<!--<li><a href="/customer-interaction-management.html">imimobile</a></li>-->
<li><a href="/products/cpaas.html">CPaaS</a></li>
<li><a href="/products/collaboration-ai.html">Collaboration AI</a></li>
<li><a href="/security.html">Security</a></li>
<li><a href="/control-hub.html">Control Hub</a></li>
</ul>
</div>
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Devices</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="https://hardware.webex.com/products/headsets" rel="noopener">Headsets</a></li>
<li><a href="https://hardware.webex.com/products/cameras" rel="noopener">Cameras</a></li>
<li><a href="https://hardware.webex.com/products/desk-series" rel="noopener">Desk Series</a></li>
<li><a href="https://hardware.webex.com/products/room-series-and-kits" rel="noopener">Room Series</a></li>
<li><a href="https://hardware.webex.com/products/board-series" rel="noopener">Board Series</a></li>
<li><a href="https://hardware.webex.com/products/phones" rel="noopener">Phone Series</a></li>
<li><a href="https://hardware.webex.com/products/accessories" rel="noopener">Accessories</a></li>
</ul>
</div>
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Solutions
For</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="/industries/education.html">Education</a></li>
<li><a href="/industries/healthcare.html">Healthcare</a></li>
<li><a href="/industries/government.html">Government</a></li>
<li><a href="/industries/financial-services.html">Finance</a></li>
<li><a href="/industries/sports-entertainment.html">Sports & Entertainment</a></li>
<li><a href="/industries/frontline.html">Frontline</a></li>
<li><a href="/industries/nonprofits.html">Nonprofits</a></li>
<li><a href="/industries/start-ups.html">Startups</a></li>
<li><a href="/hybrid-work.html">Hybrid Work</a></li>
<li><a href="/products/integrations/index.html">Integrations</a></li>
<li><a href="https://developer.webex.com/" rel="noopener">Developers</a></li>
<!-- <li><a href="https://futureofwork.webex.com/" rel="noopener">Future of Work</a></li> -->
</ul>
</div>
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Resources</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="/downloads.html">Downloads</a></li>
<li><a href="https://help.webex.com" rel="noopener">Help Center</a></li>
<li><a href="/test-meeting.html">Join a Test Meeting</a></li>
<li><a href="https://help.webex.com/landing/onlineclasses" rel="noopener">Online Classes</a></li>
<li><a href="/accessibility.html">Accessibility</a></li>
<li><a href="/inclusive-collaboration.html">Inclusivity</a></li>
<li><a href="/learn/webinars-demos.html">Live & On-Demand Webinars</a></li>
<li><a href="https://cs.co/webexcommunity" rel="noopener">Webex Community</a></li>
<li><a href="/resources/whats-new.html">News & Innovations</a></li>
<li><a href="/customers.html">Customer Stories</a></li>
</ul>
</div>
<div class="col col-sm">
<strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Company</strong>
<ul class="sbody footer_menu__34rB4">
<li><a href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1" rel="noopener">Cisco</a></li>
<li><a href="https://help.webex.com/contact/" rel="noopener">Contact Support</a></li>
<li><a href="/contact-sales.html?locale=US">Contact Sales</a></li>
<li><a href="https://blog.webex.com/" rel="noopener">Webex Blog</a></li>
<li><a href="https://webexahead.webex.com/" rel="noopener">Thought Leadership</a></li>
<li><a href="https://www.webexmerchstore.com/" rel="noopener">Webex Merch Store</a></li>
<li><a href="/company/careers.html">Careers</a></li>
<li><a href="/company/webex-leap.html">Webex Leap</a></li>
</ul>
</div>
</div>
<div class="grid footer_postFooter__GEZvn">
<div class="col col-4 col-sm footer_social__2mmJW">
<div class="footer_socialIconWrapper__3eyHO">
<ul>
<li><a href="https://twitter.com/webex" aria-label="Twitter" rel="noopener"><span class="icon-twitter"></span></a></li>
<li><a href="https://www.linkedin.com/company/webex" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a></li>
<li><a href="https://www.facebook.com/webex" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a></li>
<li><a href="https://www.youtube.com/c/webex" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a></li>
<li><a href="https://www.instagram.com/webex/" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a></li>
</ul>
</div>
<div class="xsbody footer_copyright__2fzys">© <span class="this_year">2023</span> Cisco and/or its
affiliates. All Rights Reserved.</div>
</div>
<div class="col col-6 col-sm footer_terms__17opd">
<ul class="xsbody">
<li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener">Terms & Conditions</a></li>
<li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener">Privacy Statement</a></li>
<li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html#cookies" rel="noopener">Cookies</a></li>
<li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">Trademarks</a></li>
</ul>
</div>
<div class="col col-2 col-sm footer_countrySelector__1ZD90">
<div class="footer_languageOverlay__3tTZa"></div>
<div class="footer_language__3GeJS color-black">
<div class="footer_languageHeader__1iHeI"><span class="mbody">Select Country/Region</span><span class="close"><span class="icon-close"></span></span>
</div>
<div class="footer_languageWrapper__1qiJ4">
<ul class="footer_languageList__gyLHu wf-region-list region-select-list">
<li data-id="AU"><a href="/">Australia (English)</a></li>
<li data-id="BR"><a href="/pt/index.html">Brazil (Português)</a></li>
<li data-id="CA"><a href="/">Canada (English)</a></li>
<li data-id="CAF"><a href="/fr/index.html">Canada (Français)</a></li>
<li data-id1="CN"><a href="https://www.webex.com.cn/">China (简体字)</a></li>
<li data-id="FR"><a href="/fr/index.html">France (Français)</a></li>
<li data-id="DE"><a href="/de/index.html">Germany (Deutsch)</a></li>
<li data-id="HK"><a href="/zh-tw/index.html">Hong Kong (繁體中文)</a></li>
<li data-id="IN"><a href="/">India (English)</a></li>
<li data-id="IT"><a href="/it/index.html">Italy (Italiano)</a></li>
<li data-id="JP"><a href="/ja/index.html">Japan (日本語)</a></li>
<li data-id="KR"><a href="/ko/index.html">South Korea (한국어)</a></li>
<li data-id="MX"><a href="/es/index.html">Latin America (Español)</a></li>
<li data-id="ES"><a href="/es/index.html">Spain (Español)</a></li>
<li data-id="GB"><a href="/">United Kingdom (English)</a></li>
<li data-id="US" style="display: none;"><a href="/">United States (English)</a></li>
</ul>
</div>
</div>
<div class="footer_languageSelect__a_We0"><a href="javascript:;"><span class="icon-global"></span><span class="footer_country__2f7Cu wbx-region-name">United
States </span><span><i class="icon-open"></i></span></a></div>
</div>
</div>
</div>
</div>
</footer>
<div id="desktop-indicator" class="desktop-indicator"></div>
<div id="tablet-indicator" class="tablet-indicator"></div>
<div id="mobile-indicator" class="mobile-indicator"></div>
<script>
$('a[href*="/contact-sales.html"]').attr({ href: '/contact-sales.html?locale='+$.cookie("user_locale") });
</script>
<!-- country dropdown init & click handle -->
<script>
$(".region-select-list li[data-id=" + DEF_locale + "]").hide();
var footerRegionList = {};
getRegionList();
function getRegionList() {
var $regionLi = $(".region-select-list li");
for (var i = 0; i < $regionLi.length; i++) {
var fCountryCode = $regionLi.eq(i).attr("data-id");
if (fCountryCode) {
var fCountryName = $regionLi.eq(i).find('a').text();
if (fCountryCode != 'CA' && fCountryCode != 'CAF') {
fCountryName = fCountryName.split(' (')[0];
}
footerRegionList[fCountryCode] = fCountryName;
}
}
}
function getCurrentRegion(local) {
if (footerRegionList[local]) {
return local;
} else if ($.inArray(local, USList) != -1) {
return 'US';
} else if ($.inArray(local, UKList) != -1) {
return 'GB';
} else if ($.inArray(local, AUList) != -1) {
return 'AU';
} else if ($.inArray(local, FRList) != -1) {
return 'FR';
} else if ($.inArray(local, DEList) != -1) {
return 'DE';
} else if ($.inArray(local, ZHList) != -1) {
return 'HK';
} else if ($.inArray(local, MXList) != -1) {
return 'MX';
}
return false;
}
$(document).ready(function () {
$('a[href*="https://cart.webex.com/sign-up"]').attr(
{ href: 'https://cart.webex.com/sign-up' });
$(".region-select-list").on("click", " li", function () {
var select_locale = $(this).attr("data-id"),
head_locale = $.cookie("head_locale"),
compareList = [];
if (select_locale) {
switch (select_locale) {
case "US": compareList = USList; break;
case "GB": compareList = UKList; break;
case "AU": compareList = AUList; break;
case "FR": compareList = FRList; break;
case "DE": compareList = DEList; break;
case "ZH": compareList = ZHList; break;
case "MX": compareList = MXList; break;
};
$.cookie("user_lang", get_lang(select_locale), { path: '/', expires: 30 });
if ($.inArray(head_locale, compareList) == -1) {
select_locale = select_locale.substr(0, 2);
$.cookie("user_locale", select_locale, { path: '/', expires: 30 });
change_currency(select_locale);
} else {
$.cookie("user_locale", head_locale, { path: '/', expires: 30 });
change_currency(head_locale);
}
}
})
});
setTimeout(function () {
var coLocale = $.cookie("user_locale");
var coLang = $.cookie("user_lang");
var curLocale = coLocale == 'CA' && coLang == 'fr' ? 'CAF' : coLocale;
var curRegion = getCurrentRegion(curLocale);
if (curRegion && curLocale != DEF_locale) {
$(".wbx-region-name").text(footerRegionList[curRegion]);
$(".region-select-list li[data-id=" + curRegion + "]").hide();
$(".region-select-list li[data-id=" + DEF_locale + "]").show();
}
var newPnPUrl = 'https://pricing.webex.com/';
var newPnPCountry = curRegion;
newPnPCountry = newPnPCountry && newPnPCountry.trim().toLowerCase();
const realPnPCountries = ['au', 'ca', 'in', 'ua', 'gb', 'us'];
if (newPnPCountry) {
if ($.inArray(newPnPCountry, realPnPCountries) != -1) {
newPnPUrl = newPnPUrl + newPnPCountry + '/en/index.html';
} else {
newPnPUrl = newPnPUrl + 'us/en/index.html';
}
$('a[href="/pricing/index.html"]').attr('href', newPnPUrl);
}
}, 500);
</script>
<!-- country dropdown init & click handle end -->
<!-- fix js error for new design by hatong 2018/3/19 -->
<script type="text/javascript">
$(document).ready(function () {
if (/iPad|iPhone|iPod|Mac/.test(navigator.userAgent)) {
$('#wbx-footer').addClass('wbx-mac');
}
//get current year for copyright automatically
$(".this_year").text(new Date().getFullYear());
if ($(".prod-nav").length > 0) {
$(".prod-nav .prod-nav-link").unbind("click").bind("click", function () {
var navId = "#" + $(this).attr("navid");
$("html,body").animate({
scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + 'px'
}, 'normal', function () { });
});
}
if ($(".prod-nav-fixed").length > 0) {
$(".prod-nav-fixed .prod-nav-link").unbind("click").bind("click", function () {
$(".prod-nav-fixed .prod-nav-link").removeClass("prod-nav-link-active");
$('.prod-nav-fixed .splitline').removeClass("splitlinelive");
var navId = "#" + $(this).attr("navid");
$("html,body").animate({
scrollTop: (Math.ceil($(navId).offset().top)) - inicontenttop + 'px'
}, 'normal', function () { });
$(this).addClass("prod-nav-link-active");
$(this).prev().addClass("splitlinelive");
$(this).next().addClass("splitlinelive");
});
}
$(".wf-social > a").bind('DOMNodeInserted', function (e) {
$(".wf-social > a svg").attr("focusable", "false");
})
});
/***** Tab feature --------------ziyuan----------20180327 *****/
/* $('#header .tool-drop-toggle').attr('href', 'javascript' + String.fromCharCode(58) + 'void(0);'); */
var _tab_action = false;
var st_active_name = "js-tab-focus";
$(document).on('keydown', function (e) {
if (Number(e.keyCode) === 9) {
_tab_action = true;
}
});
$(document).on('focusin', function (e) {
var $target = $(e.target);
if (!_tab_action) {
return false;
}
$('.' + st_active_name).removeClass(st_active_name);
_tab_action = false;
$target.addClass('js-tab-focus');
if ($target.parents("li.dropdown").length > 0) {
var $par_li = $target.parents("li.dropdown");
var $targrt_ele = $par_li.find("ul.drop-menu-box");
if ($targrt_ele.is(":hidden")) {
$("ul.webex-nav-list li").find("ul.drop-menu-box").hide();
$targrt_ele.show();
}
} else {
if ($("ul.webex-nav-list li").find("ul.drop-menu-box").is(":visible")) {
$("ul.webex-nav-list li").find("ul.drop-menu-box").hide();
}
}
}).on('focusout', function () {
$('.' + st_active_name).removeClass(st_active_name);
});
/** Tab feature ------end--------ziyuan----------20180327 */
$(document).ready(function () {
/* Footer scripts */
const listItems = document.querySelectorAll(`.footer_collapsible__3jkQc`);
for (let i = 0; i < listItems.length; i++) {
listItems[i].addEventListener("click", (e) => {
const content = e.target.nextElementSibling;
const wrapper = document.querySelector(
`.footer_footerWrapper__2p9Tg .footer_collapsible__3jkQc .footer_active__tMNaz`
);
if (e.target.classList.contains(`footer_active__tMNaz`)) {
e.target.classList.remove(`footer_active__tMNaz`);
content.style.maxHeight = "";
return;
}
if (wrapper) {
wrapper.classList.remove(`footer_active__tMNaz`);
wrapper.nextElementSibling.style.maxHeight = "";
}
e.target.classList.add(`footer_active__tMNaz`);
content.style.maxHeight = `${content.scrollHeight}px`;
});
}
const language = document.querySelector('.footer_language__3GeJS');
const languageSelect = document.querySelector('.footer_languageSelect__a_We0');
const languageOverlay = document.querySelector('.footer_languageOverlay__3tTZa');
const close = document.querySelector('.close');
close.addEventListener("click", () => {
language.classList.remove('footer_open__3c5lp');
});
languageOverlay.addEventListener("click", () => {
language.classList.remove('footer_open__3c5lp');
languageOverlay.classList.remove('footer_visible__1fX2u');
});
languageSelect.addEventListener("click", () => {
if (language.classList.contains('footer_open__3c5lp')) {
language.classList.remove(`footer_open__3c5lp`);
languageOverlay.classList.remove(`footer_visible__1fX2u`);
} else {
language.classList.add(`footer_open__3c5lp`);
languageOverlay.classList.add(`footer_visible__1fX2u`);
}
});
});
</script>
<!-- fix end --></div>
</div>
<script type="text/javascript" src="/etc/designs/wbx/eopi/clientlibs/header.min.js"></script>
<script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script>
</div>
</div>
</div>
</div>
</body></html>
