www.extremenetworks.com
Open in
urlscan Pro
20.163.232.59
Public Scan
Submitted URL: http://go.extremenetworks.com/NjQxLVZNVi02MDIAAAGWgeMWSLDbwXIUrDyRF5TNSzcDzP5VcKl21zkiUuxFHmRUf0YxggLTo4S7BPKx8g9his85B4o=
Effective URL: https://www.extremenetworks.com/extremeconnect?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO...
Submission Tags: falconsandbox
Submission: On November 04 via api from US — Scanned from DE
Effective URL: https://www.extremenetworks.com/extremeconnect?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO...
Submission Tags: falconsandbox
Submission: On November 04 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /extremeconnect?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ
<form method="post"
action="/extremeconnect?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ"
id="mainform" __bizdiag="287513139" __biza="WJ__">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="VUy3EGFCwa37KuhwXRilw3nhivyHSg+goI6FLtB+8DF/nIsiVTvk7tfYtdJiSdl4rSDaStSlEwleKSeMRDEh+wBWbd8jqreL+byMOSJn9mNFcThV4znmhX004mYS0Crh">
</div>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="36A302E6">
</div>
<div id="MainPanel">
<div>
<h1 class="contentTitle">Extreme Connect</h1>
<div class="contentDescription">
<title>Extreme Connect</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-P2G8KFN');
</script>
<!-- End Google Tag Manager -->
<script id="-settings" type="text/javascript" src="//cdn.bizible.com/scripts/bizible.js?account=extremenetworks.com" async=""></script>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="ns " height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="home" style="margin-top: -10px; display: block;">
<nav class="navbar navbar-inverse ">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" id="navbarToggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" id="nav-home" href=""><img class="brand" src="/-/media/project/extreme/corporate/extremeconnectassets/logo.png"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<ul class="nav navbar-nav">
<li><a href="/extremeconnect/agenda" id="nav-agenda">Agenda</a></li>
<li><a href="/extremeconnect/speaker" id="nav-speakers">Speakers</a></li>
<li><a href="/extremeconnect/location" id="nav-location">Location</a></li>
<li><a href="/extremeconnect/tracks" id="nav-tracks">Tracks</a></li>
<li><a href="/extremeconnect/training" id="nav-training">Training</a></li>
</ul>
</ul>
<a target="_blank" href="https://cvent.me/DeRbdb?cvent=true&RefId=EXTR-COM&utm_campaign=25_Extreme-Connect_Paris_0000_CORP_SFN_REF_LPG_WW_EN_EN-COM_00&utm_medium=referral&utm_source=extremenetworks-com&utm_content=EN-COM-Register" class="button" style="display:none" id="testing">Register Now</a>
</div>
<a target="_blank" href="https://cvent.me/DeRbdb?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ" class="button btn--campaign">Register Now</a>
</div>
</nav>
<!-------------------------------HERO BANNER-------------------------------->
<section class="home-hero">
<div class="hero-container">
<div class="hero-bg-img-frame">
<img alt="" class="hero-img-bg" src="/-/media/project/extreme/corporate/extremeconnectassets/connect-banner_female_date.PNG">
<img alt="" class="hero-img-mobile" src="/-/media/project/extreme/corporate/extremeconnectassets/Mobile Connect Registration Banner.jpg" style="display:none;">
</div>
</div>
</section>
<!-----------------------------HOME PAGE--------------------------------->
<!---------------------------------GALLERY------------------------------->
<section class="gallery section aos-init aos-animate" data-aos="fade-up">
<div class="intro">
<h2>Where It All Comes Together</h2>
<p> You’re making complex demands on your network every day, but cloud networking is about to change. It’s now time for a more extreme approach. Join us in Paris this May as we unveil the next wave of networking—one where AI, security,
and cloud networking come together to enhance the human experience. <br>
</p>
<p> Prepare to enter an ecosystem where AI-native cloud networking technology seamlessly connects people, applications, data, and devices. Executive leaders, IT specialists, partners, resellers, analysts, and influencers will follow
curated tracks to discover the foundational approach that’s transforming businesses. </p>
<p></p>
</div>
<div class="rotation3d" style="will-change: transform;">
<div class="gal-item">
<div class="float visible" id="float-1" style="opacity: 1; transform: scale(1.1);">
<div class="img-frame">
<img alt="" src="/-/media/project/extreme/corporate/extremeconnectassets//home_gallery/IMG_Crowd-01.jpg" class="full-img">
</div>
</div>
<div class="float visible" id="float-2" style="opacity: 0; transform: scale(1);">
<div class="img-frame">
<img alt="" src="/-/media/project/extreme/corporate/extremeconnectassets/home_gallery/IMG_paris-02.jpg" class="full-img">
</div>
</div>
<div class="blurb1">
<p style="
margin-top: 124px;
"> You’ll be inspired by ideas and business strategies that spark innovation, expansion, and success. And you’ll realize the boundless potential when extreme simplicity, extreme innovation, and extreme commitment converge. </p>
</div>
<div class="float visible" id="float-3" style="opacity: 0; transform: scale(1);">
<div class="img-frame">
<img alt="" src="/-/media/project/extreme/corporate/extremeconnectassets/home_gallery/IMG_CROWD-02.jpg" class="full-img">
</div>
</div>
<div class="float visible" id="float-4" style="opacity: 0; transform: scale(1);">
<div class="img-frame">
<img alt="" src="/-/media/project/extreme/corporate/extremeconnectassets/home_gallery/IMG_paris-01.jpg" class="full-img">
</div>
</div>
<div class="blurb2">
<!-- <p>
You’ll be inspired by
ideas and business strategies that spark innovation, expansion, and success. And you’ll
realize the boundless potential when extreme simplicity, extreme innovation, and
extreme commitment converge.
</p> -->
</div>
<div class="float visible" id="float-5" style="opacity: 0; transform: scale(1);">
<div class="img-frame">
<img src="/-/media/project/extreme/corporate/extremeconnectassets/home_gallery/IMG_Demo-Hall-01.jpg" class="full-img">
</div>
</div>
</div>
</div>
</section>
</div>
<!-----------------------------"SPECIALS" CARDS------------------------------>
<section id="specials" class="section">
<div class="container center">
<div class="heading-wrap">
<h2 class="heading-large">Featured Speakers</h2>
</div>
<div class="cards-wrap">
<div class="card-item" style="opacity: 0;">
<a href="/extremeconnect/speaker" class="link" id="link-1" data-section="speakers">
<div class="card front">
<div class="card-img-frame">
<img src="/-/media/project/extreme/corporate/extremeconnectassets/Speaker-Card_Cutout_Drew%20Crisp_v2%201.png" class="card-img">
<div class="card-gradient-overlay"></div>
<div class="desc">
<h3>Drew Crisp</h3>
<span>SVP Digital, <span>Liverpool Football Club</span></span>
</div>
</div>
</div>
<div class="card back" style="position: absolute; inset: 0%;">
<div>Read More</div>
</div>
</a>
</div>
<div class="card-item" style="opacity: 0;">
<a href="/extremeconnect/speaker" class="link" id="link-2" data-section="speakers">
<div class="card front">
<div class="card-img-frame">
<img src="/-/media/project/extreme/corporate/extremeconnectassets/Speaker-Card_Ed-Nabil-Monica%202.jpeg" class="card-img">
<div class="card-gradient-overlay"></div>
</div>
</div>
<div class="card back" style="position: absolute; inset: 0%;">
<div>Read More</div>
</div>
</a>
</div>
<div class="card-item" style="opacity: 0;">
<a href="/extremeconnect/speaker" class="link" id="link-3" data-section="speakers">
<div class="card front">
<div class="card-img-frame">
<img src="/-/media/project/extreme/corporate/extremeconnectassets/Speaker-Card_Silhouette.svg" class="card-img">
<div class="card-gradient-overlay"></div>
<div class="desc">
<h3>More Influential Speakers to Come</h3>
<!-- <span>Sam Billings</span> -->
</div>
</div>
</div>
<div class="card back" style="position: absolute; inset: 0%;">
<div>Read More</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-------------------------------WHY ATTEND--------------------------------->
<section class="section aos-init aos-animate" id="why-attend" data-aos="fade-up">
<h2>Why Attend</h2>
<div class="col-3">
<div class="col">
<h3>Information</h3>
<p>Immerse yourself in innovation and information with countless opportunities to explore and try the latest Extreme solutions. Connect with peers, partners, and pundits. And level up with expert-led training programs. </p>
</div>
<div class="col">
<h3>Insights</h3>
<p>Step into a world where creativity and problem-solving are sparked by AI-native insights. This is your chance to learn and discover revolutionary technology that will transform the way you work. </p>
</div>
<div class="col">
<h3>Inspiration</h3>
<p>Let the provocative ideas of Connect’s guest speakers catalyze fresh perspectives and future visions. New ideas will come together as you realize the potential of simple, efficient, impactful cloud networks.</p>
</div>
</div>
</section>
<!------------------------------VIDEO COMPONENT------------------------------>
<section class="section" id="video">
<div class="video">
<div class="video-container">
<!-- <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1023071853?h=753e2ecd5b&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Connect 25 Register Alt Text"></iframe></div> -->
<script src="
https://fast.wistia.com/embed/medias/xenymaq3fn.jsonp" async=""></script>
<script src="
https://fast.wistia.com/assets/external/E-v1.js" async=""></script>
<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
<div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<div class="wistia_video_foam_dummy" data-source-container-id="wistia-xenymaq3fn-1" style="border: 0px; display: block; height: 0px; margin: 0px; padding: 0px; position: static; visibility: hidden; width: auto;"></div>
<div class="wistia_embed wistia_async_xenymaq3fn seo=true videoFoam=true wistia_embed_initialized" style="height:100%;position:relative;width:100%" id="wistia-xenymaq3fn-1">
<div id="wistia_chrome_23" class="w-chrome notranslate" tabindex="-1"
style="display: inline-block; height: 628.875px; line-height: normal; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 1118px; outline: none; overflow: hidden; box-sizing: content-box; border-radius: 0px;">
<div id="wistia_grid_44_wrapper" style="display: block;">
<div id="wistia_grid_44_above"></div>
<div id="wistia_grid_44_main">
<div id="wistia_grid_44_behind"></div>
<div id="wistia_grid_44_center">
<div class="w-video-wrapper w-css-reset" style="width: 100%; height: 100%; opacity: 1; background-color: rgb(0, 0, 0);"><video id="wistia_simple_video_81" crossorigin="anonymous"
poster="https://fast.wistia.com/assets/images/blank.gif" aria-label="Video" src="blob:https://www.extremenetworks.com/fc857566-64b9-4f0c-af18-615721d852dd" controlslist="nodownload" playsinline="" preload="metadata"
type="video/m3u8" x-webkit-airplay="allow"
style="background: transparent; display: block; height: 100%; max-height: none; max-width: none; position: static; visibility: visible; width: 100%; object-fit: contain;"></video></div>
<div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;">
<div class="w-vulcan-v2 w-css-reset" id="w-vulcan-v2-43"
style="border-radius: 0px; box-sizing: border-box; cursor: default; direction: ltr; height: 100%; left: 0px; position: absolute; visibility: visible; top: 0px; width: 100%;">
<div class="w-vulcan--background w-css-reset" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;">
<div class="w-css-reset" data-handle="statusBar"></div>
<div class="w-css-reset" data-handle="backgroundFocus"><button aria-label="Play Video: connect_25_homepage" class="w-css-reset w-vulcan-v2-button" tabindex="0"
style="width: 0px; height: 0px; pointer-events: none;"></button></div>
<div class="w-css-reset" data-handle="thumbnail">
<div>
<div class="w-css-reset" style="filter: blur(5px); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; display: block;"><img class="w-css-reset" srcset=""
src="https://fast.wistia.com/embed/medias/xenymaq3fn/swatch" alt="Video Thumbnail" aria-hidden="true"
style="background-color: rgb(0, 0, 0); height: 100%; object-fit: contain; position: absolute; width: 100%; top: 0px; left: 0px; clip: auto; display: block; border-radius: 0px;"></div>
<div class="w-css-reset" style="height: 100%; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; display: block; transition: opacity 3s;"><img class="w-css-reset"
srcset="https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=640x360 320w, https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=640x360 640w, https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=960x540 960w, https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=1280x720 1280w, https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=1920x1080 1920w, https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=1920x1080 3840w"
src="https://embed-ssl.wistia.com/deliveries/d1a20987ec01bad01da219538e79b0d3.webp?image_crop_resized=1280x720" alt="Video Thumbnail"
style="background-color: rgb(0, 0, 0); height: 100%; object-fit: contain; position: absolute; width: 100%; top: 0px; left: 0px; clip: auto; display: block; border-radius: 0px;"></div>
</div>
</div>
</div>
<div aria-live="polite" class="w-vulcan--aria-live w-css-reset" aria-atomic="true" style="position: absolute; left: -99999em;"></div>
<div class="w-vulcan-overlays-table w-css-reset" style="display: table; pointer-events: none; position: absolute; width: 100%; height: calc(100% - 40px);">
<div class="w-vulcan-overlays--left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;">
<div class="w-css-reset" style="height: 100%;"></div>
</div>
<div class="w-vulcan-overlays--center w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%;">
<div class="w-css-reset" style="height: 100%;">
<div class="w-css-reset" data-handle="bigPlayButton" style="pointer-events: auto;">
<div class="w-bpb-wrapper w-css-reset w-css-reset-tree"
style="border-radius: 0px; display: block; left: calc(50%); margin-left: -72.7865px; margin-top: -46.5833px; overflow: hidden; position: absolute; top: calc(50% + 0px);"><button
class="w-big-play-button w-css-reset-button-important w-vulcan-v2-button" aria-label="Play Video: connect_25_homepage" tabindex="0" type="button"
style="background-color: transparent; border: 0px; cursor: pointer; height: 93.1667px; box-shadow: none; width: 145.573px;">
<div style="background: rgb(39, 49, 61); display: block; left: 0px; height: 93.1667px; mix-blend-mode: darken; position: absolute; top: 0px; width: 145.573px;"></div>
<div style="background-color: rgba(39, 49, 61, 0.7); height: 93.1667px; left: 0px; position: absolute; top: 0px; transition: background-color 150ms; width: 145.573px;"></div><svg x="0px" y="0px"
viewBox="0 0 125 80" enable-background="new 0 0 125 80" aria-hidden="true" alt=""
style="fill: rgb(255, 255, 255); height: 93.1667px; left: 0px; stroke-width: 0px; top: 0px; width: 100%; position: absolute;">
<rect fill-rule="evenodd" clip-rule="evenodd" fill="none" width="125" height="80"></rect>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" opacity="1" points="53,22 53,58 79,40"></polygon>
</svg>
</button></div>
</div>
<div class="w-css-reset" data-handle="clickForSoundButton" style="pointer-events: auto;">
<div class="w-css-reset w-css-reset-tree" data-handle="click-for-sound-backdrop" style="display: none; height: 100%; left: 0px; pointer-events: auto; position: absolute; top: 0px; width: 100%;"><button
aria-label="Click for sound" class="w-vulcan-v2-button click-for-sound-btn"
style="background: rgba(0, 0, 0, 0.8); border: 2px solid transparent; border-radius: 60px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; outline: none; pointer-events: auto; position: absolute; right: 24.2031px; top: 24.2031px; max-width: 1069.59px;">
<div style="display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; overflow: hidden; max-width: 0px; transition: max-width 200ms;"><span
style="color: rgb(255, 255, 255); font-family: WistiaPlayerInter, Helvetica, sans-serif; font-size: 18px; font-weight: 500; padding-left: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 1118px;">Click
for sound</span></div><svg viewBox="0 0 237 237" width="61.140625" height="61.140625">
<style>
@keyframes VOLUME_SMALL_WAVE_FLASH {
0% {
opacity: 0;
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes VOLUME_LARGE_WAVE_FLASH {
0% {
opacity: 0;
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.volume__small-wave {
animation: VOLUME_SMALL_WAVE_FLASH 2s infinite;
opacity: 0;
}
.volume__large-wave {
animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s;
opacity: 0;
}
</style>
<path fill="#fff" d="M88 107H65v24h24l23 23V84z"></path>
<g fill="none" stroke="#fff" stroke-linecap="round" stroke-width="10">
<path d="M142 86c9 21 9 44 0 65" class="volume__small-wave"></path>
<path d="M165 74c13 23 13 66 0 89" class="volume__large-wave"></path>
</g>
</svg>
</button></div>
</div>
<div class="w-css-reset" data-handle="playPauseNotifier" style="pointer-events: auto;"></div>
</div>
</div>
<div class="w-vulcan-overlays--right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;">
<div class="w-css-reset" style="height: 100%;"></div>
</div>
</div>
<div class="w-bottom-bar w-css-reset"
style="bottom: 0px; border-radius: 0px; border-collapse: collapse; display: table; height: 40px; pointer-events: none; position: absolute; padding-left: 0px; padding-right: 0px; right: 50%; table-layout: auto; transform: translate(50%); width: calc(100% + 0px);">
<div class="w-bottom-bar-lower w-css-reset" style="position: relative;">
<div style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;">
<div style="background: rgb(39, 49, 61); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity; width: 100%;"></div>
<div style="background: rgba(39, 49, 61, 0.85); border-radius: 0px; height: 100%; opacity: 1; left: 0px; position: absolute; top: 0px; transition: opacity; width: 100%;"></div>
</div>
<div style="display: none;">
<div style="background: rgb(39, 49, 61); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity; width: 100%;"></div>
<div style="background: rgba(39, 49, 61, 0.85); border-radius: 0px; height: 100%; opacity: 1; left: 0px; position: absolute; top: 0px; transition: opacity; width: 100%;"></div>
</div>
<div class="w-bottom-bar-left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 1; transition: opacity;">
<div class="w-bottom-bar-left-inner w-css-reset" style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap;">
<div class="w-css-reset" data-handle="smallPlayButton" style="display: inline-block; vertical-align: top;">
<div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 40px; position: relative; vertical-align: top; width: 46.5833px;"><button
class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" tabindex="0" aria-label="Play Video" title="Play Video"
style="background-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms; width: calc(100% + 0px); padding-right: 0px;">
<div class="w-vulcan-icon-wrapper" data-handle="smallPlayButton_icon_wrapper"
style="box-sizing: border-box; height: 100%; position: relative; opacity: 1; transform: scale(1.001); transition: transform 200ms;">
<div style="box-sizing: border-box; height: 100%; margin-left: 1.16458px; padding: 11.6458px 0px 10.4812px; position: relative; width: 100%;">
<div style="height: 100%; width: 100%;">
<div style="display: none; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" aria-hidden="true" class="w-css-reset w-css-reset-tree"
style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%; vertical-align: top;">
<g>
<rect x="0" y="0" width="3.5" height="12"></rect>
<rect x="6.5" y="0" width="3.5" height="12"></rect>
</g>
</svg></div>
<div style="display: block; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" aria-hidden="true" class="w-css-reset w-css-reset-tree"
style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%; vertical-align: top;">
<polygon points="11.556,7.5 0,15 0,0"></polygon>
</svg></div>
</div>
</div>
</div>
</button></div>
</div>
</div>
</div>
<div class="w-bottom-bar-middle w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%; opacity: 1; transition: opacity;">
<div class="w-bottom-bar-middle-inner w-css-reset" style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap; opacity: 1; transform: translateY(0px); transition: opacity, transform;">
<div class="w-css-reset" data-handle="playbar" style="height: 100%; position: relative;">
<div class="w-playbar-wrapper w-css-reset w-css-reset-tree" style="display: flex; height: 100%; width: 100%;">
<div class="w-playbar__time"
style="box-sizing: content-box; color: white; font-family: WistiaPlayerInterNumbersSemiBold, Helvetica, sans-serif; font-size: 15.1396px; letter-spacing: 0.582292px; line-height: 40px; padding-left: 5.82292px; pointer-events: none; position: relative; text-align: center; width: 32.6083px;">
0:46</div>
<div style="width: 100%; position: relative;">
<div aria-label="Playbar" aria-orientation="horizontal" aria-valuemax="46.102" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0 seconds" role="slider" tabindex="0"
style="cursor: pointer; flex: 1 1 0%; height: 40px; outline: none; margin-left: 17.4688px; margin-right: 11.6458px; position: relative;"><canvas height="40" width="893.2354166666668"
style="height: 40px; left: -17.4688px; position: absolute; top: 0px; width: 893.235px;"></canvas>
<div style="border-radius: 50%; height: 13.0433px; left: -6.52167px; opacity: 0; position: absolute; top: 13.4783px; width: 13.0433px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-bottom-bar-right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 1; transition: opacity; white-space: nowrap;">
<div class="w-bottom-bar-right-inner-anchor w-css-reset" style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap; display: inline-block; right: 0px; top: 0px; vertical-align: top;">
<div class="w-bottom-bar-right-inner w-css-reset"
style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap; display: inline-block; opacity: 1; right: 0px; top: 0px; transform: translateY(0px); transition: opacity, transform; padding-right: 0px;">
<div class="w-css-reset" data-handle="volumeButton" style="display: inline-block; vertical-align: top;">
<div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 40px; position: relative; vertical-align: top; width: 46.5833px;"><button
class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" tabindex="0" aria-label="Mute" title="Mute"
style="background-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms; width: calc(100% + 0px); padding-right: 0px;">
<div class="w-vulcan-icon-wrapper" data-handle="volumeButton_icon_wrapper"
style="box-sizing: border-box; height: 100%; position: relative; opacity: 1; transform: scale(1.001); transition: transform 200ms;"><svg x="0px" y="0px" viewBox="0 0 40 34"
enable-background="new 0 0 40 34" aria-hidden="true" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;">
<g style="transform: translateX(1.25px); transition: transform 100ms;">
<g>
<path d="M13.8,14.2c-0.5,0.5-1.4,0.8-2,0.8h-1.6C9.5,15,9,15.5,9,16.2v1.6c0,0.7,0.5,1.2,1.2,1.2h1.6c0.7,0,1.6,0.4,2,0.8l2.3,2.3c0.5,0.5,0.8,0.3,0.8-0.4v-9.6c0-0.7-0.4-0.8-0.8-0.4L13.8,14.2z">
</path>
</g>
<g>
<path fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="2" d="M22,11.7c0,0,1.1,2.5,1.1,5s-1.1,5-1.1,5" style="opacity: 1; transition: opacity 100ms;">
</path>
<path fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="2" d="M25.8,9.2c0,0,1.7,3.8,1.7,7.5c0,3.7-1.7,7.5-1.7,7.5"
style="opacity: 1; transition: opacity 100ms;"></path>
</g>
<g style="opacity: 0; transition: opacity 100ms;">
<line fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="1.8102" x1="19.2" y1="15" x2="23.2" y2="19"></line>
<line fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="1.8102" x1="19.2" y1="19" x2="23.2" y2="15"></line>
</g>
</g>
</svg></div>
</button></div>
</div>
<div class="w-css-reset" data-handle="settingsButton" style="display: inline-block; vertical-align: top;">
<div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 40px; position: relative; vertical-align: top; width: 46.5833px;"><button
class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" tabindex="0" aria-expanded="false" aria-label="Show settings menu" title="Show settings menu"
style="background-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms; width: calc(100% + 0px); padding-right: 0px;">
<div class="w-vulcan-icon-wrapper" data-handle="settingsButton_icon_wrapper"
style="box-sizing: border-box; height: 100%; position: relative; opacity: 1; transform: scale(1.001); transition: transform 200ms;"><svg x="0px" y="0px" viewBox="0 0 40 34"
enable-background="new 0 0 40 34" aria-hidden="true" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;">
<g>
<g>
<path
d="M28.3,16.4h-1.9c-0.4,0-0.8-0.3-0.9-0.7l-0.4-1.1c-0.2-0.3-0.1-0.8,0.2-1.1l1.3-1.3c0.3-0.3,0.3-0.7,0-1l-0.4-0.4c-0.3-0.3-0.7-0.3-1,0l-1.3,1.3c-0.3,0.3-0.8,0.3-1.1,0.1l-1.1-0.5c-0.4-0.1-0.7-0.5-0.7-0.9V9.1c0-0.4-0.3-0.7-0.7-0.7h-0.6c-0.4,0-0.7,0.3-0.7,0.7v1.7c0,0.4-0.3,0.8-0.7,0.9l-1.2,0.5c-0.3,0.2-0.8,0.1-1.1-0.2l-1.2-1.2c-0.3-0.3-0.7-0.3-1,0l-0.4,0.4c-0.3,0.3-0.3,0.7,0,1l1.2,1.2c0.3,0.3,0.3,0.8,0.1,1.1l-0.5,1.2c-0.1,0.4-0.5,0.7-0.9,0.7h-1.6c-0.4,0-0.7,0.3-0.7,0.7v0.6c0,0.4,0.3,0.7,0.7,0.7h1.6c0.4,0,0.8,0.3,0.9,0.7l0.5,1.2c0.2,0.3,0.1,0.8-0.1,1.1l-1.2,1.2c-0.3,0.3-0.3,0.7,0,1l0.4,0.4c0.3,0.3,0.7,0.3,1,0l1.2-1.2c0.3-0.3,0.8-0.3,1.1-0.2l1.2,0.5c0.4,0.1,0.7,0.5,0.7,0.9v1.7c0,0.4,0.3,0.7,0.7,0.7h0.6c0.4,0,0.7-0.3,0.7-0.7V24c0-0.4,0.3-0.8,0.7-0.9l1.1-0.5c0.3-0.2,0.8-0.1,1.1,0.1l1.3,1.3c0.3,0.3,0.7,0.3,1,0l0.4-0.4c0.3-0.3,0.3-0.7,0-1l-1.3-1.3C25,21,25,20.5,25.1,20.2l0.4-1.1c0.1-0.4,0.5-0.7,0.9-0.7h1.9c0.4,0,0.7-0.3,0.7-0.7v-0.6C29,16.7,28.7,16.4,28.3,16.4z M23.8,17.5c0,2.2-1.8,3.9-3.9,3.9c-2.2,0-3.9-1.8-3.9-3.9s1.7-3.9,3.9-3.9C22.1,13.6,23.8,15.3,23.8,17.5z">
</path>
</g>
</g>
</svg></div>
</button></div>
</div>
<div class="w-css-reset" data-handle="fullscreenControl" style="display: inline-block; vertical-align: top;">
<div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 40px; position: relative; vertical-align: top; width: 46.5833px;"><button
class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" tabindex="0" aria-label="Fullscreen" title="Fullscreen"
style="background-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms; width: calc(100% + 0px); padding-right: 0px;">
<div class="w-vulcan-icon-wrapper" data-handle="fullscreenControl_icon_wrapper"
style="box-sizing: border-box; height: 100%; position: relative; opacity: 1; transform: scale(1.001); transition: transform 200ms;"><svg x="0px" y="0px" viewBox="0 0 40 34"
enable-background="new 0 0 40 34" aria-hidden="true" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;">
<g>
<g>
<polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="31.4,12.6 31.4,8.7 25.8,8.7"></polyline>
<polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="14.7,8.7 9.1,8.7 9.1,12.6"></polyline>
<polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="25.8,24.8 31.4,24.8 31.4,20.9"></polyline>
<polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="9.1,20.9 9.1,24.8 14.7,24.8"></polyline>
</g>
<rect x="13.7" y="12.3" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" enable-background="new" width="13.3" height="8.9">
</rect>
</g>
</svg></div>
</button></div>
</div>
</div>
</div>
<div class="w-wistia-logo w-css-reset" style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap; display: none; right: 0px; top: 0px;"></div>
<div class="w-ellipsis w-css-reset" style="height: 40px; position: relative; pointer-events: auto; white-space: nowrap; display: none;"></div>
</div>
</div>
<style id="wistia_63_style" type="text/css" class="wistia_injected_style">
@media (prefers-reduced-motion: no-preference) {
@keyframes w-control-bar-fade-in {
0% {
opacity: 0;
transform: translateX(50%) translateY(10px);
}
100% {
opacity: 1;
transform: translateX(50%) translateY(0px);
}
}
}
</style>
</div>
<div class="w-foreground w-css-reset" style="height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%;">
<div class="w-css-reset" data-handle="contextMenu" style="pointer-events: auto;"></div>
<div class="w-css-reset" data-handle="loadingHourglass" style="pointer-events: auto;"></div>
<div class="w-css-reset" data-handle="focusOutline" style="pointer-events: auto;">
<div class="w-focus-outline"
style="box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; border-radius: 0px; display: none; height: 100%; left: 0px; pointer-events: none; position: absolute; right: 0px; width: 100%;"></div>
</div>
</div>
</div>
<style id="wistia_51_style" type="text/css" class="wistia_injected_style">
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset {
font-size: 14px;
}
#wistia_chrome_23 #wistia_grid_44_wrapper div.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper span.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper ul.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper li.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper label.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper fieldset.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper button.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper img.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper a.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper svg.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper p.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper a.w-css-reset {
border: 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper h1.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 2em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper h2.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 1.5em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper h3.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 1.17em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper p.w-css-reset {
margin: 1.4em 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper a.w-css-reset {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper span.w-css-reset {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper svg.w-css-reset {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper ul.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper ol.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper li.w-css-reset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper ul:before.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper ol:before.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper li:before.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper ul:after.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper ol:after.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper li:after.w-css-reset {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper label.w-css-reset {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
float: none;
outline: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper button.w-css-reset {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border: 0;
border-radius: 0;
outline: none;
position: static
}
#wistia_chrome_23 #wistia_grid_44_wrapper img.w-css-reset {
border: 0;
display: inline-block;
vertical-align: top;
border-radius: 0;
outline: none;
position: static
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset button::-moz-focus-inner {
border: 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree {
font-size: 14px;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree div {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree span {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ul {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree li {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree label {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree fieldset {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree button {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree img {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree a {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree svg {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree p {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree a {
border: 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree h1 {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 2em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree h2 {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 1.5em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree h3 {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: 1.17em;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree p {
margin: 1.4em 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree a {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree span {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree svg {
display: inline;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ul {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ol {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree li {
box-sizing: inherit;
box-shadow: none;
color: inherit;
display: block;
float: none;
font: inherit;
font-family: inherit;
font-style: normal;
font-weight: normal;
font-size: inherit;
letter-spacing: 0;
line-height: inherit;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
padding: 0;
position: static;
text-decoration: none;
text-transform: none;
text-shadow: none;
transition: none;
word-wrap: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-webkit-font-smoothing: antialiased;
list-style-type: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ul:before {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ol:before {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree li:before {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ul:after {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree ol:after {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree li:after {
display: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree label {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
float: none;
outline: none
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree button {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border: 0;
border-radius: 0;
outline: none;
position: static
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree img {
border: 0;
display: inline-block;
vertical-align: top;
border-radius: 0;
outline: none;
position: static
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-tree button::-moz-focus-inner {
border: 0;
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-max-width-none-important {
max-width: none !important
}
#wistia_chrome_23 #wistia_grid_44_wrapper .w-css-reset-button-important {
border-radius: 0 !important;
color: #fff !important;
}
</style>
</div>
</div>
<div id="wistia_grid_44_front"></div>
<div id="wistia_grid_44_top_inside">
<div id="wistia_grid_44_top"></div>
</div>
<div id="wistia_grid_44_bottom_inside">
<div id="wistia_grid_44_bottom"></div>
</div>
<div id="wistia_grid_44_left_inside">
<div id="wistia_grid_44_left"></div>
</div>
<div id="wistia_grid_44_right_inside">
<div id="wistia_grid_44_right"></div>
</div>
</div>
<div id="wistia_grid_44_below"></div>
<style id="wistia_45_style" type="text/css" class="wistia_injected_style">
#wistia_grid_44_wrapper {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
font-family: Arial, sans-serif;
font-size: 14px;
height: 100%;
position: relative;
text-align: left;
width: 100%;
}
#wistia_grid_44_wrapper * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#wistia_grid_44_above {
position: relative;
}
#wistia_grid_44_main {
display: block;
height: 100%;
position: relative;
}
#wistia_grid_44_behind {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#wistia_grid_44_center {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
#wistia_grid_44_front {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#wistia_grid_44_top_inside {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#wistia_grid_44_top {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#wistia_grid_44_bottom_inside {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#wistia_grid_44_bottom {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
#wistia_grid_44_left_inside {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#wistia_grid_44_left {
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#wistia_grid_44_right_inside {
height: 100%;
right: 0;
position: absolute;
top: 0;
}
#wistia_grid_44_right {
height: 100%;
left: 0;
position: absolute;
top: 0;
}
#wistia_grid_44_below {
position: relative;
}
</style>
</div>
</div>
</div>
</div>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
</div>
</section>
<!---------------------------------WHAT TO EXPECT---------------------------->
<section id="what-to-expect" class="section aos-init" data-aos="fade-up">
<h2>What to Expect</h2>
<div class="col-2">
<div class="col left">
<h3>Platformization</h3>
<p>Uncover the real story and how it will change the way you network forever.</p>
<h3 style="cursor: pointer;"><a href="/extremeconnect/tracks" style="text-decoration: none; color: inherit;">Learning Tracks</a></h3>
<p>Discover the 360-degree integration of cloud networking elements within brand-new tracks with details curated especially for business leaders, IT professionals, partners and resellers, and analysts.</p>
<h3>Roadmaps & Future Vision</h3>
<p>Hear from thought leaders about where Extreme Networks and cloud networking are headed next.</p>
<h3>Activities & Excursions</h3>
<p>Meet, collaborate, and share ideas amidst elegant Parisian landmarks.</p>
</div>
<div class="col">
<h3>Make Connections</h3>
<p>Get one-on-one time with the Extreme executive team, technology experts, and thought leaders.</p>
<h3>F1 Team on Site</h3>
<p>Don’t miss this rare opportunity to get a first-hand look at the <strong>KICK Sauber F1® Team</strong> race car—the culmination of leading-edge Wi-Fi, analytics, and network-driven insights.</p>
<h3>Hands-on Learning</h3>
<p>Explore boundless opportunities to learn and try cloud networking’s latest solutions in technical breakouts, demos, and training sessions.</p>
<h3 style="cursor: pointer;"><a href="/extremeconnect/training" style="text-decoration: none; color: inherit;">Pre-conference Training</a></h3>
<p>Take part in a 3D learning experience to fast-track your networking expertise and take advantage of valuable mentoring, hands-on learning, and instructor-led drop-in sessions.</p>
</div>
</div>
</section>
</div>
<!---------------------------------WHAT You Get--------------------------->
<section id="what-you-get" class="section what-you-get aos-init" data-aos="fade-up" style="border-radius: 55px;">
<div class="content-wrapper">
<img src="/-/media/project/extreme/corporate/extremeconnectassets/Early%20Bird%20Special%201.PNG" class="what-get-img">
<div class="text-content">
<h2 class="">What You Get</h2>
<!-- <h2 class="" style="color:white; font-size:24px">Early-Bird Pricing!</h2> -->
<div class="col-2">
<div class="col left">
<div class="heading">
<h3>Full Conference and Pre-conference Training</h3>
</div>
<div class="sub-heading">
<h3 style="text-align: center; margin-bottom:2px;">€2,298.00</h3>
</div>
<div class="content-what-you-get">
<p>This package grants you access to pre-conference training (May 18 & 19) and ALL features and activities for the duration of the conference (May 19-22) including:</p>
<ul>
<li>
<p>Two Days of Pre-conference Training</p>
</li>
<li>
<p>Mainstage Keynotes and Presentations</p>
</li>
<li>
<p>Technical Breakouts</p>
</li>
<li>
<p>Solutions Showcase</p>
</li>
<li>
<p>Mobile App</p>
</li>
<li>
<p>Training and Conference Meals</p>
</li>
<li>
<p>Evening Social Activities</p>
</li>
</ul>
</div>
<div class="button-container mobile-button" style="visibility: hidden;">
<a style="font-size: 18px;" target="_blank" href="https://cvent.me/DeRbdb" class="button btn--campaign">Register Now</a>
</div>
</div>
<div class="col">
<div class="heading">
<h3>Full Conference</h3>
</div>
<div class="sub-heading">
<h3 style="text-align: center; margin-bottom:2px;">€999.00</h3>
</div>
<div class="content-what-you-get">
<p>This package grants you access to ALL in-conference features and activities for the duration of the event (May 19-22) including:</p>
<ul>
<li>
<p>Mainstage Keynotes and Presentations</p>
</li>
<li>
<p>Technical Breakouts</p>
</li>
<li>
<p>Solutions Showcase</p>
</li>
<li>
<p>Mobile App</p>
</li>
<li>
<p>Conference Meals</p>
</li>
<li>
<p>Evening Social Activities</p>
</li>
</ul>
</div>
<div class="button-container mobile-button" style="visibility: hidden;">
<a style="font-size: 18px;" target="_blank" href="https://cvent.me/DeRbdb" class="button btn--campaign">Register Now</a>
</div>
</div>
</div>
<div class="col-2 computer-button" style="visibility: visible;">
<div class="col left">
<div class="button-container computer-button" style="visibility: visible;">
<a style="font-size: 18px;" target="_blank" href="https://cvent.me/DeRbdb?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ" class="button btn--campaign">Register Now</a>
</div>
</div>
<div class="col">
<div class="button-container computer-button" style="visibility: visible;">
<a style="font-size: 18px;" target="_blank" href="https://cvent.me/DeRbdb?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ" class="button btn--campaign">Register Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!---------------------------------CTA--------------------------------------->
<section class="registration">
<div class="register-card">
<img alt="" class="cta-image" src="/-/media/project/extreme/corporate/extremeconnectassets/Connect%20Registration%20Banner_1920x570%202.jpg">
<div class="text">
<p>Will we see you in Paris? Register now and don’t miss your chance to be a part of the epic transformation of cloud networking. As we count down to the event, you can receive exclusive updates on breaking event news including guest
speakers, breakout topics, engaging activities, and more. There’s much to discover—and Extreme Connect is where it all comes together! </p>
<a class="button btn--campaign" target="_blank" href="https://cvent.me/DeRbdb?RefId=MKTO&utm_campaign=24_Extreme-Connect_Paris_0000_CORP_JKH_EML_LPG_WW_EN_MKTO_End-Users&utm_medium=email&utm_source=MKTO&utm_content=End-Users&mkt_tok=NjQxLVZNVi02MDIAAAGWgeMWSKRrj7wggz_XSDRlYunRtixUobFyO6K6sKH8SaDtYwDehGz7wv3Sugr21KalNOqbY68pnEtyuQrCLJtJey6VKTaltQpp47cVk5Uk8vefJ_sfZQ">
<div class="button-txt">Register Now</div>
</a>
<!-- <p>By submitting this form, you agree Extreme Networks may contact you with marketing-related communications regarding Extreme Networks products, services, events, and other information you request. You may unsubscribe or opt out from receiving marketing communications at any time. Personal information provided through Extreme’s web sites and communications are subject to our Privacy Statement</p> -->
</div>
</div>
</section>
<img class="pink-dots" id="p1" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_RGB.png">
<img class="pink-dots" id="p2" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_RGB.png">
<img class="pink-dots" id="p3" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_RGB.png">
<img class="white-dots" id="w1" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_WH.png">
<img class="white-dots" id="w2" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_WH.png">
<img class="white-dots" id="w3" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_WH.png">
<img class="white-dots" id="w4" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_WH.png">
<img class="white-dots" id="w5" src="/-/media/project/extreme/corporate/extremeconnectassets/Circles_WH.png">
<!-------------------------------Footer---------------------------------------------->
<footer>
<div id="footer" class="main">
<div class="row">
<div class="grid-12">
<div class="component content">
<div class="component-content">
<div class="site-footer">
<div class="site-footer__bottom">
<div class="container">
<div class="row row--reverse-mobile">
<div class="col-12 col-lg-9">
<ul class="site-footer__content-list">
<li class="site-footer__content-list-item">© 2024 Extreme Networks.</li>
<li class="site-footer__content-list-item">
<a class="site-footer__content-list-link" href="/about-extreme-networks/company/legal">Legal</a>
</li>
<li class="site-footer__content-list-item">
<a class="site-footer__content-list-link" title="Privacy and Cookies Policy" href="/about-extreme-networks/company/legal/privacy-and-cookies-policy">Privacy and Cookies Policy</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-3">
<ul class="social-icons social-icons--footer">
<li class="social-icons__item">
<a href="https://www.facebook.com/extremenetworks" target="_blank" aria-label="Facebook">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.75 0.5H2.25C0.984375 0.5 0 1.53125 0 2.75V19.25C0 20.5156 0.984375 21.5 2.25 21.5H8.67188V14.375H5.71875V11H8.67188V8.46875C8.67188 5.5625 10.4062 3.92188 13.0312 3.92188C14.3438 3.92188 15.6562 4.15625 15.6562 4.15625V7.01562H14.2031C12.75 7.01562 12.2812 7.90625 12.2812 8.84375V11H15.5156L15 14.375H12.2812V21.5H18.75C19.9688 21.5 21 20.5156 21 19.25V2.75C21 1.53125 19.9688 0.5 18.75 0.5Z" fill="#00B0CC"></path>
</svg>
</a>
</li>
<li class="social-icons__item">
<a href="http://www.twitter.com/extremenetworks" target="_blank" aria-label="X">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
.st0 {
fill: #00B0CC;
}
</style>
<g>
<polygon class="st0" points="11,10.4 7.2,5.1 5.2,5.1 13.9,16.9 15.9,16.9 11.2,10.6 "></polygon>
<path class="st0" d="M18.8,0.5H2.2C1,0.5,0,1.5,0,2.8v16.5c0,1.3,1,2.2,2.2,2.2h16.5c1.2,0,2.2-1,2.2-2.2V2.8 C21,1.5,20,0.5,18.8,0.5z M13.5,17.8l-4-5.3l-4.9,5.3H3.2l5.7-6.1L3.2,4.2h4.4l3.6,4.9l4.5-4.9h1.3l-5.2,5.7l5.9,8H13.5z"></path>
</g>
</svg>
</a>
</li>
<li class="social-icons__item">
<a href="https://www.linkedin.com/company/extreme-networks" target="_blank" aria-label="LinkedIn">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5 0.5H1.45312C0.65625 0.5 0 1.20312 0 2.04688V20C0 20.8438 0.65625 21.5 1.45312 21.5H19.5C20.2969 21.5 21 20.8438 21 20V2.04688C21 1.20312 20.2969 0.5 19.5 0.5ZM6.32812 18.5H3.23438V8.51562H6.32812V18.5ZM4.78125 7.10938C3.75 7.10938 2.95312 6.3125 2.95312 5.32812C2.95312 4.34375 3.75 3.5 4.78125 3.5C5.76562 3.5 6.5625 4.34375 6.5625 5.32812C6.5625 6.3125 5.76562 7.10938 4.78125 7.10938ZM18 18.5H14.8594V13.625C14.8594 12.5 14.8594 11 13.2656 11C11.625 11 11.3906 12.2656 11.3906 13.5781V18.5H8.29688V8.51562H11.25V9.875H11.2969C11.7188 9.07812 12.75 8.23438 14.25 8.23438C17.3906 8.23438 18 10.3438 18 13.0156V18.5Z" fill="#00B0CC"></path>
</svg>
</a>
</li>
<li class="social-icons__item">
<a href="https://www.youtube.com/channel/UCMtPKoR8ZCx9gdcDTqHj_iA/feed" target="_blank" aria-label="Youtube">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.71875 8.51562L13.2188 11.0469L8.71875 13.5781V8.51562ZM21 2.75V19.25C21 20.5156 19.9688 21.5 18.75 21.5H2.25C0.984375 21.5 0 20.5156 0 19.25V2.75C0 1.53125 0.984375 0.5 2.25 0.5H18.75C19.9688 0.5 21 1.53125 21 2.75ZM19.0312 11.0469C19.0312 11.0469 19.0312 8.23438 18.6562 6.92188C18.4688 6.17188 17.8594 5.5625 17.1562 5.375C15.7969 5 10.5 5 10.5 5C10.5 5 5.15625 5 3.79688 5.375C3.09375 5.5625 2.48438 6.17188 2.29688 6.92188C1.96875 8.23438 1.96875 11.0469 1.96875 11.0469C1.96875 11.0469 1.96875 13.8125 2.29688 15.1719C2.48438 15.9219 3.09375 16.4844 3.79688 16.6719C5.15625 17 10.5 17 10.5 17C10.5 17 15.7969 17 17.1562 16.6719C17.8594 16.4844 18.4688 15.9219 18.6562 15.1719C19.0312 13.8125 19.0312 11.0469 19.0312 11.0469Z" fill="#00B0CC"></path>
</svg>
</a>
</li>
<li class="social-icons__item">
<a href="https://www.instagram.com/extremenetworks" target="_blank" aria-label="Instagram">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5 8.51562C8.53125 8.51562 7.35938 10.625 8.29688 12.2656C9.28125 13.9531 11.6719 13.9531 12.6562 12.2656C12.8438 11.8906 12.9844 11.4688 12.9844 11C12.9844 9.64062 11.8594 8.51562 10.5 8.51562ZM16.3125 6.59375C16.0781 5.9375 15.5625 5.42188 14.9062 5.1875C13.9219 4.76562 11.5781 4.85938 10.5 4.85938C9.375 4.85938 7.03125 4.76562 6.04688 5.1875C5.39062 5.42188 4.875 5.9375 4.64062 6.59375C4.26562 7.57812 4.3125 9.92188 4.3125 11C4.3125 12.125 4.26562 14.4688 4.64062 15.4531C4.875 16.1094 5.39062 16.625 6.04688 16.8594C7.03125 17.2812 9.375 17.1875 10.5 17.1875C11.5781 17.1875 13.9219 17.2812 14.9062 16.8594C15.5625 16.625 16.0781 16.1094 16.3125 15.4531C16.7344 14.4688 16.6406 12.125 16.6406 11C16.6406 9.92188 16.7344 7.57812 16.3125 6.59375ZM10.5 14.8438C7.5 14.8438 5.67188 11.6562 7.125 9.07812C8.625 6.54688 12.3281 6.54688 13.8281 9.07812C14.1562 9.6875 14.3438 10.3438 14.3438 11C14.3438 13.1562 12.6094 14.8906 10.5 14.8438ZM14.4844 7.90625C13.7812 7.90625 13.3594 7.15625 13.6875 6.54688C14.0625 5.98438 14.9062 5.98438 15.2344 6.54688C15.3281 6.6875 15.375 6.875 15.375 7.01562C15.375 7.53125 14.9531 7.90625 14.4844 7.90625ZM18.75 0.5H2.25C0.984375 0.5 0 1.53125 0 2.75V19.25C0 20.5156 0.984375 21.5 2.25 21.5H18.75C19.9688 21.5 21 20.5156 21 19.25V2.75C21 1.53125 19.9688 0.5 18.75 0.5ZM17.9062 14.0938C17.8594 15.3125 17.5781 16.3906 16.7344 17.2344C15.8438 18.125 14.7656 18.4062 13.5938 18.4531C12.3281 18.5469 8.625 18.5469 7.40625 18.4531C6.1875 18.4062 5.10938 18.125 4.26562 17.2344C3.375 16.3906 3.09375 15.3125 3.04688 14.0938C2.95312 12.875 2.95312 9.17188 3.04688 7.90625C3.09375 6.73438 3.375 5.65625 4.26562 4.76562C5.10938 3.92188 6.1875 3.64062 7.40625 3.59375C8.625 3.5 12.3281 3.5 13.5938 3.59375C14.7656 3.64062 15.8438 3.92188 16.7344 4.8125C17.5781 5.65625 17.8594 6.73438 17.9062 7.95312C18 9.17188 18 12.875 17.9062 14.0938Z" fill="#00B0CC"></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
// const navLinks = document.querySelectorAll('.navbar-nav li a');
// const homeLink = document.getElementById('nav-home');
//const sections = ['home'];
const links = document.querySelectorAll('.link');
const expectation = document.querySelectorAll('.expectation');
// Function to show/hide sections
AOS.init({});
// Event listener for home logo
// homeLink.addEventListener('click', function (e) {
// e.preventDefault();
// // toggleSections('home');
// });
// Show home section on page load
// toggleSections('home');
// Add event listeners to each h3 element
expectation.forEach(toggle => {
toggle.addEventListener('click', function(e) {
e.preventDefault();
const sectionId = this.getAttribute('data-section'); // Get the ID of the clicked h3
toggleSections(sectionId);
const targetSection = document.getElementById(sectionId);
if (targetSection) {
targetSection.scrollIntoView({
behavior: 'smooth'
}); // Smoothly scroll to the section
}
});
});
});
</script>
<!-----------------------------------FOOTER----------------------------------->
<style>
* {
box-sizing: border-box;
}
#header {
display: none;
}
body {
color: #ffffff;
font-family: 'Noto sans', sans-serif;
font-size: 1vw;
line-height: 1.6;
background: #000;
overflow-x: hidden;
}
a {
text-decoration: none;
}
p {
font-size: 16px;
}
h2 {
font-family: "Noto sans";
color: #fa42e7;
text-align: center;
margin: 40px 0;
}
section {
margin-bottom: 80px;
}
.section {
margin: 0 15%;
padding: 60px 0;
}
@media screen and (max-width: 991px) {
.section {
margin: 0 5%;
padding: 30px 0;
}
}
.container {
z-index: 10;
flex-wrap: wrap;
align-items: center;
width: 100%;
max-width: 100rem;
display: flex;
position: relative;
justify-content: center;
}
.button {
max-width: 100%;
border: 1px solid #340c2c;
color: #ffffff;
text-align: center;
letter-spacing: 0.11rem;
text-transform: capitalize;
white-space: nowrap;
border-radius: 0.3rem;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0.8em 2em;
font-size: 1rem;
display: flex;
position: relative;
overflow: hidden;
transition: color 0.3s, background 0.3s;
}
@media screen and (max-width: 991px) {
.button {
padding: 1.2rem 1.2rem;
}
}
a.button {
color: #fff;
text-decoration: none;
}
.button:before {
position: absolute;
content: "";
background: #941c8c;
transition-duration: 0.3s;
inset: 0px 0px auto auto;
width: 50.5%;
height: 100%;
opacity: 1;
z-index: -1;
}
.button:hover::before {
width: 0px;
height: 100%;
opacity: 1;
}
.button::after {
position: absolute;
content: "";
background: #941c8c;
transition-duration: 0.3s;
inset: 0px auto auto 0px;
width: 50%;
height: 100%;
opacity: 1;
z-index: -1;
}
.button:hover::after {
width: 0px;
}
.button:hover {
background: transparent;
transition: color 0.3s, background;
}
.button .button-txt {
z-index: 36;
position: relative;
pointer-events: none;
font-size: 16px;
}
img {
max-width: 100%;
display: inline-block;
}
/*-------------------NAVBAR--------------------*/
.navbar-inverse {
border: none;
background-color: black;
position: fixed;
width: 100%;
z-index: 99999;
padding-top: 20px;
padding-bottom: 20px;
top: 0;
}
@media (min-width: 768px) {
.navbar .container-fluid {
display: flex;
}
}
@media (min-width: 768px) {
.navbar-collapse.collapse {
display: flex !important;
justify-content: center;
}
}
@media (max-width: 767px) {
.navbar .button {
display: none;
}
.navbar .navbar-collapse .button {
display: block !important;
float: left;
}
}
.navbar-brand {
padding: 0 25px;
}
.navbar-brand>img {
max-height: 40px;
}
.navbar .button {
float: right;
font-size: 14px;
}
.navbar-collapse {
flex-grow: 1;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-family: "Noto sans";
font-size: 14px;
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: 0px;
margin-left: 0px;
}
/*---------------Spline----------------*/
.spline-frame {
perspective: 22px;
perspective-origin: 50% 0;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100vw;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
overflow: hidden;
top: 200px;
}
/*---------------Home Hero-------------*/
.home-hero {
z-index: -1;
background-color: black;
justify-content: flex-start;
width: 100%;
margin-bottom: 56px;
}
.home-hero .hero-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.home-hero .hero-container .hero-bg-img-frame .hero-img-bg {
position: relative;
top: 83px;
width: 80%;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.home-hero .hero-container {
padding-top: 2vw;
}
.home-hero .hero-container .hero-bg-img-frame .hero-img-bg {
width: 100%;
}
}
.registration .bg-img {
width: 100%;
height: 100%;
background-size: cover;
}
.registration {
background-image: url("/-/media/project/extreme/corporate/extremeconnectassets/speaker-left.png");
background-size: cover;
height: 100%;
margin-bottom: 0;
}
.register-card {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
position: relative;
overflow: hidden;
left: 50%;
left: 50%;
/* top: 50%; */
transform: translate(-50%);
padding: 50px 0;
}
@media (max-width: 991px) {
.register-card {
width: 100%;
}
.registration {
background: none;
}
}
.register-card .text {
background: white;
color: black;
width: 100%;
padding: 40px 10px;
}
.register-card .text .button {
margin: 30px auto;
position: relative;
width: max-content;
background: black;
}
.register-card .text .button:before,
.register-card .text .button:after {
z-index: 1;
}
.register-card .cta-image {
width: 100%;
}
/*-------------------------Gallery---------------------------------*/
.gallery .gal-item {
position: relative;
top: 50px;
}
.gallery .gal-item .float {
position: relative;
overflow: hidden;
/* Keep the border within bounds */
}
/* .img-frame {
border: 2px solid #fa42e7;
border-radius: 10px;
overflow: hidden;
transition: transform 0.2s;
position: relative;
} */
.full-img {
display: block;
/* Ensure the image takes full width */
width: 100%;
/* Ensure image fills the frame */
transition: transform 0.2s;
/* Smooth transition for image scaling */
}
#float-1 {
width: 50%;
}
#float-2 {
width: 70%;
z-index: 3;
margin-top: -20%;
margin-left: 60%;
}
#float-3 {
width: 80%;
margin-top: 15%;
margin-left: 15%;
transform: rotate(-3deg);
}
#float-4 {
width: 61%;
margin-left: -30%;
}
#float-5 {
width: 50%;
margin-left: 60%;
margin-top: 5%;
transform: rotate(4deg);
}
.intro {
text-align: center;
}
.blurb1 {
position: relative;
width: 50%;
margin-top: -30%;
margin-left: -5%;
}
@media screen and (max-width: 991px) {
.blurb1 {
margin-left: 2%;
}
}
.blurb2 {
width: 50%;
margin-top: -25%;
margin-left: 45%;
}
.float.flip {
transform: scaleZ(2.0);
transform: scaleX(1.0);
/* Slightly enlarge to indicate interactivity */
}
/* Adjust initial scaling to ensure images are larger */
.float {
opacity: 0;
/* Initially hidden */
transform: scale(1.1);
/* Start slightly larger */
transition: opacity 0.5s;
/* Smooth transition for visibility */
}
#float-1.visible {
animation: slideInLeft 0.5s forwards;
/* Slide in from left */
}
#float-2.visible {
animation: slideInRight 0.5s forwards;
/* Slide in from right */
}
#float-3.visible {
animation: slideInRight 0.5s forwards;
/* Slide in from right */
}
#float-4.visible {
animation: slideInCenter 0.5s forwards;
/* Slide in from center */
}
#float-5.visible {
animation: slideInCenter 0.5s forwards;
/* Slide in from center */
}
@keyframes slideInLeft {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInCenter {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/*-------------------Cards-------------------->*/
.cards-wrap {
flex-wrap: wrap;
flex: 1;
justify-content: space-between;
width: 100%;
min-width: 100%;
display: flex;
}
.card-item:hover .link {
transform: translate3d(0rem, -0.12rem, 0px) scale3d(0.95, 0.95, 1) skew(0deg, 0deg);
-webkit-transform: translate3d(0rem, -0.12rem, 0px) scale3d(0.95, 0.95, 1) skew(0deg, 0deg);
/* For Safari */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
/* For Safari */
}
.card-item .link .card.front {
box-shadow: 0 4px 21px 9px #00000017;
}
.card-item:hover .link .card.front {
transform: translate3d(0, 1.2rem, 0) rotateZ(2.5deg);
-webkit-transform: translate3d(0, 1.2rem, 0) rotateZ(2.5deg);
/* For Safari */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
/* For Safari */
top: -10px;
}
.card-item .link .card.front .card-img-frame {
background-image: linear-gradient(230deg, black 0%, #1c0048 70%, #280070 100%);
width: 100%;
height: 100%;
}
#link-2 .card-img {
aspect-ratio: auto;
width: 105%;
}
.card-item .link .card.front .card-img-frame .desc span {
color: white;
font-size: 16px;
}
.card-item .link .card.front .logo {
cursor: pointer;
width: 100%;
margin-bottom: 2rem;
position: absolute;
inset: auto 0% 0%;
}
.card-item .link .card.back {
z-index: -1;
background-color: #f942e5;
letter-spacing: 0.05rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding: 1.5rem;
font-size: 1.7rem;
font-style: italic;
font-weight: 300;
line-height: 0.8;
display: flex;
/* position: absolute;
inset: 0%; */
color: white;
font-size: 16px;
font-family: "calibri";
}
.card-item .link .card-img-frame .card-img {
object-fit: cover;
width: 100%;
/* width:400px;height: 555.5px;" */
/* height: 100%; */
/* aspect-ratio: 1.0 / 1.1 Make sure this is not causing issues */
}
.card-gradient-overlay {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
/* Animation effects for each card */
.card-item {
flex: none;
width: 30%;
max-width: 40rem;
opacity: 0;
transform: translateY(20px);
/* Initial position for animation */
-webkit-transform: translateY(20px);
/* For Safari */
transition: transform 0.5s ease, opacity 0.5s ease;
/* Smooth transition */
-webkit-transition: -webkit-transform 0.5s ease, -webkit-opacity 0.5s ease;
/* For Safari */
}
#specials {
margin: 0 10%;
}
.card-item .link {
color: #fff;
width: 100%;
position: relative;
transition: 300ms ease-in-out;
/* Standard transition */
-webkit-transition: 300ms ease-in-out;
/* For Safari */
}
.card-item .link .card {
border: 2px solid #f942e5;
border-radius: 0.6rem;
width: 100%;
position: relative;
overflow: hidden;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
/* For Safari */
}
.card-item .link .card.front .card-img-frame .desc {
line-height: 1;
padding: 10% 5%;
color: white;
font-size: 20px;
z-index: 1;
position: relative;
font-family: "calibri";
}
.card-item .link .card.front .card-img-frame h3 {
margin: 0;
}
.card-item:hover .link .card.back {
transform: translate3d(-0.5rem, 3.5rem, 0) rotateZ(-1.1deg);
-webkit-transform: translate3d(-0.5rem, 3.5rem, 0) rotateZ(-1.1deg);
/* For Safari */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
/* For Safari */
}
.card-back div {
position: relative;
top: 10px;
}
/* Animation effects for each card */
.cards-wrap {
flex-wrap: wrap;
flex: 1;
justify-content: space-between;
/* Maintain spacing between cards */
width: 100%;
display: flex;
}
.card-item {
flex: none;
width: 30%;
max-width: 40rem;
opacity: 0;
/* Start hidden */
transform: translateY(20px);
/* Initial position for animation */
-webkit-transform: translateY(20px);
/* For Safari */
transition: transform 0.5s ease, opacity 0.5s ease;
/* Smooth transition */
-webkit-transition: -webkit-transform 0.5s ease, -webkit-opacity 0.5s ease;
/* For Safari */
}
.card-item.visible {
transform: translateY(0);
/* Reset vertical position */
-webkit-transform: translateY(0);
/* For Safari */
}
@keyframes slideOutLeft {
0% {
transform: translateX(0) scale(1);
/* Start at center */
-webkit-transform: translateX(0) scale(1);
/* For Safari */
}
50% {
transform: translateX(-20%) scale(0.9);
/* Move slightly to the left */
-webkit-transform: translateX(-20%) scale(0.9);
/* For Safari */
}
100% {
transform: translateX(-30%) scale(1);
/* End at original position */
-webkit-transform: translateX(-30%) scale(1);
/* For Safari */
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0) scale(1);
/* Start at center */
-webkit-transform: translateX(0) scale(1);
/* For Safari */
}
50% {
transform: translateX(20%) scale(0.9);
/* Move slightly to the right */
-webkit-transform: translateX(20%) scale(0.9);
/* For Safari */
}
100% {
transform: translateX(30%) scale(1);
/* End at original position */
-webkit-transform: translateX(30%) scale(1);
/* For Safari */
}
}
/* Apply the animation to the left and right cards */
.card-item:nth-child(1).visible {
animation: slideOutLeft 1.5s forwards;
/* Slide left */
-webkit-animation: slideOutLeft 1.5s forwards;
/* For Safari */
}
.card-item:nth-child(3).visible {
animation: slideOutRight 1.5s forwards;
/* Slide right */
-webkit-animation: slideOutRight 1.5s forwards;
/* Slide right */
}
/*------------------------CARDS MOBILE----------------------*/
@media screen and (max-width: 991px) {
.cards-wrap {
flex-direction: column;
}
.card-item {
width: 100%;
max-width: 24rem;
margin-bottom: 5rem;
margin-left: auto;
margin-right: auto;
}
.card-item:hover .link {
transform: none;
-webkit-transform: none;
}
.card-item .link .card.front {
margin-bottom: 3.75rem;
transform: translate(0.4rem, 0.1rem) rotate(4deg);
-webkit-transform: translate(0.4rem, 0.1rem) rotate(4deg);
/* For Safari */
}
.card-item .link#link-1 .card.front,
.card-item:hover .link#link-1 .card.front {
transform: translate3d(0.25928rem, -0.48144rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(4.07424deg) skew(0deg, 0deg);
-webkit-transform: translate3d(0.25928rem, -0.48144rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(4.07424deg) skew(0deg, 0deg);
/* For Safari */
transform-style: preserve-3d;
}
.card-item .link#link-2 .card.front,
.card-item:hover .link#link-2 .card.front {
transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
/* For Safari */
transform-style: preserve-3d;
/* Preserve 3D transformations */
}
.card-item .link#link-3 .card.front,
.card-item:hover .link#link-3 .card.front {
transform: translate3d(0.246475rem, -0.50705rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(3.9718deg) skew(0deg, 0deg);
-webkit-transform: translate3d(0.246475rem, -0.50705rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(3.9718deg) skew(0deg, 0deg);
/* For Safari */
transform-style: preserve-3d;
/* Preserve 3D transformations */
}
.card-item .link .card.back {
height: 110%;
}
.card-item .link#link-2 .card.back {
transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-5deg) skew(0deg, 0deg);
-webkit-transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-5deg) skew(0deg, 0deg);
}
.card-item .link#link-3 .card.back {
transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-1deg) skew(0deg, 0deg);
-webkit-transform: translate3d(0.25115rem, -0.4977rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-1deg) skew(0deg, 0deg);
}
.card-item:hover .link .card.back {
transform: none;
-webkit-transform: none;
}
}
@media screen and (max-width: 767px) {
.card-item {
max-width: 20rem;
}
.card-item .link .card.front {
margin-bottom: 3.5rem;
transform: translate3d(0.5rem, 0rem, 0rem) rotateZ(6deg);
-webkit-transform: translate3d(0.5rem, 0rem, 0rem) rotateZ(6deg);
transform-style: preserve-3d;
}
.card-item:hover .link .card.front {
transform: none;
-webkit-transform: none;
}
.card-item .link .card.back {
font-size: 1.5rem;
}
.card-item:hover .link .card.back {
transform: none;
-webkit-transform: none;
}
}
.col-3,
.col-2 {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.col-3 .col {
width: 30%;
font-size: 1rem;
}
@media screen and (max-width: 991px) {
.col-3 .col {
width: 100%;
}
}
.col-2 .left {
border-right: 1px solid;
}
.col-2 .col {
width: 50%;
padding: 0 5%;
}
.video {
text-align: center;
}
.video .FAQ {
height: 50px;
}
.video .video-container {
/* height: 500px; Set height */
width: 100%;
/* Set width */
border: 1px solid #f942e5;
/* Border style */
background: black;
/* Background color */
border-radius: 20px;
/* Rounded corners */
margin-top: 40px;
/* Top margin */
position: relative;
/* Needed for absolute positioning of the iframe */
overflow: hidden;
/* Hide overflow */
}
.video .video-container iframe {
position: absolute;
/* Position absolutely to fill the container */
top: 0;
/* Align to top */
left: 0;
/* Align to left */
width: 100%;
/* Full width */
height: 100%;
/* Full height */
border: none;
/* Remove default border */
}
.registration .bg-img {
width: 100%;
height: 100%;
background-size: cover;
}
.registration {
background-image: url("/-/media/project/extreme/corporate/extremeconnectassets/speaker-left.png");
background-size: cover;
height: 100%;
margin-bottom: 0;
}
.register-card {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
position: relative;
overflow: hidden;
left: 50%;
left: 50%;
/* top: 50%; */
transform: translate(-50%);
-webkit-transform: translate(-50%);
padding: 50px 0;
}
@media (max-width: 768px) {
img#w2 {
top: 1037px;
left: 234px;
transform: rotate(258deg);
-webkit-transform: rotate(258deg);
}
img#w4 {
top: 2469px;
left: 245px;
transform: rotate(200deg);
-webkit-transform: rotate(200deg);
}
img#w1 {
display: none;
/* Completely remove it from the layout */
}
img#p1 {
display: none;
/* Completely remove it from the layout */
}
/* What to Expect */
#what-to-expect {
width: 100%
}
}
@media (max-width: 991px) {
.register-card {
width: 100%;
}
.registration {
background: none;
}
}
.register-card .text {
background: white;
color: black;
width: 100%;
padding: 40px 10px;
}
.register-card .text .button {
margin: 30px auto;
position: relative;
width: max-content;
background: black;
}
.register-card .text .button:before,
.register-card .text .button:after {
z-index: 1;
}
.register-card .cta-image {
width: 100%;
}
.speakers {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 100px;
}
.speakers .blurb {
width: 70%;
padding: 0 50px;
text-align: center;
margin: auto;
}
@media (max-width: 991px) {
.speakers .blurb {
width: 100%;
padding: 0;
}
}
#specials .sub {
text-align: center;
margin-bottom: 50px;
}
.speakers .card-item {
width: 25%;
}
@media (max-width: 991px) {
.speakers .card-item {
width: 80%;
margin-top: 50px;
}
}
/*------------Footer----------------------*/
#footer {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
margin: 0 auto;
padding: 0;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row {
min-width: 100%;
width: auto;
}
#footer>.row {
margin: 0;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
[class*="grid"] {
display: inline;
float: left;
position: relative;
}
.row [class*="grid"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.row .grid-12 {
width: 100%;
}
.row [class*=grid] {
float: none;
min-height: .1px;
}
.row [class*="grid"]:first-child {
margin-left: 0;
}
.component {
box-sizing: border-box;
}
.content {
background: 0 0;
color: #162133;
border: transparent;
line-height: 1.5;
font-size: 12px;
overflow: hidden;
}
.content * {
max-width: 100%;
}
.site-footer {
color: #00b0cc;
display: flex;
flex-direction: column;
}
.footer-contact {
background: #409;
padding: 80px 0;
}
@media (min-width: 992px) {
.footer-contact {
padding: 100px 0;
}
}
.container {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1430px;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.row>[class*=col] {
padding-right: 15px;
padding-left: 15px;
}
.footer-contact .footer-contact__layout {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
font-weight: 500;
color: #fff;
}
@media (min-width: 992px) {
.footer-contact .footer-contact__layout {
font-size: 1.125rem;
flex-wrap: nowrap;
}
}
.footer-contact .footer-contact__icon {
flex-shrink: 0;
}
.footer-contact .footer-contact__layout>div {
width: 100%;
}
@media (min-width: 992px) {
.footer-contact .footer-contact__layout>div {
width: auto;
}
}
.footer-contact .footer-contact__icon img,
.footer-contact .footer-contact__icon svg {
fill: #fff;
width: 60px;
height: auto;
margin-bottom: 32px;
margin-left: 20px;
}
@media (min-width: 992px) {
.footer-contact .footer-contact__icon img,
.footer-contact .footer-contact__icon svg {
width: 100px;
height: auto;
margin-bottom: 0;
margin-left: 0;
}
}
@media (min-width: 992px) {
.footer-contact .footer-contact__text {
margin: 0 112px;
}
}
.footer-contact .footer-contact__title {
font-size: 1.5rem;
margin-bottom: 20px;
font-weight: 700;
}
@media (min-width: 992px) {
.footer-contact .footer-contact__title {
font-size: 1.75rem;
}
}
#footer p {
margin: 1rem 0 !important;
}
#footer a {
color: #007e91;
text-decoration: none;
}
.site-footer__top {
background: linear-gradient(180deg, #1e0b3d 0, #220c44 100%);
position: relative;
padding: 80px 0;
}
@media (min-width: 992px) {
.site-footer__top {
padding: 110px 0;
}
}
.site-footer__top:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent url(../images/bg-texture.png) repeat left top;
}
@media (min-width: 992px) {
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
}
@media (min-width: 992px) {
.site-footer__dropdown {
display: flex;
flex-direction: column;
gap: 30px;
border: none;
margin: 0;
}
}
.site-footer__dropdown-title {
background: 0 0;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
transition: all .3s linear;
display: flex;
justify-content: space-between;
align-items: center;
font-size: .75rem;
color: #fff !important;
color: #fff !important;
font-weight: 700;
width: 100%;
padding: 15px 0;
margin: 0;
transition: all .3s linear;
}
@media (min-width: 992px) {
.site-footer__dropdown-title {
padding: 0;
}
}
@media (min-width: 992px) {
.site-footer__dropdown-title--mb {
display: none;
}
}
.sr-only {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0;
border: 0;
width: 1px;
height: 1px;
transition: none;
}
.site-footer__dropdown-title-icon {
width: 22px;
height: 22px;
fill: currentColor;
transition: all .3s linear;
}
#footer h5 {
margin: 5px 0 0;
}
h5.site-footer__dropdown-title {
color: #fff !important;
cursor: auto;
}
.site-footer__dropdown-content {
padding: 0 10px 10px 20px;
}
@media (min-width: 992px) {
.site-footer__dropdown-content {
display: block !important;
padding: 0;
}
}
.site-footer__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 5px;
font-size: .875rem;
font-weight: 500;
}
.social-icons {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
@media (min-width: 992px) {
.social-icons {
justify-content: flex-end;
}
}
.social-icons--footer {
margin: 0 0 30px;
}
@media (min-width: 992px) {
.social-icons--footer {
margin: 0;
justify-content: flex-end;
}
}
.site-footer ul {
list-style: none !important;
list-style-position: initial !important;
margin-left: 0;
padding: 0;
}
.site-footer li,
.site-footer ul {
list-style: none !important;
list-style-position: initial !important;
margin-left: 0;
padding: 0;
font-size: 13px;
}
.site-footer__list-link {
color: #00b0cc !important;
text-decoration: none;
}
.site-footer__bottom {
background-color: #140826;
color: #fff;
font-size: .875rem;
font-weight: 500;
padding: 26px 0;
}
@media (max-width: 991px) {
.row--reverse-mobile {
flex-direction: column-reverse;
}
}
@media (min-width: 992px) {
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
}
.row>[class*=col] {
padding-right: 15px;
padding-left: 15px;
}
.site-footer__content-list .site-footer__content-list-item {
margin: 0 10px;
}
.site-footer__content-list .site-footer__content-list-item:first-child {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.site-footer__content-list .site-footer__content-list-item:first-child {
width: auto;
}
}
#footer .btn {
font-size: 1rem;
font-weight: 700;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-flex;
transition: all .5s ease-out;
background-color: transparent;
border: none;
padding: 0;
font-family: "Noto Sans", sans-serif;
}
#footer .btn--secondary {
background-color: #fff;
color: #409;
padding: 11px 20px;
font-size: .875rem;
border: 1px #409 solid;
border-radius: 4px;
min-width: 140px;
justify-content: center;
white-space: nowrap;
text-align: center;
}
@media (min-width: 992px) {
#footer .btn--secondary {
padding: 11px 25px;
font-size: 1rem;
}
}
#footer .btn--secondary {
padding: 16px 25px;
color: #007e91;
text-decoration: none;
}
#footer .btn:focus,
#footer .btn:hover {
cursor: pointer;
transition: all .5s ease-out;
}
#footer .btn--secondary:focus,
#footer .btn--secondary:hover {
text-decoration: none;
background-color: #409;
border: 1px #fff solid;
color: #fff;
box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .2);
color: #878787;
}
.site-footer__content-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0;
font-size: .875rem;
line-height: 2;
}
@media (min-width: 992px) {
.site-footer__content-list {
justify-content: flex-start;
}
}
.site-footer__content-list .site-footer__content-list-item {
margin: 0 10px;
}
.site-footer__content-list .site-footer__content-list-item:first-child {
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.site-footer__content-list .site-footer__content-list-item:first-child {
width: auto;
}
}
@media (min-width: 992px) {
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
}
/*--------------------------------Tracks-----------------------------------*/
#tracks .white-rounded {
border-radius: 10px;
padding: 20px 40px;
text-align: center;
}
#tracks .white-rounded h2 {
margin-top: 0;
font-size: 30px;
}
#tracks ul {
font-size: 16px;
}
/*---------------------------------Dots-------------------------------------*/
.full-img {
transition: transform 0.3s ease;
/* Smooth transition for scaling */
}
.pink-dots {
opacity: 0.15;
height: 500px;
z-index: -2;
position: absolute;
}
.white-dots {
height: 150px;
z-index: 4;
position: absolute;
}
img#p1 {
top: 700px;
right: -200px;
height: 500px
}
img#p2 {
top: 1500px;
right: 0px;
height: 500px
}
img#p3 {
top: 3000px;
left: -200px;
height: 700px;
}
img#w1 {
top: 740px;
right: 50px;
}
img#w2 {
top: 974px;
left: 36px;
transform: rotate(258deg);
}
img#w3 {
top: 1726px;
left: 150px;
transform: rotate(258deg);
}
img#w4 {
top: 2469px;
left: 150px;
transform: rotate(200deg);
}
img#w5 {
top: 3163px;
right: 150px;
/* transform: rotate(200deg); */
}
/* For Iphone Devices */
/* Styles for mobile devices */
@media (max-width: 768px) {
img#w1 {
top: 600px;
right: -157px;
}
img#w2 {
top: 1139px;
left: 217px;
transform: rotate(258deg);
}
img#w3 {
top: 1881px;
left: 10px;
transform: rotate(258deg);
}
img#w4 {
top: 2469px;
left: 262px;
transform: rotate(200deg);
}
img#w5 {
top: 3164px;
left: 8px;
transform: rotate(200deg);
}
}
.agenda #p1 {
top: 70%;
left: -18%;
transform: rotate(89deg);
}
.agenda #p2 {
top: 1380px;
left: 50%;
transform: rotate(347deg);
}
.speakers #p1 {
top: 70%;
left: -18%;
transform: rotate(89deg);
}
.speakers #p2 {
top: 1380px;
left: 50%;
transform: rotate(347deg);
}
.Location #p1 {
top: 70%;
left: -18%;
transform: rotate(89deg);
}
.Location #p2 {
top: 1380px;
left: 50%;
transform: rotate(347deg);
}
.tracks #p1 {
top: 70%;
left: -18%;
transform: rotate(89deg);
}
.tracks #p2 {
top: 1380px;
left: 50%;
transform: rotate(347deg);
}
.training #p1 {
top: 70%;
left: -18%;
transform: rotate(89deg);
}
.training #p2 {
top: 1380px;
left: 50%;
transform: rotate(347deg);
}
.desc h3,
.desc span {
font-family: 'Noto Sans', sans-serif;
}
/* What you get css */
.sub-heading {
height: 45px;
}
.what-you-get {
border: 2px solid #fa42e7;
width: 70%;
margin-bottom: 100px !important;
}
#what-you-get .content-what-you-get {
height: auto;
/* Set height to 100px */
}
.heading {
height: 60px;
text-align: center;
}
.button-container {
display: flex;
/* Use flexbox */
justify-content: center;
/* Center the button */
margin-top: 1rem;
/* Add space above the button */
font-size: 18px;
}
.purple-heading {
background-color: #fa42e7;
/* Purple color */
height: 5px;
/* Height of the purple line */
width: 22%;
/* Width of the purple line */
margin: 10px auto;
/* Center the line horizontally */
}
.what-you-get-heading {
margin-top: -45px;
}
@media screen and (min-width: 900px) and (max-width: 930px) {
.purple-heading {
width: 64%;
}
.heading {
height: 143px;
}
#what-you-get .content-what-you-get {
height: auto;
}
.what-you-get {
border: 2px solid #fa42e7;
width: 90%;
margin-bottom: 45px;
}
.what-you-get-heading {
margin-top: -1px;
}
.img#w5 {
display: none;
}
}
@media screen and (min-width: 360px) and (max-width: 410px) {
#what-you-get .content-what-you-get {
height: auto;
}
.what-you-get {
border: 2px solid #fa42e7;
width: 90%;
margin-bottom: 45px;
}
.heading {
height: auto;
}
.purple-heading {
width: 64%;
}
.what-you-get-heading {
margin-top: -1px;
}
#what-you-get .content-what-you-get {
height: auto;
width: 100%;
padding: 10px;
}
img#w5 {
display: none;
}
img#w4 {
display: none;
}
img#w2 {
display: none;
}
#float-2 {
margin-left: 38%;
}
.blurb1 {
width: 100%;
}
}
@media screen and (min-width: 410px) and (max-width: 420px) {
#what-you-get {
width: 92%;
}
.heading {
height: auto;
}
.purple-heading {
width: 90%;
}
#what-you-get .content-what-you-get {
height: auto;
width: 100%;
padding: 10px;
}
.what-you-get {
border: 2px solid #fa42e7;
width: 90%;
margin-bottom: 45px;
}
.what-you-get-heading {
margin-top: -1px;
}
img#w5 {
display: none;
}
img#w4 {
display: none;
}
img#w2 {
display: none;
}
#float-2 {
margin-left: 38%;
}
.blurb1 {
width: 100%;
}
}
@media screen and (min-width: 430px) and (max-width: 480px) {
.what-you-get {
width: 90%;
margin-bottom: 45px;
}
.heading {
height: auto;
}
#what-you-get .content-what-you-get {
height: auto;
width: 100%;
padding: 10px;
}
.what-you-get-heading {
margin-top: -1px;
}
img#w5 {
display: none;
}
img#w5 {
display: none;
}
img#w4 {
display: none;
}
img#w2 {
display: none;
}
#float-2 {
margin-left: 38%;
}
.blurb1 {
width: 100%;
}
}
/* Styles for iPad Air (820px width) */
@media screen and (min-width: 820px) and (max-width: 900px) {
.what-you-get {
width: 90%;
}
.heading {
height: 79px;
/* Adjusted heading height */
}
#what-you-get .content-what-you-get {
height: auto;
/* Adjusted content height */
}
.what-you-get-heading {
margin-top: -1px;
}
img#w5 {
display: none;
}
}
/* Styles for iPad Mini (768px width) */
@media screen and (min-width: 768px) and (max-width: 820px) {
.what-you-get {
width: 90%;
}
.heading {
height: 115px;
/* Adjusted heading height */
}
#what-you-get .content-what-you-get {
height: auto;
/* Adjusted content height */
}
.what-you-get-heading {
margin-top: -1px;
}
img#w5 {
display: none;
}
}
/* Styles for iPhone 12 Pro (375px width) */
@media screen and (min-width: 350px) and (max-width: 400px) {
.what-you-get {
width: 90%;
}
.heading {
height: auto;
margin-bottom: 5px;
/* Adjusted heading height */
}
#what-you-get .content-what-you-get {
height: auto;
width: 100%;
padding: 10px;
}
.purple-heading {
width: 60%;
/* Adjusted width */
}
.what-you-get-heading {
margin-top: -1px;
}
img#w5 {
display: none;
}
img#w4 {
display: none;
}
img#w2 {
display: none;
}
#float-2 {
margin-left: 38%;
}
.blurb1 {
width: 100%;
}
}
li {
font-size: 1.5em;
}
/* For What You Get CSS END */
.content-wrapper {
display: flex;
/* Use flexbox for layout */
align-items: flex-start;
/* Align items at the top */
}
.what-get-img {
position: absolute;
/* Keep absolute positioning */
top: 0;
/* Align to the top */
right: 0;
/* Align to the right */
width: 30%;
/* Adjust width as necessary */
height: auto;
/* Maintain aspect ratio */
/*border-radius: 0 50px 50px 0; Match section's border radius */
}
.text-content {
flex: 1;
/* Allow the text content to take up remaining space */
padding-right: 20px;
/* Add space between text and image */
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js" integrity="sha512-wC/cunGGDjXSl9OHUH0RuqSyW4YNLlsPwhcLxwWW1CR4OeC2E1xpcdZz2DeQkEmums41laI+eGMw95IJ15SS3g==" crossorigin="anonymous"
referrerpolicy="no-referrer"></script>
<script>
//For Gallery Scroll Effect
window.addEventListener('scroll', function() {
const floats = document.querySelectorAll('.float');
floats.forEach(float => {
const image = float.querySelector('.full-img');
const scrollPosition = window.scrollY;
const imagePosition = image.getBoundingClientRect().top + scrollPosition;
// Calculate the distance from the viewport center
const distance = scrollPosition - imagePosition + window.innerHeight / 2;
// Define scale limits
const minScale = 0.8; // Minimum scale factor (80%)
const maxScale = 1.0; // Maximum scale factor (100%)
// Scale calculation
let scaleValue = minScale + (distance / 500); // Adjust divisor for sensitivity
scaleValue = Math.max(minScale, Math.min(maxScale, scaleValue)); // Clamp to limits
// Apply scale transformation to the parent float (which includes the border) and the image
float.style.transform = `scale(${scaleValue})`;
float.style.transition = 'transform 0.2s'; // Smooth transition
image.style.transform = `scale(${scaleValue})`;
});
});
document.addEventListener('DOMContentLoaded', () => {
const floats = document.querySelectorAll('.float');
// Permanently hide horizontal scrollbar
document.body.style.overflowX = 'hidden'; // Set overflow-x to hidden
const observerOptions = {
root: null, // Use the viewport as the root
threshold: 0.5 // Trigger when 50% of the card is visible
};
const observerCallback = (entries) => {
entries.forEach(entry => {
const float = entry.target;
if (entry.isIntersecting) {
float.classList.add('visible'); // Add visible class when in view
float.style.opacity = 1; // Ensure opacity is set to 1
float.style.transform = 'scale(1.1)'; // Optional: Scale up on scroll
} else {
float.style.opacity = 0; // Hide if not in view
float.style.transform = 'scale(1)'; // Reset scale
}
});
};
const observer = new IntersectionObserver(observerCallback, observerOptions);
floats.forEach(float => {
observer.observe(float);
});
});
// //For hero banner
let currentScale = 1; // Current scale value
const scaleChangeRate = 0.005; // Rate of scale change
const minScale = 0.5; // Minimum scale for the hero text image
const initialScale = 1; // Original scale
let previousScrollPosition = 0; // Track previous scroll position
const section = document.getElementById('home');
const heroSection = document.querySelector('.home-hero'); // Select the home hero section
section.style.display = "block"; // Ensure the section is visible
window.addEventListener('scroll', function() {
const heroImage = document.querySelector('.hero-img-bg');
const scrollPosition = window.scrollY;
// Calculate the fade effect based on scroll position
const fadeAmount = Math.min(1, scrollPosition / 300); // Change 300 to adjust fade sensitivity
heroSection.style.opacity = 1 - fadeAmount; // Fade out the hero section
// Reset opacity of home-hero section when at the top
if (scrollPosition === 0) {
heroSection.style.opacity = 1; // Ensure full opacity at the top
}
// Keep track of the previous scroll position
previousScrollPosition = scrollPosition;
});
//For Card Items
document.addEventListener("DOMContentLoaded", () => {
const cardItems = document.querySelectorAll('.card-item');
const observerOptions = {
root: null, // Use the viewport as the root
threshold: 0.1 // Trigger when 10% of the card is visible
};
const observerCallback = (entries) => {
entries.forEach(entry => {
const card = entry.target;
if (entry.isIntersecting) {
card.classList.add('visible'); // Add visible class when in view
card.style.opacity = '1';
const backCard = card.querySelector('.card-item .link .card.back'); // Corrected selector
backCard.style.position = 'absolute';
backCard.style.inset = '0%';
} else {
card.classList.remove('visible'); // Remove visible class when out of view
card.style.opacity = '0';
}
});
};
const observer = new IntersectionObserver(observerCallback, observerOptions);
// Observe each card item
cardItems.forEach(card => {
observer.observe(card);
// Add event listener for interaction
card.addEventListener('mouseover', () => {
const backCard = card.querySelector('.card-item .link .card.back'); // Corrected selector
backCard.style.position = 'absolute';
backCard.style.top = '0';
backCard.style.left = '0';
backCard.style.right = '0';
backCard.style.bottom = '0';
});
card.addEventListener('mouseleave', () => {
const backCard = card.querySelector('.card-item .link .card.back'); // Corrected selector
backCard.style.position = 'absolute';
backCard.style.inset = '0%';
});
});
});
document.addEventListener("DOMContentLoaded", function() {
VanillaTilt.init(document.querySelector(".rotation3d"), {
max: 0.5, // Maximum tilt rotation (degrees) - reduced from 10 to 5
perspective: 600, // Perspective depth
speed: 200, // Speed of the tilt effect
glare: false, // Enable glare effect
});
});
// Function to detect mobile devices, including iPhones
function isMobile() {
return /Mobi|Android|iPhone/i.test(navigator.userAgent);
}
const mobileCards = document.querySelectorAll('.mobile-button');
const computerCards = document.querySelectorAll('.computer-button');
const bluebirdsectionBorder = document.querySelector('.what-you-get');
const bluebirdSectionImageMobile = document.querySelector('.what-get-img');
if (isMobile() && !/iPad|Tablet/i.test(navigator.userAgent)) {
bluebirdsectionBorder.style.borderRadius = "23px";
bluebirdSectionImageMobile.style.left = "47%"; // Use style.left
bluebirdSectionImageMobile.style.width = "54%"; // Use style.width
mobileCards.forEach(card => {
card.style.visibility = 'visible'; // Show mobile cards
});
computerCards.forEach(card => {
card.style.visibility = 'hidden'; // Hide computer cards
});
} else {
computerCards.forEach(card => {
card.style.visibility = 'visible'; // Show computer cards
});
mobileCards.forEach(card => {
card.style.visibility = 'hidden'; // Hide mobile cards
});
}
// Apply styles if on mobile or iPhone
if (isMobile() && !/iPad|Tablet/i.test(navigator.userAgent)) {
const col2Div = document.querySelector('.col-2');
if (col2Div) {
col2Div.classList.remove('col-2');
}
const cols = document.querySelectorAll('.col');
cols.forEach(col => {
col.classList.remove('col');
});
}
// Apply styles if on mobile or iPhone
if (isMobile() && !/iPad|Tablet/i.test(navigator.userAgent)) {
const col2Div = document.querySelector('.col-2');
// Select all list items
const liItems = document.querySelectorAll('.content-what-you-get ul li');
// Change font size for all list items
liItems.forEach(li => {
li.style.fontSize = '3.5em'; // Set font size
});
if (col2Div) {
col2Div.classList.remove('col-2');
}
const cols = document.querySelectorAll('.col');
cols.forEach(col => {
col.classList.remove('col');
});
}
// Close navbar on button click
const navbarToggle = document.getElementById('navbarToggle');
const myNavbar = document.getElementById('myNavbar');
// Use Bootstrap's collapse function to toggle the navbar
navbarToggle.addEventListener('click', function() {
if (myNavbar.classList.contains('in')) {
myNavbar.classList.remove('in');
myNavbar.classList.remove('collapse'); // Ensure it's fully closed
} else {
myNavbar.classList.add('in');
myNavbar.classList.add('collapse'); // Ensure it's fully open
}
});
// Close the navbar when a nav link is clicked
const navLinks = document.querySelectorAll('.nav a');
navLinks.forEach(link => {
link.addEventListener('click', function() {
if (myNavbar.classList.contains('in')) {
myNavbar.classList.remove('in');
myNavbar.classList.remove('collapse');
}
});
});
document.addEventListener('DOMContentLoaded', function() {
// Remove the .contentTitle element if it exists
// const element = document.querySelector('.contentTitle');
// if (element) {
// element.remove();
// }
// Initialize AOS (Animate On Scroll)
AOS.init({
once: false,
});
const navbarToggle = document.getElementById('navbarToggle');
const myNavbar = document.getElementById('myNavbar');
if (navbarToggle && myNavbar) {
// Toggle the navbar when the toggle button is clicked
navbarToggle.addEventListener('click', function() {
if (myNavbar.classList.contains('in')) {
closeNavbar();
} else {
openNavbar();
}
});
// Close the navbar when a nav link is clicked
const navLinks = document.querySelectorAll('.nav a');
navLinks.forEach(link => {
link.addEventListener('click', function() {
closeNavbar();
});
});
// Close the navbar when clicking outside of it
document.addEventListener('click', function(event) {
const isClickInsideNavbar = myNavbar.contains(event.target);
const isClickOnToggle = navbarToggle.contains(event.target);
// Close the navbar if clicking outside and it is currently open
if (!isClickInsideNavbar && !isClickOnToggle && myNavbar.classList.contains('in')) {
closeNavbar();
}
});
function openNavbar() {
myNavbar.classList.add('in'); // Show the navbar
myNavbar.style.display = 'block'; // Ensure it is displayed
}
function closeNavbar() {
myNavbar.classList.remove('in'); // Remove 'in' class
myNavbar.style.display = 'none'; // Hide it
}
} else {
console.error('Navbar elements not found'); // Debugging line
}
});
//For Campaign
jQuery(document).ready(function($) {
function getParameterByName(name, url = window.location.href) {
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/; domain=extremenetworks.com";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
var utm_campaign = getParameterByName('utm_campaign');
var utm_medium = getParameterByName('utm_medium');
var utm_source = getParameterByName('utm_source');
var utm_content = getParameterByName('utm_content');
var RefId = getParameterByName('RefId');
if (utm_campaign !== null) {
setCookie('utm_campaign', utm_campaign);
}
if (utm_medium !== null) {
setCookie('utm_medium', utm_medium);
}
if (utm_source !== null) {
setCookie('utm_source', utm_source);
}
if (utm_content !== null) {
setCookie('utm_content', utm_content);
}
if (RefId !== null) {
setCookie('RefId', RefId);
}
const eventButtons = document.getElementsByClassName('button btn--campaign');
Array.from(eventButtons).forEach(eventButton => {
if (eventButton) {
const hrefValue = eventButton.getAttribute("href");
if (hrefValue && hrefValue.includes("cvent=true")) //This is a page with CVENT button
{
const buttonHostname = hrefValue.split('?')[0];
if (window.location.href.includes("RefId=")) {
const currentParamsString = getQueryStringParamsString(window.location.href);
const newButtonUrl = buttonHostname + "?" + currentParamsString;
eventButton.href = newButtonUrl;
} else {
let refIdCookieValue = getCookie("RefId");
let utmCampaignValue = getCookie("utm_campaign");
let utmMediumValue = getCookie("utm_medium");
let utmSourceValue = getCookie("utm_source");
let utmContentValue = getCookie("utm_content");
let newButtonQueryStringFromCookies = "";
if (refIdCookieValue) {
newButtonQueryStringFromCookies += "&RefId=" + refIdCookieValue;
}
if (utmCampaignValue) {
newButtonQueryStringFromCookies += "&utm_campaign=" + utmCampaignValue;
}
if (utmMediumValue) {
newButtonQueryStringFromCookies += "&utm_medium=" + utmMediumValue;
}
if (utmSourceValue) {
newButtonQueryStringFromCookies += "&utm_source=" + utmSourceValue;
}
if (utmContentValue) {
newButtonQueryStringFromCookies += "&utm_content=" + utmContentValue;
}
let newButtonUrlFromCookies = buttonHostname + "?" + newButtonQueryStringFromCookies.slice(1);
if (newButtonQueryStringFromCookies) {
eventButton.href = newButtonUrlFromCookies;
} else {
eventButton.href = hrefValue.replace("cvent=true&", "").replace("&cvent=true", "");
}
}
}
}
});
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function getQueryStringParamsString(url) {
if (url.includes("?")) {
const urlParts = url.split("?");
return urlParts[1];
} else {
return "";
}
}
});
document.addEventListener('DOMContentLoaded', function() {
const navbarBrand = document.getElementById('nav-home');
if (navbarBrand) {
navbarBrand.addEventListener('click', function(event) {
event.preventDefault(); // Prevent the default link behavior
window.scrollTo({
top: 0,
behavior: 'smooth'
}); // Scroll to the top smoothly
});
}
});
</script>
</div>
</div>
</form>Text Content
EXTREME CONNECT Extreme Connect * Agenda * Speakers * Location * Tracks * Training Register Now Register Now WHERE IT ALL COMES TOGETHER You’re making complex demands on your network every day, but cloud networking is about to change. It’s now time for a more extreme approach. Join us in Paris this May as we unveil the next wave of networking—one where AI, security, and cloud networking come together to enhance the human experience. Prepare to enter an ecosystem where AI-native cloud networking technology seamlessly connects people, applications, data, and devices. Executive leaders, IT specialists, partners, resellers, analysts, and influencers will follow curated tracks to discover the foundational approach that’s transforming businesses. You’ll be inspired by ideas and business strategies that spark innovation, expansion, and success. And you’ll realize the boundless potential when extreme simplicity, extreme innovation, and extreme commitment converge. FEATURED SPEAKERS DREW CRISP SVP Digital, Liverpool Football Club Read More Read More MORE INFLUENTIAL SPEAKERS TO COME Read More WHY ATTEND INFORMATION Immerse yourself in innovation and information with countless opportunities to explore and try the latest Extreme solutions. Connect with peers, partners, and pundits. And level up with expert-led training programs. INSIGHTS Step into a world where creativity and problem-solving are sparked by AI-native insights. This is your chance to learn and discover revolutionary technology that will transform the way you work. INSPIRATION Let the provocative ideas of Connect’s guest speakers catalyze fresh perspectives and future visions. New ideas will come together as you realize the potential of simple, efficient, impactful cloud networks. Click for sound 0:46 WHAT TO EXPECT PLATFORMIZATION Uncover the real story and how it will change the way you network forever. LEARNING TRACKS Discover the 360-degree integration of cloud networking elements within brand-new tracks with details curated especially for business leaders, IT professionals, partners and resellers, and analysts. ROADMAPS & FUTURE VISION Hear from thought leaders about where Extreme Networks and cloud networking are headed next. ACTIVITIES & EXCURSIONS Meet, collaborate, and share ideas amidst elegant Parisian landmarks. MAKE CONNECTIONS Get one-on-one time with the Extreme executive team, technology experts, and thought leaders. F1 TEAM ON SITE Don’t miss this rare opportunity to get a first-hand look at the KICK Sauber F1® Team race car—the culmination of leading-edge Wi-Fi, analytics, and network-driven insights. HANDS-ON LEARNING Explore boundless opportunities to learn and try cloud networking’s latest solutions in technical breakouts, demos, and training sessions. PRE-CONFERENCE TRAINING Take part in a 3D learning experience to fast-track your networking expertise and take advantage of valuable mentoring, hands-on learning, and instructor-led drop-in sessions. WHAT YOU GET FULL CONFERENCE AND PRE-CONFERENCE TRAINING €2,298.00 This package grants you access to pre-conference training (May 18 & 19) and ALL features and activities for the duration of the conference (May 19-22) including: * Two Days of Pre-conference Training * Mainstage Keynotes and Presentations * Technical Breakouts * Solutions Showcase * Mobile App * Training and Conference Meals * Evening Social Activities Register Now FULL CONFERENCE €999.00 This package grants you access to ALL in-conference features and activities for the duration of the event (May 19-22) including: * Mainstage Keynotes and Presentations * Technical Breakouts * Solutions Showcase * Mobile App * Conference Meals * Evening Social Activities Register Now Register Now Register Now Will we see you in Paris? Register now and don’t miss your chance to be a part of the epic transformation of cloud networking. As we count down to the event, you can receive exclusive updates on breaking event news including guest speakers, breakout topics, engaging activities, and more. There’s much to discover—and Extreme Connect is where it all comes together! Register Now * © 2024 Extreme Networks. * Legal * Privacy and Cookies Policy * * * * * YOUR PRIVACY By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Privacy and Cookies Policy Accept All Cookies Reject All Manage Cookies Settings PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. Privacy and Cookies Policy Allow All MANAGE CONSENT PREFERENCES TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. Privacy and Cookies Policy Allow All MANAGE CONSENT PREFERENCES TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. Back Button PERFORMANCE COOKIES Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices