CINXE.COM
Home
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" type="image/png" href="images/sitelook/favicon.png"> <link rel="apple-touch-icon" type="image/png" href="images/sitelook/apple-touch-icon.png"> <!-- Global - Bootstrap v4.3.1 CSS... --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <!-- Global - Font Awesome Free 5.9.0 CSS --> <!-- Commented out for now as Ami is loading both in page setup --> <!-- Global - Owl Carousel v2.3.4 CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css"> <!-- Global - eShow CSS --> <link rel="stylesheet" href="/templates/eshow/css/eshow_color.css"> <!-- Web Fonts --> <!-- ADOBE TYPEKIT WEB FONTS --> <link rel="stylesheet" href=https://use.typekit.net/bga5xob.css> <!-- Local - Old eShow CSS --> <link rel="stylesheet" href="css/modules.css" type="text/css"> <link rel="stylesheet" href="css/forms.css" type="text/css"> <!-- Local - Website/Sitelook and Navigation custom CSS --> <link rel="stylesheet" href="css/owl_overrides.css" type="text/css"> <link rel="stylesheet" href="css/fonts.css"> <link rel="stylesheet" href="css/siteVariables.css"> <link rel="stylesheet" href="css/nav_top_responsive.css"> <link rel="stylesheet" href="css/templateStyles.css"> <link rel="stylesheet" href="css/style.css"> <!-- Font Awesome 6 Free --> <!-- ******** Ami's page setup is loading fontawesome again - will need to look into it. --> <!--Current page setup - programming to look and clean up unnecessary css and js--> <title>Home</title> <link rel="canonical" href=""/> <meta name="description" content=""/> <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='//www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T6C64QC'); </script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dynamicdrive/dhtmltooltip.js?version=2"></script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/eshow/common.js?version=6"></script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jsmx/engine.js"></script> <style type="text/css">@import url(https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar-win2k-1.css);</style> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar.js"></script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/lang/calendar-en.js"></script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar-setup.js"></script> <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/windowfiles/dhtmlwindow.css" type="text/css" /> <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/modalfiles/modal.css" type="text/css" /> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/windowfiles/dhtmlwindow.js"></script> <script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/modalfiles/modal.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css"> <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_templates/eshow/css/eshow_style.css?version=11232024" type="text/css" /> <!-- start: global assets configured by the show level --> <!-- end: global assets configured by the show level --> <!--end Current page setup--> <!-- Global - Necessary JS ******* Are all of these staying on the head section?????? --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <!-- Global - Datatables --> <link rel="stylesheet" href="/templates/assets/vendor/datatables/css/datatables.min.css"> <script type="text/javascript" src="/templates/assets/vendor/datatables/js/dataTables.min.js"></script> <!-- Google Tag Manager --> <!-- End Google Tag Manager --> </head> <body class="body-index"> <!-- Google Tag Manager (noscript) --> <!-- End Google Tag Manager (noscript) --> <!-- Custom website (after body tag) - page_header custom programming includes code --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T6C64QC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- TOP NAVIGATION WITH BRAND LOGO ===================== --> <style> /* TOP NAV WITH BRAND LOGO ===========================================================================================================*/ #nav-section { background-color: var(--navbar-primaryColor); /*padding: 1rem 0;*/ /*border-bottom: 10px solid var(--primaryColor);*/ /*box-shadow: 0px .5vw .5vw rgba(0,0,0,.30);*/ } @media (max-width: 991.98px) { #nav-section { padding: 0.5rem 0; } } /* ====================================== */ /* For button, per client's request - JCF */ #nav-section .container { position:relative; } #nav-section .navbar-button-container { position:absolute; top:20px; right: 25%; } @media (max-width: 1199.98px) { #nav-section .navbar-button-container { display:none; } } .navbar-button-container a.custom-button { color: #FFFFFF !important; /*background-color: var(--primaryColor) !important;*/ font-size: .9rem; padding: .4rem .8rem; margin-left: 1rem; } .navbar-button-container a.custom-button:hover, .navbar-button-container a.custom-button:focus { opacity:.7; } /* ====================================== */ /* Nav-Brand LOGO ============================================================================================*/ #top-res-nav .brand-logo-area { margin-right: 1rem; margin-left: 0; padding: 1.5rem 1.5rem 1.5rem 1.8rem; } #top-res-nav .nav-logo { max-width: 100%; max-height:60px; padding: 0; margin: 0; } @media (max-width: 767.98px) { #top-res-nav .brand-logo-area { margin-right: 0; margin-left: 0; padding: .5rem 0 .5rem 1rem; } #top-res-nav .nav-logo { max-width: 120px; margin: 0 auto; } } @media (max-width: 574.98px) { #top-res-nav .brand-logo-area { margin-right: 0; margin-left: 0; padding: .5rem 0 .5rem 1rem; } #top-res-nav .nav-logo { max-width: 120px; margin: 0 auto; } } @media (min-width: 1200px) { .container-full { max-width: 100%; } } /*All other navigation styles are in nav_top_responsive.css*/ </style> <section id="nav-section" class="sticky"> <div id="custom_top_nav" class="container container-full main-nav-container"> <div class="row"> <div class="col"> <nav id="top-res-nav" class="navbar navbar-expand-xl navbar-color"> <div class="container container-full d-flex"> <div class="navbar-brand brand-logo-area"> <a href="https://xponential.org/"> <img class="nav-logo" src="images/sitelook/navbar-logo.png" alt="Nav Logo"> </a> </div> <button class="navbar-toggler nav-align-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span> </button> <div id="navbarNav" class="collapse navbar-collapse nav-align-items"> <div class='row-fluid'> <div class='span12'> <div id='flyout_top_nav'> <nav id='main_top_nav'> <ul id='top_nav_menu' class='clearfix'> <li class="nav_lvl_1"><A HREF="https://xponential.org/who_attends.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Attend'; return true;" onmouseout="window.status=''; return true;">Attend</A> <ul class="nav_group_01"> <li class="nav_level_0101"><A HREF="https://xponential.org/sag.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0101">Schedule-at-a-Glance</A></li><li class="nav_level_0103"><A HREF="https://xponential.org/who_attends.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0103">Who Attends and Why</A></li><li class="nav_level_0105"><A HREF="https://xponential.org/international.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0105">International</A></li><li class="nav_level_0107"><A HREF="https://xponential.org/vip_experience.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0107">VIP Experience</A></li><li class="nav_level_0111"><A HREF="https://xponential.org/book_hotel.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0111">Book Your Hotel</A></li><li class="nav_level_0113"><A HREF="https://xponential.org/about.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0113">About</A></li><li class="nav_level_0113"><A HREF="https://xponential.org/policies.cfm" TARGET="" class="nav_lvl_3 nav_group_01 nav_level_0113">Policies</A></li><li class="nav_level_0113"><A HREF="https://xponential.org/houston_visitor_guide.cfm" TARGET="" class="nav_lvl_3 nav_group_01 nav_level_0113">Houston Visitor Guide</A></li><li class="nav_level_0115"><A HREF="https://xponential.org/faqs.cfm" TARGET="" class="nav_lvl_2 nav_group_01 nav_level_0115">FAQs</A></li></ul> </li> <li class="nav_lvl_1"><A HREF="https://xponential.org/conference_overview.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Programming'; return true;" onmouseout="window.status=''; return true;">Programming</A> <ul class="nav_group_02"> <li class="nav_level_0201"><A HREF="https://xponential.org/conference_overview.cfm" TARGET="" class="nav_lvl_2 nav_group_02 nav_level_0201">Conference Overview</A></li><li class="nav_level_0203"><A HREF="https://xponential.org/co-located_partner.cfm" TARGET="" class="nav_lvl_2 nav_group_02 nav_level_0203">Co-Located Events</A></li><li class="nav_level_0205"><A HREF="https://xponential.org/networking_opportunities.cfm" TARGET="" class="nav_lvl_2 nav_group_02 nav_level_0205">Networking Opportunities</A></li><li class="nav_level_0207"><A HREF="https://xponential.org/speakers.cfm" TARGET="" class="nav_lvl_2 nav_group_02 nav_level_0207">Speakers</A></li><li class="nav_level_0215"><A HREF="https://xponential.org/presentation_service_center.cfm" TARGET="" class="nav_lvl_2 nav_group_02 nav_level_0215">Presentation Service Center</A></li></ul> </li> <li class="nav_lvl_1"><A HREF="exhibits.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='XPO Hall Exhibits + Sponsors'; return true;" onmouseout="window.status=''; return true;">XPO Hall Exhibits + Sponsors</A> <ul class="nav_group_05"> <li class="nav_level_0501"><A HREF="https://xponential.org/exhibits.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0501">Become a 2025 Exhibitor</A></li><li class="nav_level_0507"><A HREF="https://xponential.org/XPO_hall.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0507">XPO Hall Floorplan and List</A></li><li class="nav_level_0512"><A HREF="https://xponential.org/xpo_hall_features.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0512">XPO Hall Features</A></li><li class="nav_level_0512"><A HREF="https://xponential.org/pavillions.cfm" TARGET="" class="nav_lvl_3 nav_group_05 nav_level_0512">Pavilions</A></li><li class="nav_level_0514"><A HREF="https://xponential.org/meeting_room_rental.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0514">Meeting Room Rental</A></li><li class="nav_level_0515"><A HREF="https://xponential.org/sponsorship_opportunites.cfm" TARGET="" class="nav_lvl_3 nav_group_05 nav_level_0515">Sponsor</A></li><li class="nav_level_0515"><A HREF="https://xponential.org/become_media_partner.cfm" TARGET="" class="nav_lvl_3 nav_group_05 nav_level_0515">Become a Media Partner</A></li><li class="nav_level_0515"><A HREF="https://xponential.org/Outdoor_demos.cfm" TARGET="" class="nav_lvl_3 nav_group_05 nav_level_0515">Outdoor Demo Application</A></li><li class="nav_level_0520"><A HREF="https://xponential.org/exhibitor_tools.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0520">Exhibitor Tools</A></li></ul> </li> <li class="nav_lvl_1"><A HREF="https://www.xponential-europe.com/" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='XPONENTIAL Europe'; return true;" onmouseout="window.status=''; return true;">XPONENTIAL Europe</A> <ul class="nav_group_06"> </ul> </li> <li class="nav_lvl_1"><A HREF="https://xponential.org/attendee_registration.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Register Now'; return true;" onmouseout="window.status=''; return true;">Register Now</A> <ul class="nav_group_07"> <li class="nav_level_0701"><A HREF="https://xponential.org/attendee_registration.cfm" TARGET="" class="nav_lvl_2 nav_group_07 nav_level_0701">Attendee Registration</A></li><li class="nav_level_0703"><A HREF="https://xponential.org/exhibitor_registration.cfm" TARGET="" class="nav_lvl_2 nav_group_07 nav_level_0703">Exhibitor Registration</A></li><li class="nav_level_0705"><A HREF="https://xponential.org/media_registration.cfm" TARGET="" class="nav_lvl_2 nav_group_07 nav_level_0705">Media Registration</A></li></ul> </li> <li class="nav_lvl_1"><A HREF="speaker_service_center.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Speaker Service Center'; return true;" onmouseout="window.status=''; return true;">Speaker Service Center</A> <ul class="nav_group_12"> <li class="nav_level_1229"><A HREF="https://xponential.org/committee_service_center.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1229">Committee Service Center</A></li></ul> </li> <li class="nav_lvl_1"><A HREF="exhibitor_service_center.cfm" TARGET="_blank" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Exhibitor Service Center'; return true;" onmouseout="window.status=''; return true;">Exhibitor Service Center</A> <ul class="nav_group_90"> <li class="nav_level_9000"><A HREF="https://xponential.org/budgetcalculator.cfm" TARGET="" class="nav_lvl_3 nav_group_90 nav_level_9000">Budget Calculator</A></li></ul> </li> </ul> <!-- End of id=top_nav_menu --> </nav> <!-- End of id=main_top_nav --> </div> <!-- End of id=flyout_top_nav --> </div> <!-- End of class span12 inside row-fluid --> </div> <!-- End of class row-fluid --> </div> </div> </nav> </div> <!-- end col --> </div> <!-- end row --> </div> <!-- end container --> </section> <!-- end section --> <div class="after-nav-content-start"> <!-- DATES-LOCATION BAR ============================================ --> <style> /*LATEST NEWS BANNER*/ #header-dates-section { background: var(--secondaryColor); padding:.5rem 0 0 0; } #header-dates-section p { font-size: 15px; font-weight: 700; letter-spacing: 0; text-align:center; margin-bottom: .35rem; } #header-dates-section p span { padding: 0 1.5rem; } @media (max-width: 767.98px) { #header-dates-section p { font-size: 10px; } #header-dates-section p span { padding: 0 .5rem; } } </style> <section id="header-dates-section"> <div class="container"> <div class="row"> <!-- MOVED MAIN TEXT TO PAGE LEFT COLUMN FOR CLIENT ACCESS --> <div class="col-12"> <p> <span> May 19 – 22 | Education </span> <span> May 20 – 22 | Exhibits </span> <span> Houston, TX </span> </p> </div> </div> </div> </div> </section> <!-- HERO ============================================ --> <style> /* HERO ===========================================================================================================*/ #header-hero-index { background-color: var(--fourthColor); background-image: linear-gradient(90deg, var(--fourthColor), var(--fourthColor), var(--thirdColor)); /*display: flex;*/ } /*#header-hero-index { background-color: #fff; background: url(./images/hero/header-hero-banner-bkgd.jpg); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 30vw; display: flex; }*/ #header-hero-index .container { /*display: flex; flex-flow: column; align-items: start; justify-content: center; padding-left: 7rem;*/ } #header-hero-index .title-column { /*padding-left: 3vw;*/ align-content: center; align-self: center; } #header-hero-index .title-container { } #header-hero-index .buttons-container { } #header-hero-index .buttons-container { margin-top: 2rem; } #header-hero-index .custom-button { color: #fff; display: inline-block; margin-right: 2rem; } #header-hero-index .down-arrows-row { text-align: center; margin-top: -30px; padding-bottom: 30px; } #header-hero-index .down-arrows-row img { max-width: 30px; } @media (max-width: 991.98px) { #header-hero-index .buttons-container { display: none; } #header-hero-index .down-arrows-row { display: none; } #header-hero-index .title-column { /*padding-left: 2vw;*/ } } </style> <!-- HEADER HERO --> <section id="header-hero-index"> <div class="container"> <div class="row"> <div class="col-7 title-column"> <div class="title-container"> <img class="img-fluid" src="images/hero/header-hero-banner-title.png"> </div> <div class="buttons-container"> <a class="custom-button polygon-button-1" href="exhibits.cfm"> Exhibit </a> </div> </div> <div class="col-5"> <img class="img-fluid" src="images/hero/header-hero-banner-graphic.png"> </div> </div> <div class="row down-arrows-row"> <div class="col-12"> <img src="images/content/chevrons-down-white.png"> </div> </div> </div> </section> <!-- INTRO ============================================ --> <!--CONTENT EDITABLE IN ADMIN 'Header Column'--> <style> /*LATEST NEWS BANNER*/ #intro-section { background: #fff; padding: 5rem 0 5rem 0; } #intro-section .row:first-child { margin-top: 0rem; margin-bottom: 3rem; } #intro-section .row { margin-top: 3rem; margin-bottom: 3rem; } #intro-section .row:last-child { margin-top: 3rem; margin-bottom: 0rem; } #intro-section h1 { color: var(--primaryColor); text-transform: unset; } #intro-section .custom-button { display: inline-block; margin-top:1rem; margin-right: 1rem; min-width: 210px; } @media (max-width: 575.98px) { #intro-section h1 { margin-top: 2rem; } } </style> <!--TAGLINE BLOCK--> <section id="intro-section"> <div class="container"> <!--EXHIBITS--> <div class="row"> <div class="col-12 col-md-5 col-lg-5"> <img class="img-fluid" src="images/content/intro-photo-1.png" alt="intro photo 1"> </div> <div class="col-12 col-md-7 col-lg-7"> <h1> Exhibits </h1> <p> This is your chance to be at the forefront of change. The XPO Hall features innovators from every link in the autonomy supply chain. See new technology in action, build relationships with partners, and problem-solve with global peers. </p> <a class="custom-button polygon-button-1" href="exhibitor_list.cfm"> Who's Exhibiting </a> <a class="custom-button polygon-button-1" href="exhibits.cfm"> Become an Exhibitor </a> </div> </div> <!--PROGRAMMING--> <div class="row"> <div class="col-12 col-md-7 col-lg-7"> <h1> Programming </h1> <p> Level up your impact with new strategies for research, design, and deployment. Get inspired at daily keynotes, collaborate with industry leaders during workshops, and stay updated with the latest advancements by engaging with experts in breakout sessions. </p> <a class="custom-button polygon-button-1" href="conference_overview.cfm"> Explore The Program </a> </div> <div class="col-12 order-first col-md-5 order-md-last col-lg-5 order-lg-last"> <img class="img-fluid" src="images/content/intro-photo-2.png" alt="intro photo 1"> </div> </div> <!--NETWORKING--> <div class="row"> <div class="col-12 col-md-5 col-lg-5"> <img class="img-fluid" src="images/content/intro-photo-3.png" alt="intro photo 1"> </div> <div class="col-12 col-md-7 col-lg-7"> <h1> Networking </h1> <p> At XPONENTIAL, each interaction holds the potential to launch your next major opportunity. </p> <a class="custom-button polygon-button-1" href="networking_opportunities.cfm"> Browse Networking Opportunities </a> </div> </div> </div> </section> <!-- PAGE CONTENT ============================================ --> <style> #content-section { display: none; } </style> <section id="content-section"> <div class="container"> <div class="row"> <!-- ADMIN CONTROLLED CONTENT ======================================= --> <div id="admin-page-content" class="col-lg-12"> <div class="admincontent12"> <!--Content from Admin and modules starts here --> <h1 class="pageTitle">Home</h1> <!--Content from Admin and modules ends here --> </div> <!-- end admincontent12 --> </div> <!-- end col-lg-12 --> <!--END ADMIN CONTROLLED CONTAINER================================================== --> </div> <!-- end row --> </div> <!-- end container --> </section> <!--end section --> <!-- END PAGE CONTENT ============================================ --> <!-- FEATURED BOXES (3) ============================================ --> <!-- --> <!-- TAGLINE BLOCK ============================================ --> <style> /*LATEST NEWS BANNER*/ #tagline-section { background: var(--secondaryColor); padding: 3rem 0; } #tagline-section h1 { text-align:center; margin-bottom: 0; } #tagline-section p span { padding: 0 .65rem; } @media (max-width: 575.98px) { } </style> <!--TAGLINE BLOCK--> <section id="tagline-section"> <div class="container"> <div class="row"> <div class="col-12"> <!--<h1> Shape what's next for uncrewed systems and autonomy. </h1>--> <img class="img-fluid" src="images/content/Shape-Whats-Next.gif" alt="Shape-Whats-Next"> </div> </div> </div> </div> </section> <!-- EDUCATION BLOCK ============================================ --> <style> #education-section { background-color: ; text-align:center; padding: 3rem 0; } #education-section .icons-row { /*display: flex; flex-direction:row; justify-content:center;*/ /*align-items:baseline;*/ } #education-section h2 { color:var(--textColor); } #education-section p { color:var(--textColor); margin-bottom: 2rem; } #education-section img { max-width: 4rem; margin-bottom: .75rem; } #education-section .buttons-row { display: flex; flex-direction:row; justify-content:center; /*align-items:baseline;*/ } #education-section a { /*display: inline-block;*/ margin: 1rem; } #education-section .down-arrows-row { text-align: center; margin-top: 20px; /*padding-bottom: 30px;*/ } #education-section .down-arrows-row img { max-width: 30px; } @media (max-width: 991.98px) { #education-section .down-arrows-row { display: none; } } </style> <!-- EDUCATION --> <section id="education-section"> <div class="container"> <div class="row text-row"> <div class="col-12"> <h2> It's Time To Level Up </h2> <p> Our autonomous future depends on the collective expertise and unique perspectives within our community. <br> Join us as we reimagine design, integration, and policy. </p> </div> </div> <div class="row icons-row"> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/technical-icon.png"> <p> Technical Research </p> </div> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/policy-icon.png"> <p> Policy & Regulations </p> </div> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/components-icon.png"> <p> Components & Materials </p> </div> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/infrastructure-icon.png"> <p> Infrastructure & Operations </p> </div> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/security-icon.png"> <p> UxS Security </p> </div> <div class="col-12 col-md-6 col-lg-2"> <img src="images/content/data-icon.png"> <p> Data & Analytics </p> </div> </div> <div class="row buttons-row"> <a class="custom-button polygon-button-1" href="conference_overview.cfm"> Conference Overview </a> <a class="custom-button polygon-button-1" href="sag.cfm"> Schedule-At-A-Glance </a> </div> <div class="row down-arrows-row"> <div class="col-12"> <img src="images/content/chevrons-down-black.png"> </div> </div> </div> </div> </section> <!-- TESTIMONIALS CAROUSEL ============================================ --> <style> /* TESTIMONIALS CAROUSEL */ #testimonials-section { background-color: var(--fourthColor); padding: 3rem 0; } .testimonials-container { background-color: transparent; } #testimonials-section .section-title-container { background-color: transparent; padding-bottom: 1rem; } #testimonials-section .section-title-container h2 { color: #fff; text-align: center; margin-bottom: 2rem; } #carousel-testimonials .item { /*display: flex; justify-content: center; align-items: start;*/ /*padding-bottom:2rem;*/ } #carousel-testimonials .owl-nav { display: none; } @media (max-width: 767.98px) { #testimonials .item { } } @media (max-width: 575.98px) { #testimonials .item { } } .testimonial-text-box { /*padding: 0 3rem;*/ /*display: inline-block;*/ } .testimonial-big-quote { margin-bottom: 1rem; } .testimonial-big-quote img { max-width: 3rem; } .testimonial-text-quote { color: #fff; text-align: center; padding: 0.5em 0; } .testimonial-text-name { color: var(--primaryColor); font-weight: 700; text-align: center; } @media (max-width: 991.98px) { .testimonial-text-box {padding: 0 1.25rem;} .testimonial-text-quote {font-size: 16px;} .testimonial-text-name {font-size: 15px;} } @media (max-width: 575.98px) { .testimonial-text-box {padding: 0 1rem;} .testimonial-text-quote {font-size: 15px;} .testimonial-text-name {font-size: 14px;} } </style> <section id="testimonials-section"> <div class="container section-title-container"> <div class="row"> <div class="col-12"> <h2> What People are Saying </h2> </div> </div> </div> <div class="container testimonials-container"> <div class="row"> <div class="col-12 px-lg-5"> <div id="carousel-testimonials" class="owl-carousel owl-theme"> <!-- TESTIMONIAL --> <div class="item"> <div class="testimonial-text-box"> <div class="testimonial-big-quote"> <center> <img src="images/content/testimonials-quote-symbol.png"> </center> </div> <p class="testimonial-text-quote"> “ It is the place to be for multi-domain autonomous systems and really for the entire ecosystem. ” </p> <p class="testimonial-text-name"> – 2024 Attendee – </p> </div> </div> <!-- END TESTIMONIAL --> <!-- TESTIMONIAL --> <div class="item"> <div class="testimonial-text-box"> <div class="testimonial-big-quote"> <center> <img src="images/content/testimonials-quote-symbol.png"> </center> </div> <p class="testimonial-text-quote"> “ For new companies considering XPONENTIAL as an exhibitor, it's an easy decision. ” </p> <p class="testimonial-text-name"> – 2024 Exhibitor – </p> </div> </div> <!-- END TESTIMONIAL --> <!-- TESTIMONIAL --> <div class="item"> <div class="testimonial-text-box"> <div class="testimonial-big-quote"> <center> <img src="images/content/testimonials-quote-symbol.png"> </center> </div> <p class="testimonial-text-quote"> “ The diversity of the products in all domains — air, land, sea, some space, and also including cyber — makes it the premier event of interest to me. ” </p> <p class="testimonial-text-name"> – 2024 Attendee – </p> </div> </div> <!-- END TESTIMONIAL --> </div> </div> </div> </div> </section> <!-- SPONSOR CAROUSEL WIDE ============================================ --> <style> /* SPONSOR WIDE CAROUSEL OWL */ #carousel-wide-section { background-color: transparent; padding: 3em 0; } .carousel-wide-container { background-color: #FFF; } #carousel-wide-section .section-title-container { background-color: transparent; } #carousel-wide-section h2 { color: var(--primaryColor); text-align: center; } #carousel-wide-section .section-title-container img { width:100%; } #carousel-wide-section .coordinator-logo { text-align: center; padding-top: 40px; } #carousel-wide-section .coordinator-logo img { height: 160px; } #carousel-sponsor-wide .owl-nav { /*display: none;*/ } </style> <section id="carousel-wide-section"> <div class="container section-title-container"> <div class="row"> <div class="col-12"> <h2> Thank You to Our 2024 Event Sponsors + Partners </h2> </div> </div> </div> <div class="container carousel-wide-container"> <div class="row"> <div class="col-12 px-lg-5"> <div id="carousel-sponsor-wide" class="owl-carousel owl-theme"> <div class="item"> <img src="images/sponsors/acutronic.png" alt="Acutronic"> </div> <div class="item"> <img src="images/sponsors/aerospace-defense-tech.png" alt="Aerospace Defense Tech"> </div> <div class="item"> <img src="images/sponsors/airborne-nlus.png" alt="Airborne NLUS"> </div> <div class="item"> <img src="images/sponsors/airborne-psa.png" alt="Airborne PSA"> </div> <div class="item"> <img src="images/sponsors/airt.png" alt="AIRT"> </div> <div class="item"> <img src="images/sponsors/amazon.png" alt="Amazon"> </div> <div class="item"> <img src="images/sponsors/arena.png" alt="Arena"> </div> <div class="item"> <img src="images/sponsors/booz-allen.png" alt="Booz Allen"> </div> <div class="item"> <img src="images/sponsors/chess-dynamics.png" alt="Chess Dynamics"> </div> <div class="item"> <img src="images/sponsors/consulate.png" alt="Consulate"> </div> <div class="item"> <img src="images/sponsors/cubepilot.png" alt="CubePilot"> </div> <div class="item"> <img src="images/sponsors/deloitte.png" alt="Deloitte"> </div> <div class="item"> <img src="images/sponsors/drone-journal.png" alt="Drone Journal"> </div> <div class="item"> <img src="images/sponsors/drone-masters.png" alt="Drone Masters"> </div> <div class="item"> <img src="images/sponsors/dtc.png" alt="DTC"> </div> <div class="item"> <img src="images/sponsors/erau.png" alt="ERAU"> </div> <div class="item"> <img src="images/sponsors/esri.png" alt="ESRI"> </div> <div class="item"> <img src="images/sponsors/fire.png" alt="Fire"> </div> <div class="item"> <img src="images/sponsors/flytbase.png" alt="Flytbase"> </div> <div class="item"> <img src="images/sponsors/gpc.png" alt="GPC"> </div> <div class="item"> <img src="images/sponsors/hidden-level.png" alt="Hidden Level"> </div> <div class="item"> <img src="images/sponsors/hitec.png" alt="HITEC"> </div> <div class="item"> <img src="images/sponsors/holybro.png" alt="HolyBro"> </div> <div class="item"> <img src="images/sponsors/honeywell.png" alt="Honeywell"> </div> <div class="item"> <img src="images/sponsors/inside-gnss.png" alt="Inside GNSS"> </div> <div class="item"> <img src="images/sponsors/inside-unmanned.png" alt="Inside Unmanned"> </div> <div class="item"> <img src="images/sponsors/kaman.png" alt="Kaman"> </div> <div class="item"> <img src="images/sponsors/leidos.png" alt="Leidos"> </div> <div class="item"> <img src="images/sponsors/massrobotics.png" alt="Massrobotics"> </div> <div class="item"> <img src="images/sponsors/matrixspace.png" alt="MatrixSpace"> </div> <div class="item"> <img src="images/sponsors/mes.png" alt="MES"> </div> <div class="item"> <img src="images/sponsors/mitre.png" alt="MITRE"> </div> <div class="item"> <img src="images/sponsors/morai.png" alt="MORAI"> </div> <div class="item"> <img src="images/sponsors/namc.png" alt="NAMC"> </div> <div class="item"> <img src="images/sponsors/nate.png" alt="NATE"> </div> <div class="item"> <img src="images/sponsors/nc-dot.png" alt="NC DOT"> </div> <div class="item"> <img src="images/sponsors/nokia.png" alt="Nokia"> </div> <div class="item"> <img src="images/sponsors/ocius.png" alt="OCIUS"> </div> <div class="item"> <img src="images/sponsors/opt.png" alt="OPT"> </div> <div class="item"> <img src="images/sponsors/ost.png" alt="OST"> </div> <div class="item"> <img src="images/sponsors/p3.png" alt="P3"> </div> <div class="item"> <img src="images/sponsors/perkins-coie.png" alt="Perkins Coie"> </div> <div class="item"> <img src="images/sponsors/police.png" alt="Police"> </div> <div class="item"> <img src="images/sponsors/ptero.png" alt="PTERO"> </div> <div class="item"> <img src="images/sponsors/red-cat.png" alt="Red Cat"> </div> <div class="item"> <img src="images/sponsors/rotorpro.png" alt="RotorPro"> </div> <div class="item"> <img src="images/sponsors/saab.png" alt="Saab"> </div> <div class="item"> <img src="images/sponsors/shine.png" alt="Shine"> </div> <div class="item"> <img src="images/sponsors/skydio.png" alt="Skydio"> </div> <div class="item"> <img src="images/sponsors/swift-engineering.png" alt="Swift Engineering"> </div> <div class="item"> <img src="images/sponsors/tekever.png" alt="Tekever"> </div> <div class="item"> <img src="images/sponsors/terradrone.png" alt="Terradrone"> </div> <div class="item"> <img src="images/sponsors/u-arkansas.png" alt="U Arkansas"> </div> <div class="item"> <img src="images/sponsors/uas-magazine.png" alt="UAS Magazine"> </div> <div class="item"> <img src="images/sponsors/uav-coach.png" alt="UAV Coach"> </div> <div class="item"> <img src="images/sponsors/uavionix.png" alt="uAvionix"> </div> <div class="item"> <img src="images/sponsors/uej.png" alt="UEJ"> </div> <div class="item"> <img src="images/sponsors/ultra-maritime.png" alt="Ultra Maritime"> </div> <div class="item"> <img src="images/sponsors/ustmag.png" alt="USTMag"> </div> <div class="item"> <img src="images/sponsors/va-usc.png" alt="VA USC"> </div> <div class="item"> <img src="images/sponsors/volz.png" alt="Volz"> </div> <div class="item"> <img src="images/sponsors/warren-cc.png" alt="Warren CC"> </div> <div class="item"> <img src="images/sponsors/wing.png" alt="Wing"> </div> <div class="item"> <img src="images/sponsors/ximea.png" alt="XIMEA"> </div> <div class="item"> <img src="images/sponsors/xyht.png" alt="XYHT"> </div> </div> </div> </div> </div> </section> <!-- CALL TO ACTION ============================================ --> <style> #call-to-action-section { background-color: var(--secondaryColor); text-align:center; padding: 3rem 0 4.5rem 0; } #call-to-action-section .row { /*flex-direction:column;*/ justify-content:center; align-items:baseline; } #call-to-action-section h2 { color:var(--textColor); } #call-to-action-section p { color:var(--textColor); margin-bottom: 2rem; } #call-to-action-section .button-container { margin-top: 3rem; } </style> <!-- CALL TO ACTION --> <section id="call-to-action-section"> <div class="container"> <div class="row"> <div class="col-12"> <h2> Sign up for updates </h2> <p> Get the latest update on XPONENTIAL 2025! </p> <div class="button-container"> <a class="custom-button polygon-button-2" href="xpo25_updates.cfm"> Stay in the know </a> </div> </div> </div> </div> </section> <!-- EVENT FOOTER ============================================ --> <style> /* EVENT FOOTER */ #event-footer-section { background-color:; padding: 50px 0 30px 0; } #event-footer-section .footer-logo img { max-width: 70%; } #event-footer-section .footer-text { color: #000; font-size: .75rem; text-align: center; padding: 40px 0 0 0; } #event-footer-section .footer-copyright { color: #000; font-size: .75rem; text-align: center; } #event-footer-section .footer-text a { color: var(--primaryColor); font-weight: 700; text-decoration: underline; } #event-footer-section .footer-text a:hover, #event-footer-section .footer-text a:focus { color: var(--primaryColor); } @media (max-width: 991.98px) { } /*====== Footer social media styles =======*/ .social-media{ text-align: center; margin:0 auto; } .twitter-img svg{ margin-bottom:.9em; fill: #0A062F; } #event-footer-section .social-media-links { text-align: center; padding: 1rem 0; } #event-footer-section .social-media-links a { font-size: 0.6rem; color: #0A062F; text-decoration: none; padding: 0 0.07rem; } #event-footer-section .social-icons span { margin-bottom: 0.5rem; } /* These apply ONLY if using plain icons */ #event-footer-section .social-media-links a.plain-social-icons { font-size: 0.85rem; color: #0A062F; text-decoration: none; padding: 0 0.35rem; } #event-footer-section .plain-social-icons i { margin-bottom: 0.5rem; } #event-footer-section .social-media-links a:hover, #event-footer-section .social-media-links a:focus { color: var(--thirdColor); } #event-footer-section .social-media-links i.fa-inverse { color: var(--primaryColor-text); } #event-footer-section .social-media-links i.fa-inverse:hover { color: var(--thirdColor-text); } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { #event-footer-section .social-media-links { text-align: center; padding: 1.25rem 0; } } </style> <footer id="event-footer-section"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer-logo"> <center> <img class="img-fluid" src="images/sitelook/footer-logo-lockup.png" alt="Logo"> </center> </div> </div> <div class="social-media"> <div class="social-media-links"> <a class="plain-social-icons" href="https://www.facebook.com/people/Xponential-Show/61566877499794/" target="_blank" aria-label="Facebook"> <i class="fab fa-facebook-f fa-2x" aria-hidden="true" title="Facebook"></i> </a> <a class="plain-social-icons twitter-img" href="https://x.com/XPONENTIALshow" target="_blank" aria-label="Twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="2em" padding-bottom="45px"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> </a> <a class="plain-social-icons" href="https://www.linkedin.com/showcase/xponentialshow/" target="_blank" aria-label="LinkedIn"> <i class="fab fa-linkedin-in fa-2x" aria-hidden="true" title="LinkedIn"></i> </a> <a class="plain-social-icons" href="https://www.instagram.com/xponentialshow/ " target="_blank" aria-label="Instagram"> <i class="fab fa-instagram fa-2x" aria-hidden="true" title="Instagram"></i> </a> </div> </div> </div> <div class="row"> <div class="col-12"> <p class="footer-text"> Have a question? <a href="faqs.cfm">Check the FAQs</a> or <a href="mailto:xpo@mdna.com?subject=XPONENTIAL 2025 Question">contact event support</a>  |  <a href="show_policies.cfm">Show Policies</a>  |  <a href="privacy_policy.cfm">Privacy Policy</a> </p> <p class="footer-copyright"> Copyright © 2024 Association for Uncrewed Vehicle Systems International (AUVSI)  |  All rights reserved </p> </div> </div> </div> </footer> <!-- SITEMAP FOOTER ============================================ --> <style> /* SITEMASP FOOTER */ #sitemap-footer-section { background-color: #e6e7e8; padding: 40px 0 30px 0; } .footer-links-heading a { color: #000; font-size: .75rem; font-weight: 700; margin: 0; } .footer-links a { color: #000; font-size: .75rem; font-weight: 400; } .footer-links ul { list-style: none; padding: 0; } .footer-links ul li { text-align: left; line-height: normal; } .footer-text a:hover, .footer-text a:focus { color: #000; } @media (max-width: 991.98px) { .footer-logo { margin: 0 auto;/*padding: 1.25rem 0;*/ } } </style> <footer id="sitemap-footer-section"> <div class="container"> <div class="row"> <div class="col-12 col-md-12 col-lg-4"> <div class="footer-links-heading"> <a href="who_attends.cfm"> Attend </a> </div> <div class="footer-links"> <ul> <li><a href="sag.cfm">Schedule-At-A-Glance</a></li> <li><a href="who_attends.cfm">Who Attends and Why</a></li> <li><a href="international.cfm">International</a></li> <li><a href="vip_experience.cfm">VIP Experience</a></li> <!--<li><a href="media_hub.cfm">Media Hub</a></li>--> <li><a href="book_hotel.cfm">Book Your Hotel</a></li> <li><a href="about.cfm">About</a></li> <li><a href="faqs.cfm">FAQs</a></li> </ul> </div> </div> <div class="col-12 col-md-12 col-lg-4"> <div class="footer-links-heading"> <a href="conference_overview.cfm"> Programming </a> </div> <div class="footer-links"> <ul> <li><a href="conference_overview.cfm">Conference Overview</a></li> <li><a href="co-located_partner.cfm">Become a Co-Located Partner</a></li> <li><a href="networking_opportunities.cfm">Networking Opportunities</a></li> <li><a href="speakers.cfm">Speakers</a></li> <!--<li><a href="program_schedule.cfm">Full Searchable Program Schedule</a></li>--> </ul> </div> </div> <div class="col-12 col-md-12 col-lg-4"> <div class="footer-links-heading"> <a href="exhibits.cfm"> XPO Hall Exhibits + Sponsors </a> </div> <div class="footer-links"> <ul> <li><a href="exhibit_sales.cfm">Become a 2025 Exhibitor</a></li> <li><a href="XPO_hall.cfm">XPO Hall Floorplan and List</a></li> <li><a href="xpo_hall_features.cfm">XPO Hall Features</a></li> <li><a href="meeting_room_rental.cfm">Meeting Room Rental</a></li> <li><a href="sponsor.cfm">Sponsor</a></li> <li><a href="exhibitor_tools.cfm">Exhibitor Tools</a></li> </ul> </div> </div> </div> </div> </footer> <!-- ESHOW FOOTER ============================================ --> <style> /* eSHOW FOOTER ===========================================================================================================*/ #footer-eshow-section { background-color: #333; padding: 0; } .footer-eshow-container { background-color: transparent; padding: 1.5rem 0; } .eshow-footer-logo { padding: 0.75rem 0 0 0; margin-bottom:1rem; max-width: 120px; /*width: 170px;*/ } .copyright-year { font-family: var(--siteFont-forms); /*DO NOT Change*/ font-size: 0.7rem; line-height: 1.65; color: rgba(255,255,255,.5); padding: 0 0.5rem 0.5rem 0.5rem; } </style> <footer id="footer-eshow-section"> <div class="container footer-eshow-container"> <div class="row"> <div class="col-12 text-center"> <a href="http://www.goeshow.com/" target="_blank"> <img class="eshow-footer-logo img-fluid img-svg" src="images/sitelook/eshow-powered-white.svg" alt="Powered by eShow" /> </a> <br /> <div class="copyright-year">Copyright © 2024. All rights reserved.</div> </div> </div> <!-- end row --> </div> <!-- end container --> </footer> <!--end footer --> </div> <!-- end after-nav-content-start --> <p id="back-top"> <a href="#top"> Back to Top </a> </p> <script src="js/scroll_top.js"></script> <script src="/templates/eshow/js/responsive_imagemap.js"></script> <!--start override javascripts--> <!-- OWL CAROUSEL SCRIPTS ==================================================================== --> <script> $(document).ready(function() { $('#carousel-sponsor-wide').each(function(i) { var ifMultiple = false; $thisSponsor = $(this); if($thisSponsor.children('.item').length > 5) { ifMultiple = true; } $thisSponsor.owlCarousel({ loop: ifMultiple, autoplay: true, nav: true, dots: false, autoplayTimeout: 1500, margin: 20, navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], responsiveClass: true, responsive: { 0: { items: 1, dots: false, nav: true }, 576: { items: 2, dots: false, nav: true }, 768: { items: 3, dots: false, nav: true }, 992: { items: 4, dots: false, nav: true }, 1200: { items: 5, dots: false, nav: true } } }) }) }) </script> <script> $(document).ready(function() { $('#carousel-testimonials').owlCarousel({ autoplay: true, nav: false, dots: true, loop: true, singleItem:true, items:1, autoplayTimeout: 10000, margin: 10, navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], responsiveClass: true, responsive: { 992: { dots: true, nav: true, }, } }) }) </script> <script> $(document).ready(function() { $('#interior-testimonials-carousel').owlCarousel({ autoplay: true, nav: false, dots: true, loop: true, singleItem:true, items:1, autoplayTimeout: 10000, margin: 10, navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], responsiveClass: true, responsive: { 992: { dots: true, nav: true, }, } }) }) </script> <!-- COUNTDOWN SCRIPT ==================================================================== --> <button type="button" class="btn btn-info btn-lg d-none" id="openModal" data-toggle="modal" data-target="#myModal">Open Modal</button> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <iframe height="1200" scrolling="no" src="https://auvsi.formstack.com/forms/xpo25_updates_sign_up" style="border:none" width="100%"></iframe> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $( document ).ready(function() { $( "#openModal" ).trigger( "click" ); }); </script> <script> $( document ).ready(function() { $("#main_top_nav li.nav_lvl_1:nth-child(1)").addClass('item-1'); $("#main_top_nav li.nav_lvl_1:nth-child(2)").addClass('item-2'); $("#main_top_nav li.nav_lvl_1:nth-child(3)").addClass('item-3'); $("#main_top_nav li.nav_lvl_1:nth-child(4)").addClass('item-4'); $("#main_top_nav li.nav_lvl_1:nth-child(5)").addClass('item-5'); $("#main_top_nav li.nav_lvl_1:nth-child(6)").addClass('item-6'); $("#main_top_nav li.item-5 a").css('backgroundColor','#feca0a').css('color','#ffffff'); $("#main_top_nav li.nav_lvl_1:nth-child(6)").insertAfter("#main_top_nav li.nav_lvl_1:nth-child(3)"); }); </script> <script> $( document ).ready(function() { $("#main_top_nav li.item-6").css('display','none'); }); </script> <!-- end override javascripts--> <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="/templates/eshow/js/html5.js"></script> <![endif]--> <script> window.onscroll = function() {myFunction()}; var navbar = document.getElementById("nav-section"); var sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } </script> <!-- Custom website (before closing body tag) - page_footer custom programming includes code --> </body> </html>