Bring Teams Together to Collaborate on an Interactive Whiteboard

<!DOCTYPE HTML> <html lang="en"> <head> <title>Bring Teams Together to Collaborate on an Interactive Whiteboard</title> <meta name="title" content="Bring Teams Together to Collaborate on an Interactive Whiteboard"/> <meta charset="UTF-8"> <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/whiteboard.html" /> <meta property="og:title" content="Bring Teams Together to Collaborate on an Interactive Whiteboard" /> <meta property="og:description" content="Brainstorm on an interactive whiteboard right in your meeting. Everyone can collaborate and share ideas on a digital whiteboard that's optimized for any device." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/new/whiteboard-hero.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/whiteboard.html"> <meta name="twitter:title" content="Bring Teams Together to Collaborate on an Interactive Whiteboard"> <meta name="twitter:description" content="Brainstorm on an interactive whiteboard right in your meeting. Everyone can collaborate and share ideas on a digital whiteboard that's optimized for any device."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/us/images/rebrand/new/whiteboard-hero.png"> <meta name="keywords" content="Whiteboard, online whiteboard, whiteboard app, online whiteboard free, interactive whiteboard, digital whiteboard, online whiteboard, whiteboard tool, virtual whiteboard"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.webex.com/whiteboard.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Brainstorm on an interactive whiteboard right in your meeting. Everyone can collaborate and share ideas on a digital whiteboard that's optimized for any device."/> <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="Wed May 31 05:58:36 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script>  <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script>    <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"/></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="open-html-component"> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> * { word-wrap: normal; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(24, 24, 24, 0); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { background: none; font-size: 62.5%; height: 100%; min-height: 100vh; scroll-behavior: smooth; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: normal; } body { background: none; color: #767676; font-family: "CiscoSansTT", "georgia", sans-serif; font-size: 1.4rem; line-height: 1.4; overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; } .wbx-footer{ /*display: none;*/ } .fonts-loaded body { font-family: "Roboto", "CiscoSansTT", "georgia", sans-serif; font-weight: 400; } @font-face { font-display: swap; font-family: icomoon; font-style: normal; font-weight: 400; src: url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.woff) format("woff"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.ttf) format("truetype"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.eot?) format("eot"), url(/../content/dam/wbx/us/images/rebrand/fonts/icomoon/icomoon.svg#icomoon) format("svg"); } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h6, h6 { color: #181818; font-weight: 500; letter-spacing: -0.03em; margin: 1rem 0; text-align: inherit; } .h1, h1 { font-size: 4rem; letter-spacing: -0.04em; line-height: 4.2rem; font-weight: 500; } @media (min-width: 721px) { .h1, h1 { font-size: 6rem; line-height: 6rem; } } @media (min-width: 1025px) { .h1, h1 { font-size: 8rem; line-height: 8rem; } } .h2, h2 { font-size: 3.2rem; letter-spacing: -0.03em; line-height: 3.6rem; } @media (min-width: 721px) { .h2, h2 { font-size: 4.2rem; line-height: 4.6rem; } } @media (min-width: 1025px) { .h2, h2 { font-size: 6rem; line-height: 6rem; letter-spacing: -0.04em; } } .h3, h3 { font-size: 2.6rem; letter-spacing: -0.03em; line-height: 3.2rem; } @media (min-width: 721px) { .h3, h3 { font-size: 3.4rem; line-height: 3.8rem; } } @media (min-width: 1025px) { .h3, h3 { font-size: 4.8rem; letter-spacing: -0.04em; line-height: 5rem; } } .h4, h4 { font-size: 2.2rem; font-weight: 400; letter-spacing: -0.03em; line-height: 2.8rem; } @media (min-width: 721px) { .h4, h4 { font-size: 2.6rem; line-height: 3.0rem; } } @media (min-width: 1025px) { .h4, h4 { font-size: 3.2rem; line-height: 3.6rem; letter-spacing: -0.04em; } } em { font-style: italic; } strong { font-weight: 600; } /* * Remove default blockquote styles. */ blockquote { margin: 0; padding: 0; } /* * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .large-body { font-size: 1.8rem; letter-spacing: -0.02em; line-height: 2.6rem; text-align: inherit; } @media (min-width: 721px) { .large-body { font-size: 2.2rem; line-height: 3rem; } } @media (min-width: 1025px) { .large-body { font-size: 2.4rem; line-height: 3.2rem; } } .large-body-regular { font-weight: 400; } .large-body-medium { font-weight: 500; } .large-body-bold { font-weight: 700; } .medium-body { font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.02em; text-align: inherit; } @media (min-width: 1025px) { .medium-body { font-size: 1.8rem; line-height: 2.6rem; } } .medium-body-regular { font-weight: 400; } .medium-body-medium { font-weight: 500; } .medium-body-bold { font-weight: 700; } .small-body { font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.01em; text-align: inherit; } @media (min-width: 1025px) { .small-body { font-size: 1.5rem; line-height: 2rem; } } .small-body-regular { font-weight: 400; } .small-body-medium { font-weight: 500; } .small-body-bold { font-weight: 700; } .xsmall-body { font-size: 1.2rem; line-height: 1.6rem; letter-spacing: -0.01em; text-align: inherit; } .xsmall-body-regular { font-weight: 400; } .xsmall-body-medium { font-weight: 500; } .xsmall-body-bold { font-weight: 700; } /* * Background Colors */ .bg-black { background-color: #181818; color: #818181; } .bg-black a:not(.btn):hover { color: initial; } .bg-black .h1, .bg-black h1, .bg-black .h2, .bg-black h2, .bg-black .h3, .bg-black h3, .bg-black .h4, .bg-black h4, .bg-black .h6, .bg-black h6 { color: #FFFFFF; } .bg-black .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-black .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--primary:hover .icon-play, .bg-black .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--secondary .icon-play, .bg-black .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-black .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-black .btn--secondary:hover .icon-play, .bg-black .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-black .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-black .btn--outline .icon-play, .bg-black .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-black .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-black .btn--outline:hover .icon-play, .bg-black .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-black .btn--text { color: #FFFFFF; } .bg-black .btn--text:after { background-color: #FFFFFF; } .bg-black .btn--text:hover { color: #FFFFFF; } .bg-black .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-black .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-black .cmp-separator hr { border-top-color: #FFFFFF; } .bg-green { background-color: #078855; color: #818181; } .bg-green a:not(.btn) { color: #05935B; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .bg-green .h1, .bg-green h1, .bg-green .h2, .bg-green h2, .bg-green .h3, .bg-green h3, .bg-green .h4, .bg-green h4, .bg-green .h6, .bg-green h6 { color: #FFFFFF; } .bg-green .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-green .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--primary:hover .icon-play, .bg-green .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--secondary .icon-play, .bg-green .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-green .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-green .btn--secondary:hover .icon-play, .bg-green .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-green .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-green .btn--outline .icon-play, .bg-green .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-green .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-green .btn--outline:hover .icon-play, .bg-green .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-green .btn--text { color: #FFFFFF; } .bg-green .btn--text:after { background-color: #FFFFFF; } .bg-green .btn--text:hover { color: #FFFFFF; } .bg-green .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-green .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-green .cmp-separator hr { border-top-color: #FFFFFF; } .bg-image-dark { background-color: transparent; color: #818181; } .bg-image-dark a:not(.btn) { color: #05935B; } .bg-image-dark a:not(.btn):hover { color: #FFFFFF; } .bg-image-dark .h1, .bg-image-dark h1, .bg-image-dark .h2, .bg-image-dark h2, .bg-image-dark .h3, .bg-image-dark h3, .bg-image-dark .h4, .bg-image-dark h4, .bg-image-dark .h6, .bg-image-dark h6 { color: #FFFFFF; } .bg-image-dark .btn--primary { background-color: #05935B; border-color: #05935B; } .bg-image-dark .btn--primary:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--primary:hover .icon-play, .bg-image-dark .btn--primary:hover .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--secondary .icon-play, .bg-image-dark .btn--secondary .icon-download { background-color: #181818; color: #FFFFFF; } .bg-image-dark .btn--secondary:hover { background-color: #05935B; border-color: #05935B; color: #FFFFFF !important; } .bg-image-dark .btn--secondary:hover .icon-play, .bg-image-dark .btn--secondary:hover .icon-download { background-color: #FFFFFF; color: #05935B; } .bg-image-dark .btn--outline { border-color: #FFFFFF; color: #FFFFFF !important; } .bg-image-dark .btn--outline .icon-play, .bg-image-dark .btn--outline .icon-download { background-color: #FFFFFF; color: #181818; } .bg-image-dark .btn--outline:hover { background-color: #FFFFFF; color: #181818 !important; } .bg-image-dark .btn--outline:hover .icon-play, .bg-image-dark .btn--outline:hover .icon-download { background-color: #05935B; color: #FFFFFF; } .bg-image-dark .btn--text { color: #FFFFFF; } .bg-image-dark .btn--text:after { background-color: #FFFFFF; } .bg-image-dark .btn--text:hover { color: #FFFFFF; } .bg-image-dark .cmp-accordion__button { border-bottom-color: #078855; color: #FFFFFF; } .bg-image-dark .cmp-accordion__button--expanded { border-bottom-color: #FFFFFF; } .bg-image-dark .cmp-separator hr { border-top-color: #FFFFFF; } .bg-white { background-color: #FFFFFF; } .bg-image-light { background-color: transparent; } .bg-green { color: #FFFFFF; } .bg-green a:not(.btn) { color: #FFFFFF; } .bg-green a:not(.btn):hover { color: #FFFFFF; } .btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; letter-spacing: -0.02em; font-size: 1.5rem; line-height: 14px; letter-spacing: -0.02em; font-weight: 500; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; /*@include breakpoint.up("lg") { font-size: 1.0416666666666665vw; } @include breakpoint.up("xl") { font-size: 0.78125vw; }*/ } @media (max-width: 720px) { .btn { font-size: 1.4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .btn .icon-arrow { display: none; } } .btn .icon-arrow { margin-left: 6px; } .btn .icon-download, .btn .icon-play { font-size: 1rem; margin-left: 0.6944444444vw; position: relative; -webkit-transition: 300ms all ease-in-out; transition: 300ms all ease-in-out; } .btn .icon-download:before, .btn .icon-play:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 4px; } @media (min-width: 1025px) { .btn .icon-download:before, .btn .icon-play:before { padding-left: 0; } } .btn .icon-play { font-size: 1rem; } .btn .icon-download { font-size: 1.4rem; } .btn--light { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #181818; border-color: #181818; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--light { height: 56px; } } .btn--light:hover { background-color: #078855; color: #FFFFFF; border-color: #078855; } .btn--black { border: 1px solid #078855; border-radius: 50px; padding: 2rem 2.2rem; background-color: #FFFFFF; border-color: #FFFFFF; color: #121212; height: 52px; } @media (min-width: 1025px) { .btn--black { height: 56px; } } .btn--black:hover { background-color: #078855; border-color: #078855; color: #FFFFFF; } .btn--primary--light { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--light { height: 56px; } } .btn--primary--light:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--light .icon-play, .btn--primary--light .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--light .icon-play:hover, .btn--primary--light .icon-download:hover { color: #181818; } .btn--primary--black { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #078855; border-color: #078855; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--primary--black { height: 56px; } } .btn--primary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--primary--black .icon-play, .btn--primary--black .icon-download { background-color: #FFFFFF; color: #078855; } .btn--primary--black .icon-play:hover, .btn--primary--black .icon-download:hover { color: #FFFFFF; } .btn--primary--green { border: 1px solid #078855; border-radius: 50px; padding: 1.458vw 1.667vw; background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--primary--green { height: 56px; } } .btn--primary--green:hover { background-color: #181818; border-color: #181818; color: #FFFFFF; } .btn--primary--green .icon-play, .btn--primary--green .icon-download { background-color: #FFFFFF; color: #181818; } .btn--primary--green .icon-play:hover, .btn--primary--green .icon-download:hover { color: #FFFFFF; } .btn--secondary--light { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #181818; color: #181818; height: 52px; } @media (min-width: 1025px) { .btn--secondary--light { height: 56px; } } .btn--secondary--light:hover { background-color: #181818; color: #FFFFFF; border-color: #181818; } .btn--secondary--light:hover .icon-play, .btn--secondary--light:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { color: #181818; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { background-color: #181818; color: #FFFFFF; } } @media (min-width: 1025px) { .btn--secondary--light .icon-play, .btn--secondary--light .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--black { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--black { height: 56px; } } .btn--secondary--black:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #FFFFFF; color: #181818; } @media (min-width: 721px) { .btn--secondary--black:hover .icon-play, .btn--secondary--black:hover .icon-download { background-color: #078855; border-color: #078855; color: #FFFFFF; } } .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #181818; color: #FFFFFF; border-radius: 50%; width: 2.734375vw; height: 2.734375vw; padding: 0.9765625vw; } @media (min-width: 721px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { background-color: #FFFFFF; color: #181818; } } @media (min-width: 1025px) { .btn--secondary--black .icon-play, .btn--secondary--black .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green { border: 1px solid #078855; border-radius: 50px; padding: 1rem 1.5rem; padding: 1.458vw 1.667vw; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; height: 52px; } @media (min-width: 1025px) { .btn--secondary--green { height: 56px; } } .btn--secondary--green:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #181818; } .btn--secondary--green:hover .icon-play, .btn--secondary--green:hover .icon-download { background-color: #078855; color: #FFFFFF; } .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { background-color: #FFFFFF; color: #181818; border-radius: 50%; } @media (min-width: 1025px) { .btn--secondary--green .icon-play, .btn--secondary--green .icon-download { width: 1.944vw; height: 1.944vw; padding: 0.486vw; } } .btn--secondary--green .icon-play:hover, .btn--secondary--green .icon-download:hover { background-color: #078855; color: #FFFFFF; } .gradient::before { content: ""; background-repeat: no-repeat; background-size: auto; background-position: 0 0; /* height: 100%;*/ left: 0; position: absolute; width: 100%; } /*.gradient.blue::before { background-image: url(/content/dam/www/us/en/images/gradients/blue.png); } .gradient.green::before { background-image: url(/content/dam/www/us/en/images/gradients/green.png); } .gradient.orange::before { background-image: url(/content/dam/www/us/en/images/gradients/orange.png); } .gradient.red::before { background-image: url(/content/dam/www/us/en/images/gradients/red.png); } .gradient.purple::before { background-image: url(/content/dam/www/us/en/images/gradients/purple.png); }*/ .gradient.bottom-left::before { -webkit-transform: scaleX(1) scaleY(-1); transform: scaleX(1) scaleY(-1); } .gradient.bottom-right::before { -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); } .gradient.top-left::before { -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } .gradient.top-right::before { -webkit-transform: scaleX(-1) scaleY(1); transform: scaleX(-1) scaleY(1); } [class*=" icon-"]:before, [class^="icon-"]:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; display: inline-block; font-family: icomoon; font-size: inherit; font-style: normal; line-height: inherit; text-transform: none; vertical-align: baseline; } .icon-arrow { position: relative; top: 2px; } .icon-arrow-large:before { content: "\e90f"; } .icon-youtube:before { content: "\e90e"; } .icon-play:before { content: "\e908"; } .icon-global:before { content: "\e909"; } .icon-instagram:before { content: "\e90a"; } .icon-facebook:before { content: "\e90b"; } .icon-linkedin:before { content: "\e90c"; } .icon-twitter:before { content: "\e90d"; } .icon-close:before,.modal--video .modal__close:after { content: "\e907"; } .icon-arrow:before { content: "\e900"; } .icon-closed:before { content: "\e901"; } .icon-document:before { content: "\e902"; } .icon-download:before { content: "\e903"; } .icon-open:before { content: "\e904"; } .icon-video:before { content: "\e906"; } .icon-arrow-circle,.icon-download-circle,.icon-play-circle { background-color: #fff; border-radius: 50%; color: #181818; height: 42px; position: relative; width: 42px } .icon-arrow-circle:hover,.icon-download-circle:hover,.icon-play-circle:hover { background-color: #078855; color: #fff } .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media(min-width: 1025px) { .icon-arrow-circle:before,.icon-download-circle:before,.icon-play-circle:before { font-size:18px } } @media(min-width: 721px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:52px; width: 52px } } @media(min-width: 1025px) { .icon-arrow-circle,.icon-download-circle,.icon-play-circle { height:56px; width: 56px } } .icon-arrow-circle.light,.icon-download-circle.light,.icon-play-circle.light { background-color: #181818; color: #fff } .icon-arrow-circle.light:hover,.icon-download-circle.light:hover,.icon-play-circle.light:hover { background-color: #078855; color: #fff } .icon-arrow-circle.black,.icon-download-circle.black,.icon-play-circle.black { background-color: #fff; color: #181818 } .icon-arrow-circle.black:hover,.icon-download-circle.black:hover,.icon-play-circle.black:hover { background-color: #078855; color: #fff } .icon-arrow-circle.green,.icon-download-circle.green,.icon-play-circle.green { background-color: #fff; color: #181818 } .icon-arrow-circle.green:hover,.icon-download-circle.green:hover,.icon-play-circle.green:hover { background-color: #181818; color: #fff } .icon-play-circle:before { content: "\e908"; } .icon-download-circle:before { content: "\e903"; } .icon-arrow-circle:before { content: "\e900"; } .grid-12 { display: grid; column-gap: 15px; grid-template-columns: repeat(4,1fr) } @media(min-width: 721px) { .grid-12 { column-gap:20px; grid-template-columns: repeat(12,1fr) } } .grid-padding { padding: 4.5rem 5.605vw 8rem } @media(min-width: 721px) { .grid-padding { padding:5.36rem 4.2vw 14rem } } @media(min-width: 1025px) { .grid-padding { padding:5.81rem 4.444vw 12rem } } @media(min-width: 1441px) { .grid-padding { max-width: 1440px; padding: 0 64px; margin-left: auto; margin-right: auto; } } .hide-up { display: none!important } @media(max-width: 599px) { .hide-down { display:none!important } } @media(min-width: 600px) { .hide-sm-up { display:none!important } } @media(max-width: 720px) { .hide-sm-down { display:none!important } } @media(min-width: 721px) { .hide-md-up { display:none!important } } @media(max-width: 1024px) { .hide-md-down { display:none!important } } @media(min-width: 1025px) { .hide-lg-up { display:none!important } } @media(max-width: 1440px) { .hide-lg-down { display:none!important } } @media(min-width: 1441px) { .hide-xl-up { display:none!important } } .hide-xl-down { display: none!important } </style> <div class="header"> <div class="cmp-header" data-cmp-is="header" data-micromodal-trigger="my-modal">  <div class="header__overlay"></div> <header class="header" id="header"> <div class="header__wrapper grid-padding"> <div class="header__buttons"> <a class="header__logo" href="/"> <div class="header__logo-dark" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_black.png" alt="Webex"> </div> <div class="header__logo-light" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/navigation/CiscoWebex-Logo_white.png" alt="Webex"> </div> </a> <div class="flex-space hide-lg-up"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black hide-sm-down hide-lg-up">Sign Up, It's Free</a> <a class="header__open-menu hide-lg-up" aria-label="Open menu"> <span class="icon-menu"></span> </a> </div> <nav class="header__menu-wrapper grid-padding"> <div class="header__menu-top grid-padding hide-lg-up"> <a class="header__logo hide-sm-down" href="/"> <div class="" role="heading" aria-level="1"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"> </div> </a> <div class="flex-space hide-sm-down"></div> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--light">Sign Up, It's Free</a> <a class="header__close-menu" aria-label="Close menu"> <span class="icon-close"></span> </a> </div> <ul class="header__menu header__menuFirst grid-padding"> <li class="header__menuItem header__menuItem-products hasChildren"> <a href="javascript:;" data-attribute-nav="Products">Products <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to6"> <div class="header__submenu-eyebrow">webex suite</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to6"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Meetings.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/meetings.html" tabindex="0" data-attribute-nav="Products > Webex Suite > Meetings">Meetings</a> <p>Video conferencing and screen sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Calling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/enterprise-cloud-calling.html" tabindex="1" data-attribute-nav="Products > Webex Suite > Calling">Calling</a> <p>Cloud calling and phone system</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Messaging.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/messaging.html" tabindex="2" data-attribute-nav="Products > Webex Suite > Messaging">Messaging</a> <p>Group messaging, chat, and file sharing</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Webinars.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/webinar.html" tabindex="3" data-attribute-nav="Products > Webex Suite > Webinars">Webinars</a> <p>Large meeting and virtual event hosting</p> </div> </li> </ul> <ul class="header__grid-col-7to12"> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Events.svg);"></i> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/suite/events.html" tabindex="4" data-attribute-nav="Products > Webex Suite > Events">Events</a> <p>In-person and hybrid event management</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_VideoMessaging.svg);"></i> <div class="header__submenu-item-text"> <a href="https://vidcast.io/" tabindex="5" data-attribute-nav="Products > Webex Suite > Video Messaging">Video Messaging</a> <p>Video messaging and screen recording</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Polling.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/polling.html" tabindex="6" data-attribute-nav="Products > Webex Suite > Polling">Polling</a> <p>Interactive Q&A, quizzes, and polling</p> </div> </li> <li> <i style="background-image: url(/content/dam/wbx/us/images/navigation/products/Icon_Whiteboarding.svg);"></i> <div class="header__submenu-item-text"> <a href="/suite/whiteboard.html" tabindex="7" data-attribute-nav="Products > Webex Suite > Whiteboarding">Whiteboarding</a> <p>Digital co-creation and brainstorming</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/suite/collaboration-suite.html" tabindex="8" data-attribute-nav="Products > Webex Suite > Explore the Suite">Explore the Suite <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">WORKSPACES</div> <div class="header__submenu-list hasIcon grid-12"> <ul class="header__grid-col-1to12"> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/devices.html" tabindex="0" data-attribute-nav="Products > Workspaces > Home Spaces">Collaboration Devices</a> <p>Explore AI-powered devices for any space.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces/workspace-designer.html" tabindex="1" data-attribute-nav="Products > Workspaces > Office Spaces">Workspace Designer</a> <p>Design your own meeting room.</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/workspaces.html" tabindex="2" data-attribute-nav="Products > Workspaces > Anywhere">Workspaces </a> <p>Get blueprints for incredible outcomes.</p> </div> </li> </ul> </div>  </div> <div class="header__submenu-col header__grid-col-10to12"> <div class="header__submenu-eyebrow">Customer experience</div> <div class="header__submenu-list"> <ul> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/customer-experience/contact-center.html" tabindex="0" data-attribute-nav="Products > Customer Experience > Cloud Contact Center">Cloud Contact Center</a> <p>Intelligent, digital to human customer interactions</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://www.webex.com/us/en/products/workforce-optimization.html" tabindex="1" data-attribute-nav="Products > Customer Experience > Workforce Optimization">Workforce optimization</a> <p>Optimize agent performance and customer satisfaction</p> </div> </li> <li> <div class="header__submenu-item-text"> <a href="https://cpaas.webex.com/" tabindex="2" data-attribute-nav="Products > Customer Experience > CPaaS">CPaaS</a> <p>Communications platform for automating customer journeys</p> </div> </li> </ul> </div> <div class="header__submenu-cta"> <a href="/customer-experience.html" tabindex="3" data-attribute-nav="Products > Customer Experience > See all Solutions">See all Solutions <span class="icon-arrow"></span></a> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Products > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span> </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Products > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Products > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-devices hasChildren"> <a href="javascript:;" data-attribute-nav="Devices">Devices <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">collaboration devices</div> <div class="header__submenu-list"> <ul> <li><a href="/us/en/devices/room-devices.html" tabindex="1" data-attribute-nav="Devices > Collaboration Devices > Room Devices">Room Devices</a></li> <li><a href="/us/en/devices/desk-series.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > Desk Devices">Desk Devices</a></li> <li><a href="/us/en/devices/digital-whiteboards.html" tabindex="2" data-attribute-nav="Devices > Collaboration Devices > Digital Whiteboards">Digital Whiteboards</a></li> <li><a href="/us/en/devices/phone-series.html" tabindex="5" data-attribute-nav="Devices > Collaboration Devices > Phones">Phones</a></li> <li><a href="/us/en/devices/cameras.html" tabindex="4" data-attribute-nav="Devices > Collaboration Devices > Cameras">Cameras</a></li> <li><a href="/us/en/devices/headsets.html" tabindex="3" data-attribute-nav="Devices > Collaboration Devices > Headsets">Headsets</a></li> <li><a href="/us/en/devices/accessories.html" tabindex="6" data-attribute-nav="Devices > Collaboration Devices > Room Accessories">Room Accessories</a></li> </ul> </div> <div class="header__submenu-cta"> <a href="https://www.webex.com/us/en/devices.html" tabindex="0" data-attribute-nav="Devices > Collaboration Devices > See all Devices">See all Devices <span class="icon-arrow"></span></a> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <a class="header__promo-card" href="https://www.webex.com/us/en/workspaces.html" tabindex="0" data-attribute-nav="Devices > Explore Workspaces"> <img src="https://www.webex.com/content/dam/www/us/en/images/header/devices/new-workspaces-card.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Reimagine Workspaces</div> <p>Get inspiration for setting up your workspaces from desks and meeting rooms to learning and community spaces.</p> <div class="header__submenu-cta"> <span>Explore Workspaces<span class="icon-arrow"></span></span> </div> </div> </a> </div>  <div class="header__submenu-col header__grid-col-8to12"> <div class="header__submenu-eyebrow">Featured</div> <div class="header__submenu-list hasThumbnail hasThumbnail3"> <style> </style> <ul class="grid-12"> <li class="header__grid-col-1to4"> <a href="/us/en/devices/board-series/cisco-board-pro.html" tabindex="0" data-attribute-nav="Devices > Featured > Board Pro"> <img src="/content/dam/www/us/en/images/header/devices/board-pro-g2-nav.webp" alt=""/> <span>Board Pro G2</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/room-series/cisco-room-bar-pro.html" tabindex="1" data-attribute-nav="Devices > Featured > Room Bar Pro"> <img src="/content/dam/www/us/en/images/home/room-bar-pro.jpg" alt=""/> <span>Room Bar Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/phone-series/cisco-phone-9800-series.html" tabindex="2" data-attribute-nav="Devices > Featured > Desk Phone 9800"> <img src="/content/dam/www/us/en/images/home/desk-phone-9800-nav.webp" alt=""/> <span>Desk Phone 9800</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-1to4"> <a href="/us/en/devices/desk-series/cisco-desk-pro.html" tabindex="3" data-attribute-nav="Devices > Featured > Desk Pro"> <img src="/content/dam/wbx/us/images/navigation/devices/Desk-Pro.png" alt=""/> <span>Desk Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-5to8"> <a href="/us/en/devices/accessories/cisco-ceiling-microphone-pro.html" tabindex="4" data-attribute-nav="Devices > Featured > Ceiling Microphone Pro"> <img src="/content/dam/www/us/en/images/home/ceiling-microphone-pro.webp" alt=""/> <span>Ceiling Microphone Pro</span><span class="icon-open"></span> </a> </li> <li class="header__grid-col-9to12"> <a href="https://www.webex.com/us/en/devices/headsets/bang-and-olufsen-cisco-950.html" tabindex="5" data-attribute-nav="Devices > Featured > Bang and Olufsen 950"> <img src="/content/dam/www/us/en/images/header/devices/headset-bang-950.jpg" alt=""/> <span>B&O Cisco 950</span><span class="icon-open"></span> </a> </li> </ul> </div> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="https://www.webex.com/downloads.html" class="header__navbar-download" data-attribute-nav="Devices > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span> </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Devices > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="https://www.webex.com/contact-sales.html" data-attribute-nav="Devices > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-solutions hasChildren"> <a href="javascript:;" data-attribute-nav="Solutions">Solutions <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">industries</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/industries/education.html" tabindex="0" data-attribute-nav="Solutions > Industries > Education">Education</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/healthcare.html" tabindex="1" data-attribute-nav="Solutions > Industries > Healthcare">Healthcare</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/government.html" tabindex="2" data-attribute-nav="Solutions > Industries > Government">Government</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/financial-services.html" tabindex="3" data-attribute-nav="Solutions > Industries > Financial Services">Financial Services</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/sports-entertainment.html" tabindex="4" data-attribute-nav="Solutions > Industries > Sports & Entertainment">Sports & Entertainment</a></li> <li><a href="https://www.webex.com/us/en/solutions/industries/nonprofits.html" tabindex="5" data-attribute-nav="Solutions > Industries > Nonprofits">Nonprofits</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">use cases</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/hybrid-work.html" tabindex="0" data-attribute-nav="Solutions > Use Cases > Hybrid Work">Hybrid Work</a></li> <li><a href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="1" data-attribute-nav="Solutions > Use Cases > Sustainability">Sustainability</a></li>  <li><a href="https://www.webex.com/us/en/solutions/return-to-office.html" tabindex="2" data-attribute-nav="Solutions > Use Cases > Return to the Office">Return to the Office</a></li> <li><a href="https://www.webex.com/us/en/solutions/camera-intelligence-cisco-devices.html" tabindex="3" data-attribute-nav="Solutions > Use Cases > Camera Intelligence">Camera Intelligence</a></li> <li><a href="https://www.webex.com/us/en/solutions/control-hub-cisco-devices.html" tabindex="4" data-attribute-nav="Solutions > Use Cases > Workspace Management">Workspace Management</a></li> <li><a href="https://www.webex.com/us/en/solutions/microsoft-teams-rooms-cisco-devices.html" tabindex="5" data-attribute-nav="Solutions > Use Cases > Devices for Microsoft Teams">Devices for Microsoft Teams</a></li>  </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">cross-platform</div> <div class="header__submenu-list"> <ul> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html" tabindex="0" data-attribute-nav="Solutions > Cross-Platform > Accessibility">Accessibility</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/security.html" tabindex="1" data-attribute-nav="Solutions > Cross-Platform > Security">Security</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/control-hub.html" tabindex="2" data-attribute-nav="Solutions > Cross-Platform > Control Hub">Control Hub</a></li> <li><a href="/products/collaboration-ai.html" tabindex="3" data-attribute-nav="Solutions > Cross-Platform > Collaboration AI">Collaboration AI</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/inclusive-collaboration.html" tabindex="4" data-attribute-nav="Solutions > Cross-Platform > Inclusivity">Inclusivity</a></li> <li><a href="https://www.webex.com/us/en/solutions/interoperability.html" tabindex="5" data-attribute-nav="Solutions > Cross-Platform > Interoperability">Interoperability</a></li> <li><a href="https://www.webex.com/us/en/solutions/roomos.html" tabindex="6" data-attribute-nav="Solutions > Cross-Platform > RoomOS">RoomOS</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/us/en/solutions/sustainability.html" tabindex="0" data-attribute-nav="Solutions > Power hybrid work, sustainably. > Learn more"> <img src="/content/dam/wbx/us/images/navigation/solutions/Sustainability.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">Power hybrid work, sustainably.</div> <p>Achieve your sustainability goals by gaining insights into your carbon emissions and progressing on a net zero journey.</p> <div class="header__submenu-cta"> <span>Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Solutions > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <span>Download Webex</span>  </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Solutions > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Solutions > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem header__menuItem-resources hasChildren"> <a href="javascript:;" data-attribute-nav="Resources">Resources <i class="icon-open"></i></a> <div class="header__submenu"> <div class="header__submenu-main grid-padding grid-12"> <div class="header__submenu-col header__grid-col-1to3"> <div class="header__submenu-eyebrow">Support</div> <div class="header__submenu-list"> <ul> <li><a href="https://help.webex.com/" tabindex="0" data-attribute-nav="Resources > Support > Product Help">Product Help</a></li> <li><a href="https://adopt.webex.com/" tabindex="1" data-attribute-nav="Resources > Support > Webex Adoption">Webex Adoption</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user" tabindex="2" data-attribute-nav="Resources > Support > Webex Community">Webex Community</a></li> <li><a href="https://help.webex.com/contact" tabindex="3" data-attribute-nav="Resources > Support > Contact Support">Contact Support</a></li> <li><a href="https://www.webex.com/insider" tabindex="4" data-attribute-nav="Resources > Support > Webex Insider">Webex Insider</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-4to6"> <div class="header__submenu-eyebrow">Learn</div> <div class="header__submenu-list"> <ul> <li><a href="https://blog.webex.com/" tabindex="0" data-attribute-nav="Resources > Learn > Webex Blog">Webex Blog</a></li> <li><a href="/customers.html" tabindex="1" data-attribute-nav="Resources > Learn > Customer Stories">Customer Stories</a></li> <li><a href="https://webexahead.webex.com/" tabindex="2" data-attribute-nav="Resources > Learn > Thought Leadership">Thought Leadership</a></li> <li><a href="/learn/webinars-demos.html" tabindex="3" data-attribute-nav="Resources > Learn > Live events and Webinars">Live Events and Webinars</a></li> <li><a href="https://academy.webex.com/" tabindex="4" data-attribute-nav="Resources > Learn > Webex Academy">Webex Academy</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-7to9"> <div class="header__submenu-eyebrow">App Integrations</div> <div class="header__submenu-list"> <ul> <li><a href="https://apphub.webex.com/" tabindex="0" data-attribute-nav="Resources > App Integrations > App Hub">App Hub</a></li> <li><a href="/products/integrations/index.html" tabindex="1" data-attribute-nav="Resources > App Integrations > Integration Partners">Integration Partners</a></li> <li><a href="https://developer.webex.com/" tabindex="2" data-attribute-nav="Resources > App Integrations > Developer Tools">Developer Tools</a></li> </ul> </div> </div> <div class="header__submenu-col header__grid-col-10to12"> <a class="header__promo-card" href="https://www.webex.com/whats-new" tabindex="0"> <img src="/content/dam/wbx/us/images/navigation/resources/Whats-New-Promo.jpg" alt=""/> <div class="header__promo-card-content"> <div class="header__promo-card-title">What’s New in Webex</div> <p>Learn about all the latest innovations released across our collaboration and customer experience solutions.</p> <div class="header__submenu-cta"> <span data-attribute-nav="Resources > What’s New in Webex > Learn more">Learn more <span class="icon-arrow"></span></span> </div> </div> </a> </div> </div> <div class="header__submenu-bottom hide-md-down"> <div class="header__navbar grid-padding"> <a href="/downloads.html" class="header__navbar-download" data-attribute-nav="Resources > Download Webex"><img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""><span>Download Webex</span>  </a>  <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Resources > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Resources > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </div> </li> <li class="header__menuItem"><a href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc" data-attribute-nav="Plans & Pricing">Plans & Pricing</a></li> </ul> <ul class="header__menu header__menuSecond grid-padding"> <li class="header__menuItem"><a href="https://www.webex.com/downloads.html" data-attribute-nav="Download">Download</a></li> <li class="header__menuItem"><a href="https://signin.webex.com/join" data-attribute-nav="Join a Meeting">Join a Meeting</a></li> <li class="header__menuItem"><a href="https://signin.webex.com" id="signInButton" data-attribute-nav="Sign In">Sign In</a></li> <li class="header__menuItem header__menuItem-country hasChildren country-selector"> <a href="javascript:;" aria-label="Country/Region" data-attribute-nav="Country/Region"><i class="icon-global"></i> <i class="icon-open"></i></a> <div class="header__submenu header__country"> <div class="header__country-title"> <span>Select Country/Region</span> <a href="javascript:;" class="header__country-close"><span class="icon-close"></span></a> </div> <div class="header__country-list"> <ul id="headerCountryList" class="region-select-list"> <li data-country-id="AU" data-id="AU"><a href="/" data-attribute-nav="Country/Region > Australia (English)">Australia (English)</a></li> <li data-country-id="BR" data-id="BR"><a href="/pt/index.html" data-attribute-nav="Country/Region > Brazil (Português)">Brazil (Português)</a></li> <li data-country-id="CA" data-id="CA"><a href="/" data-attribute-nav="Country/Region > Canada (English)">Canada (English)</a></li> <li data-country-id="CAF" data-id="CAF"><a href="/fr/index.html" data-attribute-nav="Country/Region > Canada (Français)">Canada (Français)</a></li> <li data-country-id="CN" data-id="CN"><a href="/zh-cn/index.html" data-attribute-nav="Country/Region > China (简体字)">China (简体字)</a></li> <li data-country-id="FR" data-id="FR"><a href="/fr/index.html" data-attribute-nav="Country/Region > France (Français)">France (Français)</a></li> <li data-country-id="DE" data-id="DE"><a href="/de/index.html" data-attribute-nav="Country/Region > Germany (Deutsch)">Germany (Deutsch)</a></li> <li data-country-id="HK" data-id="HK"><a href="/zh-tw/index.html" data-attribute-nav="Country/Region > Hong Kong (繁體中文)">Hong Kong (繁體中文)</a></li> <li data-country-id="IN" data-id="IN"><a href="/" data-attribute-nav="Country/Region > India (English)">India (English)</a></li> <li data-country-id="IT" data-id="IT"><a href="/it/index.html" data-attribute-nav="Country/Region > Italy (Italiano)">Italy (Italiano)</a></li> <li data-country-id="JP" data-id="JP"><a href="/ja/index.html" data-attribute-nav="Country/Region > Japan (日本語)">Japan (日本語)</a></li> <li data-country-id="KR" data-id="KR"><a href="/ko/index.html" data-attribute-nav="Country/Region > South Korea (한국어)">South Korea (한국어)</a></li> <li data-country-id="MX" data-id="MX"><a href="/es/index.html" data-attribute-nav="Country/Region > Latin America (Español)">Latin America (Español)</a></li> <li data-country-id="ES" data-id="ES"><a href="/es/index.html" data-attribute-nav="Country/Region > Spain (Español)">Spain (Español)</a></li> <li data-country-id="GB" data-id="GB"><a href="/" data-attribute-nav="Country/Region > United Kingdom (English)">United Kingdom (English)</a></li> <li data-country-id="US" data-id="US" style="display: none;"><a href="/" data-attribute-nav="Country/Region > United States (English)">United States (English)</a></li> </ul> </div> </div> <div class="footer_languageSelect__a_We0" style="display: none;"> <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> </li> <li class="header__menuItem header__menuItem-signUp hide-md-down"> <a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" class="btn btn--black" data-attribute-nav="Sign Up, It's Free">Sign Up, It's Free</a></li> </ul>  <div class="header__menu-bottom hide-lg-up"> <div class="header__navbar grid-padding">  <img src="/content/dam/wbx/us/images/navigation/webex-app-icon.svg" alt=""> <a href="/downloads.html" class="" data-attribute-nav="Mobile/Tablet > Download Webex">Download Webex</a> <div class="flex-space hide-sm-down"></div> <a href="tel:+1-888-469-3239" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." data-attribute-nav="Mobile/Tablet > tel:+1-888-469-3239">+1-888-469-3239</a> <a href="/contact-sales.html" data-attribute-nav="Mobile/Tablet > Contact Sales">Contact Sales <span class="icon-arrow"></span></a> </div> </div> </nav> </div> </header> </div> </div> <style> .cmp-header .header__overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 101; opacity: 0; visibility: hidden; background: rgba(0,0,0,.6); transition: all .3s ease; } .cmp-header .header__overlay.active { display: block; opacity: 1; visibility: visible; } .cmp-header .header { width: 100%; height: 7.3rem; background-color: #181818; transition: all .5s ease-in-out; position: fixed; left: 0; top: 0; z-index: 102; } .cmp-header .header.bg-black { background-color: #181818; background-image: none; } .cmp-header .header.bg-white, .cmp-header .header.active { background-color: #FFFFFF; background-image: none; } .cmp-header .header.scroll-down { transform: translateY(-100%); } .cmp-header .grid-padding { padding-top: 0; padding-bottom: 0; } .cmp-header .btn { width: auto; } .cmp-header .flex-space { flex-grow: 1; } .cmp-header ul { list-style: none; margin: 0; } .cmp-header ul:not(.grid-padding) { padding-left: 0; } .cmp-header a { transition: all .3s; } .header__wrapper { height: 100%; display: flex; align-items: center; justify-content: space-between; } a.header__logo { display: block; width: 11.8rem; height: 3.3rem; } a.header__logo img { width: 100%; } .header .header__logo-light, .header.active .header__logo-dark, .header.bg-white .header__logo-dark { transition: all .3s; display: block; } .header .header__logo-dark, .header.active .header__logo-light, .header.bg-white .header__logo-light { transition: all .3s; display: none; } a.header__open-menu { width: 2rem; height: 1rem; display: block; position: relative; } a.header__open-menu .icon-menu::before, a.header__open-menu .icon-menu::after { content: ''; width: 2rem; height: 0.2rem; display: block; background-color: #fff; position: absolute; left: 0; } .header.bg-white a.header__open-menu .icon-menu::before, .header.bg-white a.header__open-menu .icon-menu::after { background-color: #181818; } a.header__open-menu .icon-menu::after { bottom: 0; } a.header__close-menu { width: 32px; height: 32px; font-size: 16px; margin-left: -8px; margin-right: -8px; display: flex; align-items: center; justify-content: center; } .header__menu-top { height: 7.3rem; margin-bottom: 4rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } .header__menuItem > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 20px; /* letter-spacing: -0.01em;*/ color: #181818; /* text-decoration: none;*/ white-space: nowrap; /* transition: all .3s; */ } /* .header .header__menuItem > a:not(.btn):hover,*/ .header .header__menuItem > a.active:not(.btn) { color: #05935B !important; } /*.header.active .header__menuItem > a:not(.btn):hover, .header.bg-white .header__menuItem > a:not(.btn):hover,*/ .header.active .header__menuItem > a.active:not(.btn), .header.bg-white .header__menuItem > a.active:not(.btn) { color: #078855 !important; } .bg-black1 a:not(.btn), .header .header__menuItem > a:not(.btn) { cursor: pointer; text-decoration: none; text-underline-offset: 6px; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; outline: none; } .bg-black1 a:not(.btn):hover, .header .header__menuItem > a:not(.btn):hover { /* color: #181818;*/ border-bottom: 1px solid; } .header__menuItem > a .icon-open { font-size: 10px; position: relative; } .header__menuItem > a .icon-open::before { /* transition: all .3s; */ } .header__menuItem > a.active .icon-open::before { transform: rotate(180deg); } .header__menuItem > a .icon-global { font-size: 16px; line-height: 100%; position: relative; top: 1px; } .header.active a.btn--black:not(:hover), .header.bg-white a.btn--black:not(:hover) { background-color: #181818; border-color: #181818; color: #FFFFFF; } .header__submenu { /* display: none; */ opacity: 0; visibility: hidden; transform: translateY(-1rem); transition: transform .35s ease; } .header__submenu.expanded { display: block; opacity: 1; visibility: visible; transform: translateY(0); } .header__submenu-eyebrow { font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #767676; } .header__submenu-col { grid-column: 1/ span 4; } .header__submenu-list ul { grid-column: 1/ span 4; } .header__submenu-list ul li { display: flex; column-gap: 1rem; } .header__submenu-list ul li:not(:first-child) { margin-top: 2rem; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .5rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.5rem; } */ .header__submenu-list ul li a { font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: -0.02em; color: #181818; border-bottom: 1px solid transparent; /* transition: all .3s; */ text-decoration: none; cursor: pointer; outline: none; transition: border-color .2s ease-out; display: inline-block; padding-bottom: .1rem; } .header__submenu-list ul li a:hover { /* color: #078855 !important;*/ color: #181818; /* border-bottom: 1px solid;*/ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .header__submenu-list ul li .header__submenu-item-text p { font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: -0.01em; color: #767676; margin: 4px 0 0; } .header__submenu-list.hasIcon ul li i { width: 2.6rem; height: 2.6rem; background-repeat: no-repeat; flex-shrink: 0; } .header__submenu-list + .header__submenu-cta { margin-top: 4rem; } .header__submenu-cta a, .header__submenu-cta > span { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #078855; text-decoration: none; border-bottom: 1px solid transparent; /* transition: all .3s; */ /* padding-bottom: .2rem; */ } .header__submenu-cta a:hover { color: #078855 !important; border-bottom-color: #078855; } @media (max-width: 1024px) { .header__buttons { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 4rem; } nav.header__menu-wrapper { width: 100%; height: 100%; background-color: #FFF; background-image: url(/content/dam/wbx/us/images/navigation/Gradient.png); background-repeat: no-repeat; background-position: top right; padding: 0; overflow-y: scroll; position: fixed; left: 0; top: 0; display: none; } nav.header__menu-wrapper.expanded { display: block; } .header__submenu-main.grid-padding { padding: 0; } .header__submenu { display: none; } ul.header__menu.header__menuFirst li.header__menuItem { border-top: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem:last-child { border-bottom: 1px solid #181818; } ul.header__menu.header__menuFirst li.header__menuItem>a { display: block; font-weight: 400; font-size: 32px; line-height: 36px; letter-spacing: -0.04em; color: #181818; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 2.6rem; margin-bottom: 2.6rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open { width: 2rem; height: 2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::before, ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { content: ''; width: 2rem; height: 0.2rem; background-color: #181818; position: absolute; top: 50%; transform: translateY(-50%); } ul.header__menu.header__menuFirst li.header__menuItem>a .icon-open::after { transform: translateY(-50%) rotate(90deg); } ul.header__menu.header__menuFirst li.header__menuItem>a.active .icon-open::after { content: none; } ul.header__menu.header__menuFirst li.header__menuItem .header__submenu { margin-top: 4rem; margin-bottom: 6rem; } ul.header__menu.header__menuSecond { margin-top: 6rem; } ul.header__menu.header__menuSecond li.header__menuItem:not(:first-child) { margin-top: 2rem; } .header__menuFirst .header__menuItem > a:not(.btn), .header__menuFirst .header__menuItem > a:not(.btn):hover { border-bottom: none; } .header__menuFirst .header__menuItem:not(.hasChildren) > a:not(.btn):hover { color: #078855; } /* .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li a, .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li a { padding-bottom: .3rem; } .header__menuItem-resources .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-solutions .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child), .header__menuItem-devices .header__submenu-list:not(.hasThumbnail) ul li:not(:first-child) { margin-top: 1.7rem; } */ } @media (max-width: 720px) { .header__menu-top { padding-top: 1.9rem !important; } ul.header__menu.header__menuFirst li.header__menuItem>a { margin-top: 1.2rem; margin-bottom: 1.2rem; } ul.header__menu.header__menuFirst li.header__menuItem>a.active { margin-top: 2.1rem; } .header__submenu-col:not(:first-child) { margin-top: 6rem; } .header__submenu-list { width: 80%; margin-top: 2rem; row-gap: 2rem; } ul.header__menu.header__menuSecond { margin-top: 5rem; } } @media (min-width: 721px) { .cmp-header .header { height: 9.6rem; } .header__menu-top { height: 9.6rem; } a.header__logo { width: 13.8rem; height: 3.8rem; } .header__submenu-list ul { column-gap: 2rem; } .header__submenu-eyebrow { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; } .header__submenu-list { margin-top: 3rem; } .header__grid-col-1to3 { grid-column: 1/ span 3 !important; } .header__grid-col-4to6 { grid-column: 4/ span 3 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-10to12 { grid-column: 10/ span 3 !important; } .header__grid-col-1to6 { grid-column: 1/ span 6 !important; } .header__grid-col-1to9 { grid-column: 1/ span 9 !important; } .header__grid-col-7to9 { grid-column: 7/ span 3 !important; } .header__grid-col-7to12 { grid-column: 7/ span 6 !important; } .header__grid-col-8to12 { grid-column: 8/ span 5 !important; } .header__grid-col-1to4 { grid-column: 1/ span 4 !important; } .header__grid-col-5to8 { grid-column: 5/ span 4 !important; } .header__grid-col-9to12 { grid-column: 9/ span 4 !important; } .header__grid-col-1to12 { grid-column: 1/ span 12 !important; } } @media (min-width: 1025px) { .header__wrapper { flex-wrap: nowrap; align-items: center; column-gap: 3rem; } nav.header__menu-wrapper.grid-padding { width: 100%; padding: 0; position: static; display: flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 3rem; } ul.header__menu.grid-padding { padding: 0; display: flex; align-items: center; flex-wrap: nowrap; column-gap: 2rem; } .header__menuItem > a:not(.btn) { line-height: 1; color: #FFFFFF; /* padding-bottom: 2px; */ } .header .header__menuItem > a:not(.btn) { color: #FFFFFF; } .header.active .header__menuItem > a:not(.btn), .header.bg-white .header__menuItem > a:not(.btn) { color: #181818; } .header__menuItem-signUp { flex-shrink: 0; } .header__menuItem-signUp .btn { margin-left: 1rem; } .header__submenu { width: 100%; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 9.6rem; z-index: 5; } .header__submenu-main.grid-padding { padding-top: 4.3rem; padding-bottom: 5.4rem; } /*.header__submenu-list ul li { padding-right: 5.4rem; }*/ .header__submenu-list ul li a { font-size: 22px; } .header__submenu-list ul li .header__submenu-item-text p { font-size: 13px; line-height: 20px; letter-spacing: normal; } .header__submenu-bottom { background: #F2F2F2; } .header__submenu-bottom a:last-child{ margin-top: 1px; } } @media (min-width: 1025px) and (max-width: 1300px) { a.header__logo { width: 12.8rem; } .header__wrapper { column-gap: 2rem; } nav.header__menu-wrapper { column-gap: 2rem !important; } .header__menu { column-gap: 1.8rem !important; } .header__menuItem-signUp .btn { height: 5rem; padding-left: 1.4rem; padding-right: 1.4rem; margin-left: 0; } } @media (min-width: 1025px) and (max-width: 1239px) { a.header__logo { width: 11.8rem; } .header__menuItem-signUp .btn, .header__menuItem > a:not(.btn) { font-size: 14px; } } @media (min-width: 1025px) and (max-width: 1179px) { a.header__logo { width: 11rem; } .header__menu { column-gap: 1.4rem !important; } } @media (min-width: 1025px) and (max-width: 1119px) { .header__menuItem-signUp .btn { height: 4.5rem; font-size: 13px; padding-left: .8rem; padding-right: .8rem; } .header__menuItem > a:not(.btn) { font-size: 13px; } } @media (min-width: 1025px) and (max-width: 1069px) { .header__wrapper { column-gap: 1.5rem; } .header__menu { column-gap: 1.2rem !important; } } /* devices submenu start */ .header__submenu-list.hasThumbnail ul { column-gap: 2rem; } .header__submenu-list.hasThumbnail ul li { grid-column: 1/ span 4; margin: 0; padding: 0; } .header__submenu-list.hasThumbnail ul li a { text-decoration: none; border-bottom: none; display: flex; align-items: center; gap: 2rem; } .header__submenu-list.hasThumbnail ul li a img { width: 5.5rem; height: 5.5rem; object-fit: contain; } .header__submenu-list.hasThumbnail ul li a span { font-size: 14px; line-height: 12px; letter-spacing: -0.01em; color: #000000; /* transition: all .3s; */ border-bottom: 1px solid transparent; padding-bottom: .2rem; } .header__submenu-list.hasThumbnail ul li a:hover span { /* color: #078855 !important; */ border-bottom: 1px solid; border-bottom-color: initial; } .header__devices-card { display: flex; flex-direction: column; gap: 2rem; } .header__devices-card img { width: 100%;; border-radius: 1.5rem; background: linear-gradient(299.22deg, #F2F2F2 0%, rgba(242, 242, 242, 0.27) 98.18%); } .header__devices-card .header__devices-card-tag { font-weight: 400; font-size: 11px; line-height: 1; letter-spacing: -0.01em; color: #181818; border: .1rem solid #181818; border-radius: 2.5rem; display: inline-block; padding: .5rem 1rem; } .header__devices-card .header__devices-card-title { font-weight: 500; font-size: 20px; line-height: 150%; letter-spacing: -0.02em; color: #000000; margin-top: .6rem; } .header__devices-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } .header__promo-card { text-decoration: none; border: 1px solid #C4C4C4; border-radius: 3rem; padding: 2rem 2rem 4rem; display: flex; flex-direction: column; row-gap: 2rem; } .header__promo-card img { width: 100%; height: auto; background: #F5F2FA; border-radius: 15px; } .header__promo-card .header__promo-card-title { font-weight: 500; font-size: 20px; line-height: 22px; letter-spacing: -0.02em; color: #000000; } .header__promo-card:hover { text-decoration: none; } .header__promo-card:hover .header__submenu-cta > span { border-bottom: 1px solid #078855; width: max-content; } .header__promo-card p { font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #767676; margin-top: .6rem; margin-bottom: 2rem; } @media (max-width: 1024px) { .header__devices-card a, .header__promo-card a { font-size: 14px; } } @media (max-width: 720px) { .header__submenu-list.hasThumbnail { width: 100%; } .header__submenu-list.hasThumbnail ul li { /* margin-top: 2rem; padding-bottom: 2rem; */ border-bottom: 1px solid #C4C4C4; } .header__submenu-list.hasThumbnail ul li:first-child { margin-top: 0; } .header__submenu-list.hasThumbnail ul li a span { font-size: 22px; line-height: 28px; letter-spacing: -0.03em; color: #181818; } .header__submenu-list.hasThumbnail ul li a span.icon-open { font-size: 10px; line-height: .5; margin-left: -1.5rem; transform: rotate(-90deg); } .header__submenu-list.hasDeviceCard { width: 100%; } } @media (min-width: 721px) { .header__submenu-list.hasThumbnail ul li a { text-align: center; flex-direction: column; } .header__submenu-list.hasThumbnail ul li a img { width: auto; max-width: 100%; height: 9.6rem; } .header__submenu-list.hasThumbnail ul li a span.icon-open { display: none; } .header__submenu-list.hasThumbnail4 ul { gap: 1rem; } .header__submenu-list.hasThumbnail3 ul { gap: 2rem; } .header__submenu-list.hasThumbnail3 ul li { justify-content: center; } .header__submenu-list.hasThumbnail3 ul li a img { width: 13rem; height: auto; } .header__devices-card { flex-direction: row; align-items: flex-start; flex-wrap: nowrap; } .header__devices-card img { width: 50%; } } @media (min-width: 1025px) { .header__submenu-list.hasThumbnail4 ul { gap: 4.2rem; } .header__submenu-list.hasThumbnail4 ul li a img { height: 11.2rem; } .header__devices-card { gap: 3.5rem; } .header__devices-card .header__devices-card-title { font-size: 22px; } .header__devices-card p { font-size: 15px; line-height: 20px; } .header__promo-card .header__promo-card-title { font-size: 22px; line-height: 24px; } .header__promo-card p { font-size: 15px; line-height: 20px; } .header__promo-card-eyebrow{ padding: 11px 16px; border-radius: 50px; background: #DDF7D2; width: max-content; } } /* devices submenu end */ /* header navbar start */ .header__menu-bottom { margin-top: 4rem; } .header__navbar.grid-padding { height: auto; background: #F2F2F2; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; gap: 2rem; } .header__navbar > a:not(.btn) { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; color: #181818; text-decoration: none; cursor: pointer; outline: none; /* transition: all .3s; */ display: flex; align-items: center; gap: .5rem; margin: 0; padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a:not(.btn):hover { /* color: #078855 !important;*/ border-bottom: 1px solid; } .header__navbar > a:not(.btn) > span.icon-arrow { top: 1px; } .header__navbar > a.header__navbar-download, .header__navbar > a.header__navbar-download:hover { border-bottom: none; } .header__navbar > a.header__navbar-download > span { padding-top: .2rem; padding-bottom: .2rem; border-bottom: 1px solid transparent; transition: border-color .2s ease-out; } .header__navbar > a.header__navbar-download:hover > span { border-bottom: 1px solid; } .header__navbar .btn.btn--secondary--light { height: 4rem; padding: .6rem 2.2rem; } .header__navbar .btn--secondary--light .icon-download { color: inherit; background: transparent; } @media (min-width: 721px) { .header__navbar.grid-padding { height: 7.6rem; padding-top: 0; padding-bottom: 0; flex-direction: row; align-items: center; } } /* header navbar end */ /* header country start */ .header__menuItem.header__menuItem-country { position: relative; } .header__menuItem.header__menuItem-country > a { text-decoration: none !important; border-bottom: none !important; } .header__menuItem.header__menuItem-country > a:hover { color: #078855!important; } .header__submenu.header__country { width: 22.6rem; height: 30rem; background: #fff; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1); border-radius: 1rem; overflow: hidden; padding: 2rem; margin-bottom: 1.5rem; transition: all .5s; position: absolute; left: 0; bottom: 100%; top: unset; z-index: 99; display: none; flex-direction: column; } .header__submenu.header__country.expanded { display: flex; } .header__country-title, .header__country-list { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.01em; color: #181818; } .header__country-title { position: relative; margin-bottom: 2rem; } a.header__country-close { width: 1.4rem; height: 1.4rem; font-size: 8px; display: flex; align-items: center; justify-content: center; position: absolute; top: .3rem; right: -.6rem; } .header__country-list { overflow-y: scroll; } .header__country-list ul li:not(:first-child) { margin-top: 2rem; } .header__country-list ul li a { font-weight: 400; color: #767676; text-underline-offset: 4px; } .header__country-list ul li a:hover, .header__country-list ul li a.active { color: #078855 !important; } .header__country-list::-webkit-scrollbar { width: .3rem; } .header__country-list::-webkit-scrollbar-track { background: #C4C4C4; border-left: .1rem solid #ffffff; border-right: .1rem solid #ffffff; } .header__country-list::-webkit-scrollbar-thumb { border-radius: .3rem; background: #078855; } @media (min-width: 1025px) { .header__menu.header__menuSecond { position: relative; } .header__menuItem.header__menuItem-country { position: static; } .header__submenu.header__country { margin-bottom: 0; margin-top: 1rem; left: unset; bottom: unset; top: 100%; right: 0; } } /* header country end */ </style> <script> const wbxHeaderOverlay = $('.cmp-header .header__overlay'); const wbxHeader = $('.cmp-header .header'); const wbxheaderMenu = $('.header__menu-wrapper'); const menuItemHasChildren = $('.header__menuItem.hasChildren'); const wbxheaderSignUp = $('.header__menuItem-signUp > .btn'); $('.header__menuItem.hasChildren > a').on('click', function() { if(!$(this).hasClass('active')) { let isCountryCTA = $(this).siblings('.header__submenu').hasClass('header__country'); if(!isCountryCTA || isLargeSize) { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); } $(this).addClass('active').siblings('.header__submenu').addClass('expanded'); if(!wbxHeader.hasClass('active')) { openHeaderMenu(isCountryCTA); } } else { $(this).removeClass('active').siblings('.header__submenu').removeClass('expanded'); if(isLargeSize) { closeHeaderMenu(); } } }) $('a.header__open-menu').on('click', function() { openHeaderMenu(); }); $('a.header__close-menu').on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); wbxHeaderOverlay.on('click', function() { menuItemHasChildren.find('a.active').removeClass('active'); menuItemHasChildren.find('.header__submenu.expanded').removeClass('expanded'); closeHeaderMenu(); }); $('a.header__country-close').on('click', function() { $(this).parents('.header__submenu').siblings('a').click(); }); let isLargeSize = $(window).width() >= 1025; let scrollHeight = 0; $(window).resize(function () { swopHeaderMenu(); }); $(window).scroll(function () { if($('body').css('overflow-y') != 'hidden') { handleScrollHeader(); } }) function openHeaderMenu(isCountryCTA) { if(!isCountryCTA) { wbxHeaderOverlay.addClass('active'); $('body').css('overflow-y', 'hidden'); } wbxHeader.addClass('active'); wbxheaderMenu.addClass('expanded'); } function closeHeaderMenu() { wbxHeaderOverlay.removeClass('active'); wbxHeader.removeClass('active'); wbxheaderMenu.removeClass('expanded'); $('body').css('overflow-y', 'auto'); } function swopHeaderMenu() { isLargeSizeNew = $(window).width() >= 1025; if(wbxheaderMenu.hasClass('expanded') && menuItemHasChildren.find('a.active').length == 0) { if(!isLargeSize && isLargeSizeNew) { closeHeaderMenu(); } } isLargeSize = isLargeSizeNew; } function handleScrollHeader() { let scrollHeightNew = window.pageYOffset; if(scrollHeightNew > wbxHeader.height()) { if (!wbxHeader.hasClass('bg-black') && !wbxHeader.hasClass('bg-white')) { wbxHeader.removeClass('bg-white').addClass('bg-black'); } if (scrollHeightNew > scrollHeight && !wbxHeader.hasClass('scroll-down')) { wbxHeader.addClass('scroll-down'); if($('.header__submenu.header__country').hasClass('expanded')) { $('a.header__country-close').click(); } } else if (scrollHeightNew < scrollHeight && wbxHeader.hasClass('scroll-down')) { wbxHeader.removeClass('scroll-down'); } } else { wbxHeader.removeClass('scroll-down bg-black bg-white'); } scrollHeight = scrollHeightNew; } $(document).ready(function() { if (!!window.IntersectionObserver) { if(!!$('.cmp-container > div')) { const componentsList = Array.from($('.cmp-container > div')); let navObserver = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { // console.log(entry) if (entry.isIntersecting) { let $bgBlackItem = $(entry.target).find('.bg-black'); // console.log($bgBlackItem); if($bgBlackItem.length != 0 && ($(window).width() - $bgBlackItem.innerWidth() < 15)) { console.log('if ') if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { console.log('else ') wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList.forEach((module) => { navObserver.observe(module) }); } if(!!$('.wx-wrapper.page-wrapper > section')) { const componentsList2 = Array.from($('.wx-wrapper.page-wrapper > section')); let navObserver2 = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting) { let $bgBlackItem = $(entry.target); // $(window).width() - $bgBlackItem.innerWidth() < 15 if ($bgBlackItem.hasClass('bg-black')) { if($bgBlackItem.offset().top < 10) { wbxHeader.removeClass('bg-black bg-white'); } else { wbxHeader.removeClass('bg-black').addClass('bg-white'); } } else { wbxHeader.removeClass('bg-white').addClass('bg-black'); } } }); }, { rootMargin: "0px 0px -100% 0px", }, ); componentsList2.forEach((module) => { navObserver2.observe(module) }); } } }) </script> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/>  <style> .wx-wrapper .container { max-width: 100%; } .wx-wrapper.page-wrapper { padding-top: 0 !important; margin-top: 7.3rem !important; } @media (min-width: 721px) { .wx-wrapper.page-wrapper { margin-top: 9.6rem !important; } } .layout-container + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper + .wx-wrapper.page-wrapper, .wx-wrapper.page-wrapper.popupForm-wrapper { margin-top: 0 !important; } .wx-wrapper.page-wrapper .btn .icon-arrow { position: static; } .wx-wrapper.page-wrapper .btn .icon-play:before, .wx-wrapper.page-wrapper .btn .icon-download:before { position: static; transform: none; } /* fix floatie issues */ #forFloatBanner { width: 100%; position: fixed; top: 9.6rem; z-index: 5; transition: all .5s; } #forFloatBanner.scroll-down { transform: translateY(-100%); top: 0; } @media (max-width: 720px) { #forFloatBanner { top: 7.3rem; } } @media (max-width: 1024px) { #floatBanner .hidden-sm { display:none } } @media (min-width: 1025px) { #floatBanner .hidden-lg { display:none } } /* fix form issues */ .elq-form { font-size: 16px; } .elq-form .checkbox-wrapper { align-items: flex-start; } .elq-form .mt1 { margin-top: 16px; } .close-cross { z-index: 1; } /* fix dg & gp issues */ .ctaheader, .ctaHeader, #wbx-header-new, .navigationC-wrapper { top: 0; } .card-wrapper .card-main * { text-align: left; } .dgBody .cmp-header, .dgBody .cmp-secondary-promo, .dgBody .cmp-global-footer .global-footer__menu { display: none !important; } .dgBody .cmp-global-footer .global-footer__postFooter { margin-top: 0 !important; } </style> <script> let mainEle; $(document).ready(function () { if($('#mainnav').length != 0 || $('#mainNav').length != 0) { $('.wbx-header, .wbx-footer').addClass('dgBody'); } setTimeout(function() { if($('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').length != 0) { $('body > img[src*="https://insight.adsrvr.org/track/pxl/"]').css('position', 'absolute'); } }, 500); if($('.hero--video.layout-container').length != 0) { mainEle = $('.hero--video.layout-container'); } else if ($('.wx-wrapper.page-wrapper').length != 0) { mainEle = $('.wx-wrapper.page-wrapper').first(); } if ($('#forFloatBanner').length != 0) { $('#floatBanner a.f-b-link').hover().css('color', $('#floatBanner a.f-b-link').hover().css('color')); $('#floatBanner a.f-b-link').css('text-decoration', $('#floatBanner a.f-b-link').css('text-decoration')); $('#floatBanner').show(); handleFloatieTop(); } $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); handleFloatieTop(); }) }); let resizeTimerF; $(window).resize(function () { if ($('#forFloatBanner').length != 0) { clearTimeout(resizeTimerF); resizeTimerF = setTimeout(function () { handleFloatieTop(); }, 250); } }) let scrollHeightF = 0; $(window).scroll(function () { if ($('#forFloatBanner').length != 0 && $('.wx-wrapper.page-wrapper').length != 0 && $('#mainnav').length == 0 && $('#mainNav').length == 0) { handleFloatieScroll(); } }) function handleFloatieTop() { let headerHeight = $('#mainnav').height() || $('#mainNav').height() || $('#header').height(); if($('#floatBanner').length != 0) { headerHeight += $('#forFloatBanner').height() - 1; mainEle.css('cssText', 'margin-top: ' + headerHeight + 'px !important'); } else { mainEle.css('cssText', 'margin-top: 0'); } } function handleFloatieScroll() { let scrollHeightNew = window.pageYOffset; let headerHeight = $('#header').height();// + ($('#forFloatBanner').height() || 0); if (scrollHeightNew > headerHeight) { if (scrollHeightNew > scrollHeightF && !$('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').addClass('scroll-down'); } else if (scrollHeightNew < scrollHeightF && $('#forFloatBanner').hasClass('scroll-down')) { $('#forFloatBanner').removeClass('scroll-down'); } } else { $('#forFloatBanner').removeClass('scroll-down'); } scrollHeightF = scrollHeightNew; } </script>   <style> a.js-tab-focus, button.js-tab-focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } </style> <script> let _tab_action = false; let _tab_active_class = "js-tab-focus"; $(document).on('keydown', function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document).on('focusin', function (e) { if (!_tab_action) { return false; } $('.' + _tab_active_class).removeClass(_tab_active_class); _tab_action = false; $(e.target).addClass('js-tab-focus'); }).on('focusout', function () { $('.' + _tab_active_class).removeClass(_tab_active_class); }); </script>  <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> </div> </div> </div> <div class="wbx-content"> <div class="open-html-component section"> <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> <style> .wx-wrapper.page-wrapper p.color-gray { color: #818181 !important; } @media (min-width: 1025px) { .wx-wrapper.page-wrapper > section { padding-top: 5.5555555556vw; padding-bottom: 13.8vw; } .wx-wrapper.page-wrapper > section.meeting-hero_module__1D8OB { padding-top: 9.0vw; } .wx-wrapper.page-wrapper > section.feature-list_module__2ZHza { padding-bottom: 10vw; } } @media (max-width: 1024px) { .wx-wrapper.page-wrapper p.lbody { line-height: 1.375; } } </style> <section class="wx-wrapper page-wrapper"> <section class="meeting-hero_module__1D8OB bg-black color-white"> <style> .meeting-hero_buttonWrap__3bJpB { margin-top: 40px; } @media (max-width: 1024px) { .meeting-hero_buttonWrap__3bJpB { margin-bottom: 10vw; } } </style> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"> <h1 class="h5 fw-regular mb1">Webex <br class="hidden-sm">Whiteboard</h1> </div> <div class="col col-9 col-sm"> <h2 class="h2" role="heading" aria-level="2">Unleash creativity with digital whiteboarding.</h2> <p class="color-gray fw-regular lbody module-header_description__1Godp">Bring teams together to co-create, annotate, ideate, and solve problems with an easy-to-use whiteboard.</p> <div class="meeting-hero_buttonWrap__3bJpB"><a class="meeting-hero_btn__D9XZi btn btn-primary" href="https://whiteboard.webex.com/">Start for Free <span class="icon-arrow"></span></a><a class="btn btn-secondary-light" href="https://use.webex.com/contact-sales">Contact Us <span class="icon-arrow"></span></a></div> </div> </div> <div class="grid meeting-hero_imageWrapper__1I_mC"> <div class="col col-12 col-sm meeting-hero_rightImageWrapper__3Db9G"> <img src="/content/dam/wbx/us/images/rebrand/new/whiteboard-hero.png" alt="People collaborate in real time with Webex whiteboarding, adding sticky notes, a flow chart, etc. to the digital whiteboard." class="br-30 img100p" width="1256" height="670"> </div> </div> </div> </section> <section class="feature-list_module__2ZHza"> <style> .video-wrapper { position: relative; } .video-wrapper a.btn-play { width: 8vw; height: 8vw; position: absolute; bottom: 2.2vw; right: 2.2vw; } .video-wrapper a.btn-play svg { width: 100%; height: 100%; } .video-wrapper a.btn-play svg > path { -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); } .video-wrapper a.btn-play:hover svg > path:first-child { fill: #078855; } .video-wrapper a.btn-play:hover svg > path:last-child { fill: #FFFFFF; fill-opacity: 1; } @media (max-width: 1024px) { .video-wrapper a.btn-play { width: 15vw; height: 15vw; bottom: 4vw; right: 4vw; } } </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">Intuitive whiteboarding on any device.</h2> </div> </div> </div> <div class="grid grid-end"> <div class="col col-12 col-sm"> <div class="video-wrapper"> <img src="/content/dam/wbx/us/images/rebrand/new/whiteboard-video.png" class="br-30 img100p" width="1256" height="670" alt="A professional collaborates on a digital whiteboard, editing it from his mobile phone."> <a href="javascript:;" data-video-id="6301521798001" class="btn-play playVideo"> <svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M57.7288 114.468C26.3221 114.468 0.861954 89.0078 0.861954 57.6011C0.861955 26.1944 26.3221 0.73426 57.7288 0.734268C89.1355 0.734268 114.596 26.1944 114.596 57.6011C114.596 89.0079 89.1355 114.468 57.7288 114.468ZM50.124 39.719L74.9037 53.2363C75.5428 53.5507 76.0793 54.0312 76.4535 54.6243C76.8277 55.2173 77.0248 55.8996 77.0229 56.595C77.0211 57.2905 76.8202 57.9717 76.4428 58.5629C76.0655 59.154 75.5263 59.6318 74.8856 59.9429L50.1573 73.4353C49.6072 73.7055 48.9996 73.8471 48.3831 73.8488C47.3596 73.8457 46.3791 73.4488 45.6565 72.7453C44.9338 72.0417 44.5279 71.0888 44.5276 70.0952L44.5276 43.0752C44.5277 42.4354 44.6963 41.8063 45.0174 41.2476C45.3385 40.6888 45.8013 40.219 46.362 39.8828C46.9227 39.5465 47.5627 39.3549 48.2211 39.3263C48.8795 39.2976 49.5345 39.4328 50.124 39.719Z" fill="white"/> <path d="M74.904 53.2351L50.1242 39.7177C49.5348 39.4316 48.8797 39.2964 48.2213 39.3251C47.5629 39.3537 46.923 39.5453 46.3622 39.8816C45.8015 40.2178 45.3387 40.6876 45.0176 41.2463C44.6966 41.8051 44.528 42.4342 44.5278 43.074V70.094C44.5281 71.0875 44.934 72.0405 45.6567 72.744C46.3794 73.4476 47.3599 73.8444 48.3834 73.8476C48.9999 73.8459 49.6074 73.7043 50.1575 73.4341L74.8858 59.9417C75.5266 59.6306 76.0657 59.1528 76.4431 58.5617C76.8205 57.9705 77.0213 57.2893 77.0232 56.5938C77.0251 55.8984 76.8279 55.2161 76.4537 54.623C76.0795 54.03 75.543 53.5495 74.904 53.2351V53.2351Z" fill="black" fill-opacity="0.3"/> </svg> </a> </div> </div> </div> </div> </section> <section class="text-grid_module__3ArLH bg-black color-white"> <style> .icon-gradient-purple { background: linear-gradient(180deg, #00BCF5 0%, #A875FC 100%); } .text-grid_serviceWrapper__1-ZhJ:before { opacity: 0.7; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ { width: 100%; } @media (max-width: 1024px) { .text-grid_col__wlrJY.text-grid_colLarge__1U3HL { margin-bottom: 5vw; } .text-grid_grid__vAiKx .text-grid_col__wlrJY .text-grid_serviceWrapper__1-ZhJ .text-grid_serviceInner__1atFM { padding-top: 7vw; padding-bottom: 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">Brainstorm, ideate, and co-create with anyone, anywhere.</h2> <p class="color-boulder fw-regular module-header_description__1Godp lbody">Create together in real time or pick up after the meeting with a limitless whiteboard that's always available.</p> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="https://www.webex.com/content/dam/wbx/us/documents/pdf/digital-whiteboarding-with-webex.pdf" target="_blank" class="btn btn-primary">Learn More <span class="icon-arrow"></span></a> </div> </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"> <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/whiteboard-Ideation-co-creation_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/whiteboard-Ideation-co-creation_black.svg)"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Experience frictionless whiteboarding</span> <span class="mbody fw-regular text-grid_serviceText__17Ege">Quickly express, show, and capture ideas on a whiteboard that never runs out of space.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ"> <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/meetings_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/meetings_black.svg)"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Ensure everyone’s included</span> <span class="mbody fw-regular text-grid_serviceText__17Ege">Bring everyone together for an equally rich collaboration experience, regardless of location or devices.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ"> <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/smart-hybrid-work-experiences_black.svg);mask-image:url(/content/dam/wbx/us/images/rebrand/custom-icons/smart-hybrid-work-experiences_black.svg)"> </div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Keep your ideas secure</span> <span class="mbody fw-regular text-grid_serviceText__17Ege">Secure by design, private by default, Webex defends against threats no matter where you’re working.</span> </div> </div> </div> </div> </div> </section> <section class="vertical-tab_module__2c0P_"> <style> .vertical-tab_module__2c0P_ .swiper-container { overflow: visible; } </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">Digital whiteboarding, reimagined.</h2> <p class="color-boulder fw-regular module-header_description__1Godp lbody">Ideation, annotation, and co-creation for the entire team, made simple.</p> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a class="btn btn-primary" href="https://whiteboard.webex.com/">Start for Free <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="grid grid-between"> <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 class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature1.jpg" alt=""> </div> <div class="swiper-slide"><img class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature2.jpg" alt=""> </div> <div class="swiper-slide"><img class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature3.jpg" alt=""> </div> <div class="swiper-slide"><img class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature4.jpg" alt=""> </div> </div> </div> </div> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr col-align-bottom"> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"><img class="img100p br-30" width="267" height="578" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature1.jpg" alt=""> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Collaborate your way</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-boulder fw-regular">Draw, write, type, and add stickies or emojis to express your ideas the way you want.</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 class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature2.jpg" alt=""> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Spend time creating, less time getting started</h6> </div> <div class="description calling-accordion-body"> <p class="color-boulder fw-regular">Get teams and external collaborators up and running quickly from any location.</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 class="img100p br-30" width="618" height="618" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature3.jpg" alt=""> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Access from anywhere, on any device, at any time</h6> </div> <div class="description calling-accordion-body"> <p class="color-boulder fw-regular">Collaborate from your phone, laptop, tablet, or Webex endpoint with a tailored experience for each device.</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"> <div class="deviceWrapper"><img class="img100p br-30" width="618" height="" src="/content/dam/wbx/us/images/rebrand/new/whiteboard-feature4.jpg" alt=""></div> </div> <div class="titleContainer"> <h6 class="lbody fw-regular">Create securely as a team</h6> </div> <div class="description calling-accordion-body"> <p class="color-boulder fw-regular">Co-create with the comfort of a secure whiteboarding solution featuring end-to-end encryption.</p> </div><span class="progress"></span> </li> </div> </div> </div> </div> </div> </div> </div> <script> 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); } } } </script> </section> </section> <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; } .popup-video.video-js .vjs-big-play-button { color: #181818; background: #FFF; } .popup-video.video-js:hover .vjs-big-play-button { color: #FFFFFF; background-color: #05935B; } .popup-video.video-js.vjs-layout-medium .vjs-control-bar { font-size: 12px; } .popup-video.video-js.vjs-layout-large .vjs-control-bar { font-size: 14px; } .popup-video.video-js.vjs-layout-x-large .vjs-control-bar { font-size: 16px; } </style> <div class="popup-mask"></div> <div class="popup-main"> <a href="javascript:;" class="popup-close" aria-label="Close Video"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div id="placeHolder" class="popup-body"> </div> </div> <script> $(".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(); }); var myPlayer, playerHTML, playerData = { accountId: "1384193102001", playerId: "vlhQwNR1SU" }; function addPlayer(obj) { videoidnumber = $(obj).attr("data-video-id"); 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>'; document.getElementById("placeHolder").innerHTML = playerHTML; var s = document.createElement("script"); s.setAttribute("id", "bcplayer"); s.src = "https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js"; document.body.appendChild(s); s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); myPlayer.on("loadedmetadata", function () { myPlayer.muted(false); myPlayer.play(); }); } </script> </div>  <style> .cmp-secondary-promo .secondary-promo__description { display: none; } </style> <script> $(document).ready(function () { $('.secondary-promo__cta').html('<a href="https://whiteboard.webex.com/" class="btn btn--primary--black">Try the Beta <span class="icon-arrow"></span></a>'); }) </script> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component">  <div class="secondarypromo"> <div class="cmp-secondary-promo"> <div class="secondary-promo" style="background-image:url(/content/dam/wbx/us/images/homepage/secondary-promo.jpg)"> <div class="secondary-promo__container grid-12 grid-padding"> <div class="secondary-promo__logo"> <img src="/content/dam/wbx/us/images/homepage/Logo1-white%201.png" alt="Webex logo"> </div> <div class="secondary-promo__detail"> <div class="secondary-promo__title h1">Get started for free.</div> <div class="secondary-promo__title h1 secondary-promo__title-contact">Get started today.</div> <span class="secondary-promo__description large-body large-body-regular">Additional features, storage, and support start at just one low price.</span> </div> <div class="secondary-promo__cta"> <a class="btn btn--primary--black" href="https://cart.webex.com/sign-up" rel="noopener">Sign Up For Free <span class="icon-arrow"></span> </a> <a class="btn btn--secondary--black" href="https://pricing.webex.com/us/en/" rel="noopener" data-click-id="plans-pricing-page-end"> View Plans & Pricing <span class="icon-arrow"></span> </a> <a class="btn btn--primary--black secondary-promo__btn-contact" href="https://use.webex.com/contact-sales?lang=en&locale=US" rel="noopener">Contact Sales <span class="icon-arrow"></span> </a> </div> </div> </div> </div> </div> <style> .cmp-secondary-promo .secondary-promo__container { grid-template-rows: auto; row-gap: 0px; } .cmp-secondary-promo .secondary-promo { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .cmp-secondary-promo .secondary-promo__logo { grid-area: 1 / 1 / auto / span 3; margin-bottom: 8rem; } .cmp-secondary-promo .secondary-promo__cta { display: block; grid-area: 3 / 1 / auto / span 4; } .cmp-secondary-promo .secondary-promo__detail { align-items: center; display: grid; grid-area: 2 / 1 / auto / span 4; grid-template-columns: repeat(4, 1fr); margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__title, .cmp-secondary-promo .secondary-promo__description { color: rgb(255, 255, 255); grid-column: 1 / span 4; } .cmp-secondary-promo .secondary-promo__title { margin-top: 0; margin-bottom: 2rem; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 1.2rem; } @media (min-width: 721px){ .cmp-secondary-promo .secondary-promo__container { padding-top: 8rem; padding-bottom: 12.4rem; } .cmp-secondary-promo .secondary-promo__logo { margin-bottom: 12rem; } .cmp-secondary-promo .secondary-promo__title { grid-column: 1 / span 7; margin-bottom: 4rem; } .cmp-secondary-promo .secondary-promo__description { grid-column: 9 / span 4; padding-top: 1.3rem; } .cmp-secondary-promo .secondary-promo__cta { display: inline-flex; grid-column: 1 / span 8; } .cmp-secondary-promo .secondary-promo__detail { grid-column: 1 / span 12; grid-template-columns: repeat(12, 1fr); gap: 20px; align-items: flex-start; margin-bottom: 0; } .cmp-secondary-promo .secondary-promo__cta .btn { margin-bottom: 0px; margin-right: 2rem; } } .secondary-promo__title.secondary-promo__title-contact, .secondary-promo__cta .btn.secondary-promo__btn-contact { display: none; } </style>   <div class="footer"> <div class="cmp-global-footer bg-black" data-cmp-is="global-footer" data-micromodal-trigger="my-modal"> <div class="global-footer grid-padding"> <div class="global-footer__menu grid-12"> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> <span>Products</span> <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="/suite/collaboration-suite.html">Webex Suite</a></li> <li><a class="" href="/suite/meetings.html">Meetings</a></li> <li><a class="" href="/suite/enterprise-cloud-calling.html">Calling</a></li> <li><a class="" href="/suite/messaging.html">Messaging</a></li> <li><a class="" href="https://www.webex.com/us/en/products/suite/events.html">Events</a></li> <li><a class="" href="https://vidcast.io/">Video Messaging</a></li> <li><a class="" href="/suite/polling.html">Polling</a></li> <li><a class="" href="/suite/webinar.html">Webinars</a></li> <li><a class="" href="/suite/whiteboard.html">Whiteboarding</a></li> <li><a class="" href="https://www.webex.com/us/en/products/customer-experience/contact-center.html">Cloud Contact Center</a></li> <li><a class="" href="https://cpaas.webex.com/">CPaaS</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Devices <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/devices/room-devices.html">Room Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/desk-series.html">Desk Devices</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/digital-whiteboards.html">Digital Whiteboards</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/phone-series.html">Phones</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/cameras.html">Cameras</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/headsets.html">Headsets</a></li> <li><a class="" href="https://www.webex.com/us/en/devices/accessories.html">Room Accessories</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Use Cases <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.webex.com/us/en/solutions/hybrid-work.html">Hybrid Work</a></li>  <li><a class="" href="https://www.webex.com/us/en/solutions/interoperability.html">Interoperability</a></li> <li><a class="" href="https://www.webex.com/us/en/solutions/return-to-office.html">Return to the office</a></li>  <li><a class="" href="https://www.webex.com/us/en/solutions/sustainability.html">Sustainability</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Resources <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://pricing.webex.com/us/en/">Pricing</a></li> <li><a class="" href="https://www.webex.com/downloads.html">Downloads</a></li> <li><a href="https://help.webex.com/">Help Center</a></li> <li><a href="https://community.cisco.com/t5/webex-user-community/ct-p/webex-user">Webex Community</a></li> <li><a href="https://adopt.webex.com//">Webex Adoption</a></li> <li><a class="" href="/learn/webinars-demos.html">Watch Webinars</a></li> <li><a class="" href="https://apphub.webex.com/">App Hub</a></li> <li><a href="https://www.webex.com/us/en/solutions/cross-platform/accessibility.html">Accessibility</a></li> <li><a class="" href="https://blog.webex.com/">Webex Blog</a></li> <li><a href="https://developer.webex.com/">Developers</a></li> </ul> </div> <div class="global-footer__menu-col"> <div class="global-footer__menu-title medium-body medium-body-bold"> Company <span class="icon-open"></span> </div> <ul class="small-body small-body-medium"> <li><a class="" href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1">Cisco</a></li> <li><a href="https://www.webex.com/us/en/dg/customer-advocacy-program.html">Webex Customer Advocacy Program</a></li> <li><a href="https://help.webex.com/contact">Contact Support</a></li> <li><a class="" href="https://www.webex.com/contact-sales.html?locale=US">Contact Sales</a></li> <li><a class="" href="https://www.webexmerchstore.com/">Webex Merch Store</a></li> <li><a class="" href="https://www.webex.com/company/careers.html">Careers</a></li>  </ul> </div> </div> <div class="global-footer__postFooter grid-12"> <div class="global-footer__social"> <ul class="medium-body"> <li><a href="https://twitter.com/webex" aria-label="Twitter" rel="noopener"><img src="/content/dam/www/us/en/icons/social-media-icons/X.svg"></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 class="global-footer__copyright xsmall-body xsmall-body-regular"> <p>© <span class="this_year"></span> Cisco and/or its affiliates. All Rights Reserved.</p> </div> </div> <div class="global-footer__terms"> <ul class="xsmall-body xsmall-body-regular"> <li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener" target="_self">Terms & Conditions</a></li> <li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener" target="_self">Privacy Statement</a></li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li> <li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener" target="_self">Trademarks</a></li> </ul> </div> </div> </div> </div> </div> <style> .cmp-global-footer .global-footer { padding: 4.2rem 2rem 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer { padding: 8rem 4.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer { padding: 8rem 6.4rem } } .cmp-global-footer .global-footer__menu { grid-template-columns: repeat(1, 1fr) } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu { display: flex; flex-direction: column; gap: 3.2rem } } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu { display: grid; grid-template-columns: repeat(6, 1fr) } .cmp-global-footer .global-footer__menu-col { margin-top: 0 } } .cmp-global-footer .global-footer__menu-col ul { display: none; list-style: none; margin: 0; padding: 0 } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4.4rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul { display: block; margin-top: 4rem } } .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 1.6rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li { margin-top: 2rem } } .cmp-global-footer .global-footer__menu-col ul li a { border-bottom: 1px solid transparent; display: inline; font-weight: 500; line-height: 1.8rem; color: #FFFFFF; text-decoration: none; } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-col ul li a { line-height: 1.4rem; letter-spacing: -0.02em; } } .cmp-global-footer .global-footer__menu-col ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__menu-title { color: #fff; position: relative } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title { height: 2.2rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__menu-title { height: auto } } .cmp-global-footer .global-footer__menu-title span.icon-open { position: absolute; right: 0; transition: all .3s } @media(min-width: 721px) { .cmp-global-footer .global-footer__menu-title span.icon-open { display: none } } @media(max-width: 720px) { .cmp-global-footer .global-footer__menu-title.active { color: #05935b } .cmp-global-footer .global-footer__menu-title.active span.icon-open { transform: rotate(180deg) } } .cmp-global-footer .global-footer__postFooter { margin-top: 8rem } @media(max-width: 720px) { .cmp-global-footer .global-footer__postFooter { display: flex; flex-direction: column; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__postFooter { margin-top: 12rem } } .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } @media(min-width: 721px) { .cmp-global-footer .global-footer__social { display: flex; flex-direction: column; grid-column: 1/span 5; margin-top: 0 } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__social { grid-column: 1/span 4; } } .cmp-global-footer .global-footer__social ul { display: flex; flex-direction: row; gap: 2.4rem; list-style: none; margin-top: 0; padding: 0 } .cmp-global-footer .global-footer__social ul li { display: inline-block } .cmp-global-footer .global-footer__social ul li:first-child { margin-left: 0 } .cmp-global-footer .global-footer__social ul li a { align-items: center; color: #fff; display: flex; height: 2.4rem; justify-content: center; width: 2.4rem } .cmp-global-footer .global-footer__social ul li a:hover { color: #05935b } .cmp-global-footer .global-footer__social ul li a .icon-youtube { font-size: 85% } .cmp-global-footer .global-footer__copyright p { font-size: inherit; color: #818181; margin-bottom: 0 } .cmp-global-footer .global-footer__terms { grid-column: 1/span 4; margin-top: 8rem } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms { grid-column: 7/span 6; align-self: end; justify-self: end; margin-top: 0; } } .cmp-global-footer .global-footer__terms ul { display: flex; flex-direction: column; gap: 2rem; list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__terms ul li { font-size: inherit; } @media(min-width: 721px) { .cmp-global-footer .global-footer__terms ul { flex-direction: row; flex-wrap: wrap; column-gap: 2rem; row-gap: 0; } .cmp-global-footer .global-footer__terms ul li { display: inline-block } .cmp-global-footer .global-footer__terms ul li:not(:first-child) { margin-top: 0 } } .cmp-global-footer .global-footer__terms ul li a { border-bottom: 1px solid transparent; font-weight: 400; color: #fff; text-decoration: none; } .cmp-global-footer .global-footer__terms ul li a:hover { color: #fff; border-bottom: 1px solid #fff; } .cmp-global-footer .global-footer__country { grid-column: 1/span 4; position: relative; } @media(max-width: 720px) { .cmp-global-footer .global-footer__country { order: 1; margin-top: 2rem; } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country { align-self: end; grid-column: 11/span 2; justify-self: end } } .cmp-global-footer .global-footer__country-title a { align-items: center; color: #fff; display: flex; text-decoration: none; } .cmp-global-footer .global-footer__country-title a:hover { color: #fff; } .cmp-global-footer .global-footer__country-title a .global-footer__country-name { border-bottom: 1px solid transparent; margin: 0 .6rem } .cmp-global-footer .global-footer__country-title.active a .global-footer__country-name { border-bottom: 1px solid #fff } .cmp-global-footer .global-footer__country-title.active a span.icon-open { transform: rotate(180deg) } .cmp-global-footer .global-footer__country-dropdown { background: #fff; border-radius: 2.4rem; display: flex; -ms-flex-direction: column; flex-direction: column; height: 48rem; max-height: 80vh; overflow: hidden; z-index: 2 } @media(max-width: 720px) { .cmp-global-footer .global-footer__country-dropdown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom: 0; left: 0; padding: 5.6vw; position: fixed; right: 0; width: 100% } } @media(min-width: 721px) { .cmp-global-footer .global-footer__country-dropdown { bottom: 4rem; padding: 2rem; position: absolute; right: 0; width: 30rem } } @media(min-width: 1025px) { .cmp-global-footer .global-footer__country-dropdown { width: 35rem } } .cmp-global-footer .global-footer__country-dropdown-header { color: #181818; margin-bottom: 2rem; position: relative; } .cmp-global-footer .global-footer__country-dropdown-close { position: absolute; right: 0; top: 0 } .cmp-global-footer .global-footer__country-dropdown-close span { color: #767676 } .cmp-global-footer .global-footer__country-dropdown-list { overflow-y: scroll } .cmp-global-footer .global-footer__country-dropdown-list ul { list-style: none; margin: 0; padding: 0 } .cmp-global-footer .global-footer__country-dropdown-list ul li:not(:first-child) { margin-top: 1.5rem } .cmp-global-footer .global-footer__country-dropdown-list ul li a { color: #767676; font-weight: 400 } .cmp-global-footer .global-footer__country-dropdown-list ul li a:hover { color: #181818 } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var user_locale = $.cookie("user_locale"); if(user_locale == "JP" || user_locale == "BR" || user_locale == "KR" || user_locale == "MX" || user_locale == "ES" || user_locale == "IT" || user_locale == "HK" || user_locale == "CAF" || user_locale == "CN" || user_locale == "FR" || user_locale == "DE") { $.cookie("user_locale", DEF_locale, { path: '/', expires: 30 }); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } 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=" + DEF_locale + "]").show(); $(".region-select-list li[data-id=" + curRegion + "]").hide(); } else{ $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); } 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/'; } else { newPnPUrl = newPnPUrl + 'us/en/'; } $('a[href="https://pricing.webex.com/us/en/hybrid-work/meetings/?utm_medium=website&utm_source=wdc&utm_campaign=n/a&utm_content=navigation&team=wdc"]').attr('href', newPnPUrl); $('a[data-click-id^="plans-pricing-"]').attr('href', newPnPUrl); $('a[href="https://pricing.webex.com/us/en"]').attr('href', newPnPUrl); } }, 500); $(function () { $('.this_year').text(new Date().getFullYear()); }); // footer menu dropdown on mobile size let isSmallSize = $(window).width() <= 720; $('.global-footer__menu-title').on('click', function () { if(isSmallSize) { $(this).toggleClass('active'); $(this).siblings('ul').slideToggle('300'); } }) $(window).resize(function () { let isSmallSizeNew = $(window).width() <= 720; if(isSmallSize && !isSmallSizeNew) { $('.global-footer__menu-title').removeClass('active'); $('.global-footer__menu-title').siblings('ul').removeAttr('style', ''); } isSmallSize = isSmallSizeNew; }); function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script>   <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } </style> </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script>   <script type="text/javascript"> _linkedin_partner_id = "625468"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = https://snap.licdn.com/li.lms-analytics/insight.min.js; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=625468&fmt=gif"/> </noscript>  </div> </div> </div> </div> </body> </html>

CINXE.COM

Bring Teams Together to Collaborate on an Interactive Whiteboard