CINXE.COM
ISTELive 24 - Edtech conference | June 23-26 | Denver
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>ISTELive 24 - Edtech conference | June 23-26 | Denver</title> <meta name="description" content="Scale to new learning heights at the edtech event of the year. Discover tech to advance your practice and prepare students for their futures."> <!-- META DATA for social media --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:text:title" content="ISTELive 24 - Edtech conference | June 23-26 | Denver"> <meta property="og:title" content="ISTELive 24 - Edtech conference | June 23-26 | Denver"> <meta property="og:site_name" content="ISTELive 24 - Edtech conference"> <meta property="og:description" content="Scale to new learning heights at the edtech event of the year. Discover tech to advance your practice and prepare students for their futures."> <meta property="og:image" content="https://conference.iste.org/2024/template/images/ISTELive24Metadata_v1.png"> <meta property="og:image:alt" content=" | June 23-26 | Denver | Scale to new learning heights at the edtech event of the year. Discover tech to advance your practice and prepare students for their futures."> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="stylesheet" href="/GLOBAL/style.css" type="text/css" /> <script src="/GLOBAL/universal.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="//code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <script src="/GLOBAL/plupload/plupload.js"></script> <script src='./Utility_JavascriptTools::pageJavascriptContext'></script> <link rel="stylesheet" href="/GLOBAL/fontawesome-free-6.6.0-web/css/all.min.css"> <script src="/GLOBAL/fontawesome-free-6.6.0-web/js/all.min.js"></script> <link rel='stylesheet' href='/2024/CMS_Session_ContentSheet_BuilderSessionResource::pageContentSheetCSS'> <script src="https://js.pusher.com/8.2.0/pusher.min.js"></script> <script src="/GLOBAL/pusher/PusherConnection.js?cb=1717510564"></script> <script src="/GLOBAL/liveevent/PusherNotificationManager.js?cb=1717609248"></script> <script src="/GLOBAL/liveevent/LiveEventNotificationManager.js?cb=1717510564"></script> <!-- STYLES --> <link rel="stylesheet" href="/2024/template/jquery-ui/jquery-ui.min.css"> <!--?v=xxx in url below is to force browsers to reload style sheet when needed, you can change it to whatever --> <link rel="stylesheet" href="/2024/template/css/styles.css?v=062721"> <link rel="stylesheet" href="/2024/template/css/content_sheet.css?v=022422"> <link rel="stylesheet" href="/2024/template/css/notification.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- SCRIPTS --> <script src='./Utility_TimeTools::emitTimeToolsJS?now='></script> <script> function timePopup() { var title = 'Time zone preference'; var iframe = jQuery(`<iframe frameborder='0' marginwidth='0' marginheight='0' allowfullscreen></iframe>`); iframe.attr('src', './Utility_TimeTools::pageAbout?now='); iframe.attr('height', '97%'); iframe.attr('width', '97%'); var editDialog = jQuery('<div></div>').append(iframe).appendTo('body').dialog( { 'autoOpen': false, 'modal': true, 'resizable': false, 'width': '1000', 'height': '500', 'title': title, 'closeOnEscape': true, 'close': function() { window.location.reload(); } } ); editDialog.dialog('open'); } </script> <script src="/microeventassets/js/subscribe.js?now=1732423031"></script> <script src="/2024/template/js/favorites.js"></script> <script src="/2024/template/js/menu.js"></script> <script src="/2024/template/js/programSearch.js"></script> <script src="/2024/template/js/registration.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script> <script async src="//www.googletagmanager.com/gtag/js?id=UA-42668015-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-42668015-1'); </script> <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-PX5DHK'); </script> <script src="//rum-static.pingdom.net/pa-5be0567d7e84eb00160003e5.js" async></script> <!-- ISTE COOKIE STUFF --> <!-- OneTrust Cookies Consent Notice end for iste.org --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="ed528922-9aa6-4c5c-9b7d-6649d9b8b135" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- /END ISTE COOKIE STUFF --> </head> <body> <style> #iste_eyebrow { box-sizing: border-box; width: 100%; height: 51px; background-color: #58585a; margin: 0px; padding: 0px; white-space: nowrap; } #iste_eyebrow .eyebrow_logo img { display: inline-block; vertical-align: top; margin: 10px 20px 0px 20px; } #iste_eyebrow a.event { display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; padding: 12px 15px 7px 50px; height: 100%; font-family: "AvenirNextLTPro-DemiCn", arial, sans-serif; font-weight: normal; font-size: 16px; line-height: 17px; color: #fff; text-decoration: none; text-transform: uppercase; background-repeat: no-repeat; background-size: 31px 31px; background-position: 5px 10px; } #iste_eyebrow a.ISTE2024, #iste_eyebrow a.ISTE2025, #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { padding: 5px 5px 5px 10px; width: 105px; background-size: 82px auto; background-position-y: 13px; } #iste_eyebrow a.ASCD2025 { background-position-y: 10px !important; } #iste_eyebrow a.ISTE2024 { background-size: 95px auto; background-position-y: 12px; } #iste_eyebrow a.ISTE2025 { background-size: 90px auto; background-position-y: 17px; background-position-x: center; } #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { background-size: 90px auto; background-position-y: 4px; } /*#iste_eyebrow > a.event ~ a.event { padding-top: 10px; }*/ #iste_eyebrow a.event.active { background-color: #fff; color: #58585a; } #iste_eyebrow a.event:hover { background-color: #999; transition: background-color 0.5s ease; } #iste_eyebrow a.event.active:hover { background-color: #fff; color: #58585a; } .eyebrow-div{ display: inline; } .event-button{ display: none; color: white; grid-column-start: 2; } @media only screen and (max-width: 1230px) { #iste_eyebrow { height: 44px; } #iste_eyebrow .eyebrow_logo img { margin: 6px 10px 0px 6px; } #iste_eyebrow a.event { margin: 0px; padding: 10px 10px 7px 40px; background-size: 22px 22px; font-size: 13px; line-height: 13px; } #iste_eyebrow a.ISTE2024, #iste_eyebrow a.ISTE2025 { padding: 0px 5px 5px 10px; width: 85px; background-size: 64px auto; background-position-y: 13px; } #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { padding: 0px 5px 5px 10px; width: 85px; background-size: 70px auto; background-position-y: 5px; } } @media only screen and (max-width: 960px) { #iste_eyebrow { height: 42px; } #iste_eyebrow a.ISTE2024, #iste_eyebrow a.ISTE2025, #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { width: 80px; padding-top: 8px; } /* #iste_eyebrow a.ISTE2022:before{ content: 'ISTELive 22'; } #iste_eyebrow a.ISTE2023:before{ content: 'ISTELive 23'; } */ #iste_eyebrow > a.event ~ a.event { padding-top: 8px; } } @media only screen and (max-width: 900px) { #iste_eyebrow { height: 42px; } #iste_eyebrow a.event { margin: 0px; padding: 10px 10px; font-size: 11px; } #iste_eyebrow a.ISTE2022CCL, #iste_eyebrow a.ISTE2022DC, #iste_eyebrow a.ISTE2020DLS, #iste_eyebrow a.ISTE2022NWS, #iste_eyebrow a.ISTE2019EAPS, #iste_eyebrow a.ISTEASPIRE{ background-image: none !important; } #iste_eyebrow a.ISTE2024, #iste_eyebrow a.ISTE2025, #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { width: 80px; /* padding-top: 5px; */ } #iste_eyebrow > a.event ~ a.event { padding-top: 8px; } } @media only screen and (max-width: 650px) { #iste_eyebrow { height: auto; display: grid; grid-template-columns: repeat(3, 33%); padding: 4px 0; } .eyebrow-div{ display: none; grid-column-start: 2; text-align: center; padding: 10px 0; } /*#iste_eyebrow .eyebrow_logo img { display: none; }*/ .event-button{ display: flex; align-items: center; justify-content: center; } #iste_eyebrow a.event { margin: 0px; padding: 9px 8px 1px 8px; font-size: 10px; line-height: 12px; background-position: center; } #iste_eyebrow a.ISTE2024, #iste_eyebrow a.ISTE2025, #iste_eyebrow a.ASCD2024, #iste_eyebrow a.ASCD2025, #iste_eyebrow a.ASCD2024LeadershipSummit { width: 80px; padding-top: 4px; } #iste_eyebrow > a.event ~ a.event { padding-top: 10px; } } #iste_eyebrow span.eyebrow_account_desktop { float: right; display: inline; } #iste_eyebrow span.eyebrow_account_mobile { float: right; display: none; } #iste_eyebrow a.eyebrow_account_desktop_logout, #iste_eyebrow a.eyebrow_account_mobile_logout, #iste_eyebrow a.eyebrow_account_desktop_account, #iste_eyebrow a.eyebrow_account_mobile_account { display: none; } #iste_eyebrow a.eyebrow_account_desktop_login, #iste_eyebrow a.eyebrow_account_desktop_logout, #iste_eyebrow a.eyebrow_account_desktop_account { float: right; padding: 18px 15px 16px 15px; margin: 0px; } @media only screen and (max-width: 1000px) { #iste_eyebrow a.eyebrow_account_desktop_login, #iste_eyebrow a.eyebrow_account_desktop_logout, #iste_eyebrow a.eyebrow_account_desktop_account { padding: 16px 10px 13px 10px; } } @media only screen and (max-width: 800px) { #iste_eyebrow a.eyebrow_account_desktop_login, #iste_eyebrow a.eyebrow_account_desktop_logout, #iste_eyebrow a.eyebrow_account_desktop_account { padding: 15px 10px 12px 10px; } } @media only screen and (max-width: 650px) { #iste_eyebrow span.eyebrow_account_desktop { display: none; } #iste_eyebrow span.eyebrow_account_mobile { display: inline; } #iste_eyebrow a.eyebrow_account_mobile_login, #iste_eyebrow a.eyebrow_account_mobile_logout, #iste_eyebrow a.eyebrow_account_mobile_account { float: right; padding: 5px 8px 0px 0px; } #iste_eyebrow span.eyebrow_account_mobile img { width: 15px; height: 15px; } } </style> <div id="iste_eyebrow"><a href="https://www.iste.org" target="_blank" class="eyebrow_logo"><img src="/images/logo_white_small.png" border="0" alt="ISTE"></a><div class='event-button'><b>MORE EVENTS</b></div><div class='eyebrow-div'><a href="/2025/" style="background-image: url('/images/ISTE2025/circle_inactive.svg');" class="event ISTE2025"></a></div><div class='eyebrow-div'><a href="https://event.ascd.org/2025" target='_blank' style="background-image: url('/images/ASCD2025/circle_inactive.svg');" class="event ASCD2025"></a></div><div class='eyebrow-div'><a href="/2024/program/leadership_exchange.php" style="background-image: url('/images/ISTE2020DLS/circle_inactive.svg');" class="event ISTE2020DLS">Leadership <br>Exchange</a></div><div class='eyebrow-div'><a href="/2024/exhibitors/solutions_summit.php" style="background-image: url('/images/ISTE2022NWS/circle_inactive.svg');" class="event ISTE2022NWS">Solutions <br>Summit</a></div><div class='eyebrow-div'><a href="/2024/" style="background-image: url('/images/ISTE2024/circle_active.svg');" class="event active ISTE2024"></a></div><div class='eyebrow-div'><a href="https://event.ascd.org/2024" target='_blank' style="background-image: url('/images/ASCD2024/circle_inactive.svg');" class="event ASCD2024"></a></div><div class='eyebrow-div'><a href="https://event.ascd.org/2024LeadershipSummit/" target='_blank' style="background-image: url('/images/ASCD2024LeadershipSummit/circle_inactive.svg');" class="event ASCD2024LeadershipSummit"></a></div></div> <script> jQuery(function() { var items = jQuery(".eyebrow-div"); // show hide menu on menu click jQuery(".event-button").click(function() { if (items.is(":hidden")) { items.slideDown(); } else { items.slideUp(); } }); // if resized show all items even if they are hidden jQuery(window).resize(function(){ if (jQuery(window).width() >= 650) { // items.show(); items.css({display: 'inline'}); }else{ items.css({display: 'none'}); } }); }); </script> <script> jQuery( function() { //*---* If we are in the MED do not show the menu if (parent.globalExtMenu) { jQuery("#mainMenu").hide(); } } ); </script> <div id="mainMenu"> <div id="menu-button">Menu</div> <!-- <div class="menu-item cta-menu-btn"><a href="/2024/presenters/submit_proposal.php"><input type="button" style="text-transform: initial; margin-bottom: 0; padding-bottom: 3px; padding-top: 5px;" class="secondary-btn" value="CALL FOR PARTICIPATION | Closes Sept. 29"></a></div> --> <div class="menu-item"><a id="forAttendees">Attend</a></div> <div class="menu-item"><a id="forExhibitors">Sponsor & Exhibit</a></div> <div class="menu-item"><a id="mainMenuLogin" class="account" href="/2024/account">Login</a></div> <div class="menu-item"><a id="mainMenuAccount" class="account" href="/2024/account/dashboard.php" style="display: none;"></a></div> <div class="menu-item"><a id="mainMenuLogout" class="account" href="/2024/account/logout.php" style="display: none;">Logout</a></div> </div> <div class="dropdown" id="attendee_menu"> <a href="#" class="dropdown-close" aria-label="Close menu">×</a> <table> <tbody> <tr> <td><strong style='white-space: nowrap'>Attend</strong></td> </tr> <tr> <td><a href="/2024/program/earning_credit.php" class="dropdown-selection">Earning Credit</a></td> </tr> <tr> <td><a href="/2024/attend/media.php" class="dropdown-selection">Media</a></td> </tr> <tr> <td><a href="/2024/about/faq.php" class="dropdown-selection">FAQs</a></td> </tr> <tr> <td><a href="/2024/about/policies.php" class="dropdown-selection">Policies</a></td> </tr> <tr> <td><a href="/2024/about/" class="dropdown-selection">About ISTELive</a></td> </tr> <tr> <td><a href="/2024/attend/futureyearfaqs.php" class="dropdown-selection">Future Year FAQs</a></td> </tr> </tbody> </table> <table> <tbody> <tr> <td><strong style='white-space: nowrap'>Program</strong></td> </tr> <tr> <td><a href="/2024/program/search/" class="dropdown-selection">Program Search</a></td> </tr> <tr> <td><a href="/2024/about/sponsors.php" class="dropdown-selection">Sponsors and Partners</a></td> </tr> <tr> <td><a href="/2024/program/highlights.php" class="dropdown-selection">Program Highlights</a></td> </tr> <tr> <td><a href="/2024/program/featured_voices.php" class="dropdown-selection">Featured Voices</a></td> </tr> <tr> <td><a href="/2024/program/ai.php" class="dropdown-selection">AI at ISTELive</a></td> </tr> <tr> <td><a href="/2024/program/innovationarcade.php" class="dropdown-selection">Innovation Arcade</a></td> </tr> <tr> <td><a href="/2024/program/camp_creativity.php" class="dropdown-selection">Camp Creativity</a></td> </tr> <tr> <td><a href="/2024/program/hostedActivities/" class="dropdown-selection">Hosted Activities</a></td> </tr> <tr> <td><a href="/2024/program/leadership_exchange.php" class="dropdown-selection">Leadership Exchange</a></td> </tr> </tbody> </table> <table> <tbody> <tr> <td><strong style='white-space: nowrap'>SOLUTIONS HUB (EXPO)</strong></td> </tr> <tr> <td><a href="/2024/exhibitors/floorplan.php" class="dropdown-selection">Browse Our Exhibitors</a></td> </tr> </tbody> </table> </div> <div class="dropdown" id="exhibitor_menu"> <a href="#" class="dropdown-close" aria-label="Close menu">×</a> <table> <tbody> <tr> <td><strong>Opportunities</strong></td> </tr> <tr> <td><a href="/2024/exhibitors/sponsor.php">Sponsor</a></td> </tr> <tr> <td><a href="/2024/exhibitors/index.php">Exhibit</a></td> </tr> <tr> <td><a href="/2024/exhibitors/meetingspace.php">Rent Meeting Space</a></td> </tr> <tr> <td><a href="/2024/exhibitors/advertising.php">Advertising</a></td> </tr> <tr> <td><a href="/2024/exhibitors/opportunities.php">Other Opportunities</a></td> </tr> <tr> <td><a href="/2024/exhibitors/futureyearfaqs.php">Information about 2025 Event</a></td> </tr> </tbody> </table> <table> <tbody> <tr> <td><strong>Helpful info</strong></td> </tr> <tr> <td><a href="/2024/exhibitors/logistics.php">Expo Schedule</a></td> </tr> <tr> <td><a href="/2024/exhibitors/floorplan.php">Floor Plan and Exhibitor Search</a></td> </tr> <tr> <td><a href="/2024/exhibitors/rules_and_regulations_landing.php">Rules and Regulations</a></td> </tr> <tr> <td><a href="/2024/exhibitors/demographics.php">Demographics</a></td> </tr> <tr> <td><a href="/2024/exhibitors/faq.php">FAQ</a></td> </tr> </tbody> </table> <table> <tbody> <tr> <td><strong>Portal</strong></td> </tr> <tr> <td><a href="/2024/exhibitors/services/index.php">Log in</a></td> </tr> </tbody> </table> </div> <div class="dropdown" id="presenter_menu"> <a href="#" class="dropdown-close" aria-label="Close menu">×</a> </div> <script> jQuery(function() { var items = jQuery(".menu-item"); // show hide menu on menu click jQuery("#menu-button").click(function() { console.log("clicked") if (items.is(":hidden")) { items.slideDown(); } else { items.slideUp(); } }); // if resized show all items even if they are hidden jQuery(window).resize(function(){ if (jQuery(window).width() >= 650) { items.show(); } }); }); </script> <!-- Header --> <div> <style> #iste24homepage{ margin-top: 55px; } #iste23homepage h1 { font-size: 2.5rem; } .home-banner img { width: 100%; height: 100%; } .home-content { background-image: url('images/ISTELive24videobackground_v2.png'); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } .home-content img { width: 100%; height: 100%; } .home-grid { display: flex; flex-direction: row; justify-content: space-between; gap: 3vw;; padding: 30px; max-width: 1015px; margin-left:150px; padding-bottom: 0; } .home-grid img { max-width: 170px; } .wrap-up-video iframe { height: 170px; width: 100%; } .home-grid-copy h3, p { margin-top: 0; } .home-grid-copy { flex: 1; } h3 { color: #588F92; } #get-updates-btn { background-color: #4480B5; color: #FFF; } .mobile-banner { display: none; } .desktop-banner { display: block; } .livestream-happening-video { position: absolute; bottom: 3%; left: 3.7%; right: 0%; width: 92.5%; margin-right: auto; padding: 52% 0 0 0; } .happening-now-video-player { position: absolute; bottom: 12.9%; left: 26.5%; right: 0%; width: 36%; margin-right: auto; padding: 20% 0 0 0; } .banner-video-player { position: absolute; bottom: 47.9%; left: 54%; right: 0%; width: 40%; margin-right: auto; padding: 22.5% 0 0 0; } @media screen and (max-width: 986px) { .home-grid { margin-left: 10px; } } @media screen and (max-width: 800px) { .home-grid { flex-direction: column; padding-bottom: 20px; margin-left: 20px; } .home-grid-copy { min-width:200px; } .wrap-up-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .wrap-up-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } #iste24-closing { display: flex; flex-direction: row; margin-top: 55px; } #iste24-closing a { flex:1; max-width:50%; } @media screen and (max-width: 768px) { .banner-video-player { position: absolute; bottom: 50.8%; left: 7%; right: 0%; width: 85%; margin-right: auto; padding: 47.8% 0 0 0; } .happening-now-video-player { position: absolute; bottom: 2.9%; left: 7.5%; right: 0%; width: 85%; margin-right: auto; padding: 58% 0 0 0; } #iste24homepage { margin-top: 10px; } #iste24-closing { margin-top:0; } .mobile-banner { display: block; } .desktop-banner { display: none; } } .livestream-panel { position:relative; cursor: pointer; } object { max-width: 100%; } .header > h2 { width: 100%; margin-bottom: 30px; font-family: 'AvenirNextLTPro-Bold'; margin-bottom: 30px; text-align: center; color: var(--light-green); } .happening_now_container{ background-image: url("/2024/images/Videobackground_v1.png"); display: flex; justify-content: center; align-items: center; } </style> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script> <div id="iste24-closing" style="width: 100%;"> <a href="/2024/account/00_login.php"> <img src="/2024/template/images/ISTELive24_split.png"> </a> <a href="../../2025"> <img src="/2024/template/images/ISTElive25_split.png"> </a> </div> <div id="iste24homepage" > <!-- <div style="display:none;" id="get-updates-popup"> <script> (function () { window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } }; })(); function getUpdatePopup() { jQuery('#get-updates-popup').dialog({ modal: true, width: 700, }); } hbspt.forms.create({ region: "na1", portalId: "1818747", formId: "740bc67e-465e-4620-92d6-856c601565bc" }); </script> </div> --> <!-- <div style="position:relative"> <div class="banner-video-player"> <iframe src="https://www.youtube.com/embed/l-LxJdGjFUU?autoplay=1&loop=1&mute=1&playlist=l-LxJdGjFUU" frameborder="0" allow="autoplay" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> </div> <object class="desktop-banner" style="width:100%" data="template/images/ISTELive24regnow_hero_940px.svg"></object> <object class="mobile-banner" style="width:100%" data="template/images/ISTELive24_mobile_hero_v1.svg"></object> </div> --> </div> <a href="/2024/program/search"><img src="/2024/template/images/ISTELive24_postconferenceprogramgraphic_v1.png"></a> <div class="header"> <h2>Learn From Visionary Speakers Who Spark Inspiration!</h2> </div> <style> .featured_voices_section{ max-width: 100%; margin: auto; padding: 0 20px; margin-bottom: 30px; } #featured_voices { width: 100%; background-color: #0878b8; padding: 10px 10px 4px 10px; color: #fff; margin-bottom: 30px; text-align: center; } .carousel_featured_voices{ margin: 0 0; } .desktop_fv{ display: block; } .mobile_fv{ display: none; } .slick-list {margin: 0 -10px;} #carousel_featured_voices .slick-slide {padding: 0 10px;} .slick-next { right: 0 !important; font-size: 20px !important; color: #000 !important; background: url('/2024/template/images/icons/icon-arrow-right.svg') left top no-repeat !important; height: 40px !important; width: 40px !important; } .slick-prev { left: 15px !important; font-size: 20px !important; color: #000 !important; background: url('/2024/template/images/icons/icon-arrow-left.svg') left top no-repeat !important; height: 40px !important; width: 40px !important; z-index: 1; } @media screen and (max-width: 1024px){ .desktop_fv{ display: none; } .mobile_fv{ display: block; } } @media screen and (max-width: 768px) { .slick-next, .slick-prev { height: 20px !important; width: 20px !important; } .slick-prev { left: 8px !important; } } </style> <div class="featured_voices_section"> <div id="fv_container" class="desktop_fv"> <div id="carousel_featured_voices" class="carousel_featured_voices"> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/lylajunejohnston_400h_v2.png" alt="Lyla June Johnston, Ph.D."> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MerrittMoore_400hvFrd41.png" alt="Merritt Moore"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/DanniWashington_400hvFrd41.png" alt="Danni Washington"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MichelleKing_400h_v31.png" alt="Michelle King"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MoGawdat_400h_v1.png" alt="Gawdat Mo"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/SineadBovell_400h_F4.png" alt="Sinead Bovell"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/EthanMollick_400h_F4.png" alt="Ethan Mollick"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/RameshSrinivasan_400h_F4.png" alt="Ramesh Srinivasan"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/RichardCulatta_400hv3.png" alt="Richard Culatta"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MatthewMingle_400h8.png" alt="Matthew Mingle"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/NIkoleblanchard_400h8.png" alt="Nikole Blanchard"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/jeremyowoh400h_v1.png" alt="Jeremy Owoh"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/shadaeharris400h_v1.png" alt="Shadae Harris"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/elliottmaisie400h_v2.png" alt="Elliott Masie"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/valerielewis400h_v1.png" alt="Valerie Lewis"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/yongzhao400h_v2.png" alt="Yong Zhao"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/serranaechenagusia400h_v1.png" alt="Serrana Echenagusia"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/tomvanderark400h_v2.png" alt="Tom Vander Ark"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/ChrisPage_400h_rd4.png" alt="Chris Page"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/KeriStuebinger_400h_rd4.png" alt="Keri Stuebinger"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/yaritzavillalba_400h_rd4.png" alt="Yaritza Villalba"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/Kaylahholland_400h_v4.png" alt="Kaylah Holland"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MichaelHernandez_400h_v4.png" alt="Michael Hernandez"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/OpalDavisDawson_400h_v4.png" alt="Opal Davis Dawson"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/JenHall_400h_v4.png" alt="Jen Hall"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/VictorHicks_400h_v4.png" alt="Victor G. Hicks"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/KatieFielding_400h_v4.png" alt="Katie Fielding"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/MaiVu_400h_v4.png" alt="Mai Vu"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/TaraNattrass_400h_v1.png" alt="Tara Nattrass"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/Donnie Piercey_400h_v2.png" alt="Donnie Piercey"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/Toutoulentoya_400h_v4.png" alt="Toutoule Ntoya"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/JamesMcCrary_400h_vFrd3.png" alt="James McCrary"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/AbidPatel_400h_vFrd3.png" alt="Abid Patel"> </a> </div> <div> <a href="/2024/program/featured_voices.php"> <img src="/2024/template/images/featured_voices/GretaSandlier_400h_vFrd3.png" alt="Greta Sandler"> </a> </div> </div> </div> <div id="fv_container" class="mobile_fv"> <div id="carousel_featured_voices" class="carousel_featured_voices"> <div> <a href="/2024/program/search/detail_presenter.php?id=117603220"> <img src="/2024/template/images/featured_voices/lylajunejohnston_400h_v2.png" alt="Lyla June Johnston, Ph.D." class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117553948"> <img src="/2024/template/images/featured_voices/MerrittMoore_400hvFrd41.png" alt="Merritt Moore" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117553275"> <img src="/2024/template/images/featured_voices/DanniWashington_400hvFrd41.png" alt="Danni Washington" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117601781"> <img src="/2024/template/images/featured_voices/MichelleKing_400h_v2.png" alt="Michelle King" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117414840"> <img src="/2024/template/images/featured_voices/MoGawdat_400h_v1.png" alt="Gawdat Mo" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117511190"> <img src="/2024/template/images/featured_voices/SineadBovell_400h_F4.png" alt="Sinead Bovell" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117511166"> <img src="/2024/template/images/featured_voices/EthanMollick_400h_F4.png" alt="Ethan Mollick" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117511195"> <img src="/2024/template/images/featured_voices/RameshSrinivasan_400h_F4.png" alt="Ramesh Srinivasan" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117269810"> <img src="/2024/template/images/featured_voices/RichardCulatta_400hv3.png" alt="Richard Culatta" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117266938"> <img src="/2024/template/images/featured_voices/MatthewMingle_400h8.png" alt="Matthew Mingle" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117266933"> <img src="/2024/template/images/featured_voices/NIkoleblanchard_400h8.png" alt="Nikole Blanchard" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117499488"> <img src="/2024/template/images/featured_voices/jeremyowoh400h_v1.png" alt="Jeremy Owoh" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117499547"> <img src="/2024/template/images/featured_voices/shadaeharris400h_v1.png" alt="Shadae Harris" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117565231"> <img src="/2024/template/images/featured_voices/elliottmaisie400h_v2.png" alt="Elliott Masie" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117484913"> <img src="/2024/template/images/featured_voices/valerielewis400h_v1.png" alt="Valerie Lewis" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117548373"> <img src="/2024/template/images/featured_voices/yongzhao400h_v2.png" alt="Yong Zhao" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117481950"> <img src="/2024/template/images/featured_voices/serranaechenagusia400h_v1.png" alt="Serrana Echenagusia" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117562956"> <img src="/2024/template/images/featured_voices/tomvanderark400h_v2.png" alt="Tom Vander Ark" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117491639"> <img src="/2024/template/images/featured_voices/ChrisPage_400h_rd4.png" alt="Chris Page" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117491706"> <img src="/2024/template/images/featured_voices/KeriStuebinger_400h_rd4.png" alt="Keri Stuebinger" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117209601"> <img src="/2024/template/images/featured_voices/yaritzavillalba_400h_rd4.png" alt="Yaritza Villalba" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117208477"> <img src="/2024/template/images/featured_voices/Kaylahholland_400h_v4.png" alt="Kaylah Holland" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117203611"> <img src="/2024/template/images/featured_voices/MichaelHernandez_400h_v4.png" alt="Michael Hernandez" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117209134"> <img src="/2024/template/images/featured_voices/OpalDavisDawson_400h_v4.png" alt="Opal Davis Dawson" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117270703"> <img src="/2024/template/images/featured_voices/JenHall_400h_v4.png" alt="Jen Hall" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117264709"> <img src="/2024/template/images/featured_voices/VictorHicks_400h_v4.png" alt="Victor G. Hicks" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117200966"> <img src="/2024/template/images/featured_voices/KatieFielding_400h_v4.png" alt="Katie Fielding" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117204795"> <img src="/2024/template/images/featured_voices/MaiVu_400h_v4.png" alt="Mai Vu" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117268034"> <img src="/2024/template/images/featured_voices/TaraNattrass_400h_v1.png" alt="Tara Nattrass" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117262439"> <img src="/2024/template/images/featured_voices/Donnie Piercey_400h_v2.png" alt="Donnie Piercey" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117209013"> <img src="/2024/template/images/featured_voices/Toutoulentoya_400h_v4.png" alt="Toutoule Ntoya" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117511156"> <img src="/2024/template/images/featured_voices/JamesMcCrary_400h_vFrd3.png" alt="James McCrary" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117272289"> <img src="/2024/template/images/featured_voices/AbidPatel_400h_vFrd3.png" alt="Abid Patel" class="mobile_fv"> </a> </div> <div> <a href="/2024/program/search/detail_presenter.php?id=117199057"> <img src="/2024/template/images/featured_voices/GretaSandlier_400h_vFrd3.png" alt="Greta Sandler" class="mobile_fv"> </a> </div> </div> </div> </div> <script> $(document).ready(function(){ bootSlickSlider(); }); function bootSlickSlider() { if (!jQuery(".carousel_featured_voices").length) { return; } $slick_slider_speakers = jQuery(".carousel_featured_voices"), settings = { dots: !1, autoplay: true, pauseOnHover: true, autoplaySpeed: 3000, speed: 1000, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1260, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 980, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 520, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }, jQuery(window).width() >= 1 && $slick_slider_speakers.slick(settings), jQuery(window).on("resize", function() { return jQuery(window).width() < 1 ? void($slick_slider_speakers.hasClass("slick-initialized") && $slick_slider_speakers.slick("unslick")) : $slick_slider_speakers.hasClass("slick-initialized") ? void 0 : $slick_slider_speakers.slick(settings); }); } </script> <script> bootSlickSlider(); var slickSliderBooted = 0; function bootSlickSlider() { // ONLY BOOT SLICK ONCE, AND ONLY IF NEEDED PIECES EXIST if (slickSliderBooted || !jQuery(".carousel_featured_voices").length) { // console.log("BAIL"); return; } // console.log("BOOT SLICK"); slickSliderBooted = 1; $slick_slider_speakers = jQuery(".carousel_featured_voices"), settings = { dots: !1, autoplay: true, pauseOnHover: true, autoplaySpeed: 3000, speed: 1000, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1260, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 980, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 520, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }, // jQuery(window).width() >= 1 && $slick_slider_speakers.slick(settings), -- THIS LINE IS THROWING FATAL ERRORS FOR SOME REASON jQuery(window).on("resize", function() { return jQuery(window).width() < 1 ? void($slick_slider_speakers.hasClass("slick-initialized") && $slick_slider_speakers.slick("unslick")) : $slick_slider_speakers.hasClass("slick-initialized") ? void 0 : $slick_slider_speakers.slick(settings); }); } </script> <object class="desktop-banner" style="width:100%" data="template/images/ISTELive24regnow_LearnHandson_OL_2.svg"></object> <object class="mobile-banner" style="width:100%" data="template/images/ISTELive 24_mobile_handson_v1.svg"></object> <object class="desktop-banner"style="width:100%" data="template/images/ISTELive24_SessionsOL_v4.svg"></object> <object class="mobile-banner" style="width:100%" data="template/images/ISTELive 24_mobile-timely-reg now_1_v1.svg"></object> <style> .hidden { display: none; } .header-btn { display: flex; flex-direction: row; gap: 20px; justify-content: center; align-items: center; margin-top: 45px; margin-bottom: 40px; } .collapse-btn img { width: 40px; } .collapse-btn { pointer-events: none; } .schedule-container { width: 80%; margin: 0 auto; } .block { background-color: #fff; border: 1px solid #C7C8C7; margin-bottom: 20px; } .block-header { font-size: 2rem; color: #302F37; pointer-events: none; font-family: "AvenirNextLTPro-DemiCn"; } .highlighted-header { font-weight: 600; color: #EF4D23; } .highlighted-dropdown { border: 1px solid #EFAD3E; } .schedule-copy-content-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 30px; } .block-copy div { font-family: "AvenirNextLTPro-Cn", arial, sans-serif; font-size: 1.3rem; line-height: 1.3; color: #555555; font-weight: 600; } .block-copy { padding: 20px 30px; } .time-slot { display: flex; flex-direction: row; gap: 20px; } .time { flex: 1; margin-bottom: 0.5em; } .event { flex: 7; margin-bottom: 0.5em; } .schedule_banner { background-color: #1B5F7A; text-align: center; padding:25px; margin-bottom: 30px; } @media screen and (max-width: 1300px) { .time { flex: 2; margin-bottom: 0.5em; } } @media screen and (max-width: 1000px) { .event { flex: 3; } .time-slot { gap: 0; } } @media screen and (max-width: 768px) { .block-header { font-size: 1.4rem; } } @media screen and (max-width: 600px) { .event { flex: 1; } .time-slot { flex-direction: column; } .time { margin-bottom: 0; } .header-btn { flex-direction: column; } .time-slots { display: flex; flex-direction: column; gap: 10px; } } </style> <div class="schedule_banner"> <h2 style="color: #fff;">ISTELive 24 Schedule at a Glance</h2> </div> <div id="schedule-at-a-glance" class="schedule-container"> <div class="header-btn"> <div class="onsite-btns"> <div class="onsite-selected selected"><img src="template/images/Schedule_Onsite_selected_v3.png"></div> <div onclick="toggleBtns(event)" class="onsite-not-selected hidden"><img src="template/images/Schedule_Onsite_NOTselected_v3.png"></div> </div> <div class="virtual-btns"> <div class="virtual-selected hidden"><img src="template/images/Schedule_Virtual_selected_v1.png"></div> <div onclick="toggleBtns(event)" class="virtual-not-selected "><img src="template/images/Schedule_Virtual_NOTselected_v1.png"></div> </div> </div> <div class="on-site-dropdowns "> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Saturday, June 22: Preconference activities</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <p>Get to know Denver and ISTELive 24</p> <div class="time-slot "> <div class="time ">8 a.m.-6 p.m.</div> <div class="event">Registration open</div> </div> <div class="time-slot"> <div class="time">9 a.m.-4 p.m.</div> <div class="event">Preconference content (invitation or preregistration required)</div> </div> <div class="time-slot"> <div class="time">9 a.m.-5 p.m.</div> <div class="event">Trips and tours (details, registration coming in February)</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Sunday, June 23: Select content and Opening Mainstage</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <div class="time-slot"> <div class="time">7 a.m.-6:30 p.m.</div> <div class="event">Registration open</div> </div> <div class="time-slot"> <div class="time">8 a.m.-1 p.m.</div> <div class="event">Leadership Exchange</div> </div> <div class="time-slot"> <div class="time">8:30 a.m.-3:30 p.m.</div> <div class="event">Preconference content</div> </div> <div class="time-slot"> <div class="time">8:30 a.m.-3:30 p.m.</div> <div class="event">Trips, tours and museum visits (details, registration coming in February)</div> </div> <div class="time-slot"> <div class="time">12:30-3:30 p.m.</div> <div class="event">Concurrent sessions: Includes ed talks, creation labs, posters, playgrounds and interactive sessions (varied start times and durations)</div> </div> <div class="time-slot"> <div class="time">4-5:30 p.m.</div> <div class="event">Opening Mainstage</div> </div> <div class="time-slot"> <div class="time">5:30-6:30 p.m.</div> <div class="event">Welcome Reception</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Monday, June 24: Conference Day 1</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <p>Full day of content and the expo hall is open</p> <div class="time-slot"> <div class="time">7 a.m.-5:30 p.m.</div> <div class="event">Registration open</div> </div> <div class="time-slot"> <div class="time">8 a.m.-6 p.m.</div> <div class="event">Content-related trips, tours and museum visits (1.5 hours or less)</div> </div> <div class="time-slot"> <div class="time">8:30 a.m.-5:30 p.m.</div> <div class="event">Concurrent sessions: Includes ed talks, creation labs, posters, playgrounds and interactive sessions (varied start times and durations)</div> </div> <div class="time-slot"> <div class="time">9:30 a.m.-5:30 p.m.</div> <div class="event">Expo hall open</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Tuesday, June 25: Conference Day 2</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <p>Mainstage session, full day of content and the expo hall is open</p> <div class="time-slot"> <div class="time">7:30 a.m.-6 p.m.</div> <div class="event">Registration open</div> </div> <div class="time-slot"> <div class="time">8:30-9:45 a.m.</div> <div class="event">Tuesday Mainstage</div> </div> <div class="time-slot"> <div class="time">9:30 a.m.-5 p.m.</div> <div class="event">Expo hall open</div> </div> <div class="time-slot"> <div class="time">10:30 a.m.-6 p.m.</div> <div class="event">Concurrent sessions: Includes ed talks, creation labs, posters, playgrounds and interactive sessions (varied start times and durations)</div> </div> <div class="time-slot"> <div class="time">10 a.m.-6 p.m.</div> <div class="event">Content-related trips, tours and museum visits (1.5 hours or less)</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Wednesday, June 26: Conference Day 3</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <p>Content and expo hall continues until Closing Mainstage</p> <div class="time-slot"> <div class="time">7:30 a.m.-3:30 p.m.</div> <div class="event">Registration open</div> </div> <div class="time-slot"> <div class="time">8 a.m.-2 p.m.</div> <div class="event">Content-related trips, tours and museum visits (1.5 hours or less)</div> </div> <div class="time-slot"> <div class="time">8:30 a.m.-2:30 p.m.</div> <div class="event">Concurrent sessions: Includes ed talks, creation labs, posters, playgrounds and interactive sessions (varied start times and durations)</div> </div> <div class="time-slot"> <div class="time">9:30 a.m-2:30 p.m.</div> <div class="event">Expo hall open</div> </div> <div class="time-slot"> <div class="time">2:45-4 p.m.</div> <div class="event">Closing Mainstage</div> </div> </div> </div> </div> </div> <div class="virtual-dropdowns hidden"> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Saturday, June 22: Virtual content</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <p>Experience virtual sessions from around the world</p> <div class="time-slot"> <div class="time">11:45 a.m.-4 p.m.</div> <div class="event">Interactive virtual sessions, ed talks, creation labs, posters and more!</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Sunday, June 23: Streamed sessions and Opening Mainstage</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <div class="time-slot"> <div class="time">7:45 a.m.-12 p.m.</div> <div class="event">Interactive virtual sessions, ed talks, creation labs, posters and more!</div> </div> <div class="time-slot"> <div class="time">12:30-3:30 p.m.</div> <div class="event">Streamed sessions from the convention center</div> </div> <div class="time-slot"> <div class="time">4-5:30 p.m.</div> <div class="event">Opening Mainstage (livestream)</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Monday, June 24: Sessions streamed all day</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <div class="time-slot"> <div class="time">8:30 a.m.-5:30 p.m.</div> <div class="event">Sessions streamed from the convention center</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Tuesday, June 25: Sessions streamed all day</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <div class="time-slot"> <div class="time">8:30-9:45 a.m.</div> <div class="event">Tuesday Mainstage (livestream)</div> </div> <div class="time-slot"> <div class="time">10:30 a.m.-6 p.m.</div> <div class="event">Sessions streamed from the convention center</div> </div> </div> </div> </div> <div class="block"> <div class="schedule-copy-content-container" onclick="collapseBlock(event)"> <div class="block-header">Wednesday, June 26: Streamed sessions and Closing Mainstage</div> <div class="collapse-btn"><img src="/2024/template/images/icons/expand_more.svg"></div> </div> <div class="block-copy hidden"> <div class="time-slots"> <div class="time-slot"> <div class="time">8:30 a.m.-2:30 p.m.</div> <div class="event">Sessions streamed from the convention center</div> </div> <div class="time-slot"> <div class="time">2:45-4 p.m.</div> <div class="event">Closing Mainstage (livestream)</div> </div> </div> </div> </div> </div> <br> </div> <script> var collapseBlock = (block) => { console.log('here'); jQuery(block.target).siblings(); jQuery(block.target).siblings(".block-copy").toggleClass("hidden"); var isClosed = jQuery(block.target).siblings(".block-copy").hasClass("hidden"); var collapseBtn = jQuery(block.target).find('.collapse-btn img'); jQuery(block.target).children(".block-header").toggleClass('highlighted-header'); jQuery(block.target).parent(".block").toggleClass('highlighted-dropdown'); if (isClosed) { collapseBtn.attr("src", "/2024/template/images/icons/expand_more.svg"); } else { collapseBtn.attr("src", "/2024/template/images/icons/expand_less.svg"); } } function toggleBtns(ele) { if(!jQuery(ele.currentTarget).hasClass('selected')) { jQuery(ele.currentTarget).siblings('.hidden').toggleClass('selected'); jQuery('.onsite-selected').toggleClass('hidden'); jQuery('.onsite-not-selected').toggleClass('hidden'); jQuery('.virtual-selected').toggleClass('hidden'); jQuery('.virtual-not-selected').toggleClass('hidden'); jQuery('.on-site-dropdowns').toggleClass('hidden'); jQuery('.virtual-dropdowns').toggleClass('hidden'); } } </script> <div style="position:relative"> <div class="happening-now-video-player"> <iframe src="https://www.youtube.com/embed/bPwWt_PTsp0" frameborder="0" allow="fullscreen" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> </div> <img class="desktop-banner" style="width:100%" src="template/images/ISTELive24_ISTELive23OL.svg"> <img class="mobile-banner" style="width:100%" src="template/images/ISTELive 24_mobile-ISTELive 23-reg now_1_v1.png"> </div> <img class="desktop-banner" style="width:100%" src="template/images/ISTELive24_attendeesproofOL_v2.png"> <img class="mobile-banner" style="width:100%" src="template/images/ISTELive 24_mobile_inspire-reg now_1_v1.png"> <style> .desktop-graphic { display: block !important; } .mobile-graphic { display: none !important;; } .slick-next { right: 0 !important; font-size: 20px !important; color: #000 !important; background: url('/2024/template/images/icons/icon-arrow-right.svg') left top no-repeat !important; height: 40px !important; width: 40px !important; } .slick-prev { left: 15px !important; font-size: 20px !important; color: #000 !important; background: url('/2024/template/images/icons/icon-arrow-left.svg') left top no-repeat !important; height: 40px !important; width: 40px !important; z-index: 1; } .slick-slide img { width: 100%; } h2 { font-family: 'AvenirNextLTPro-Bold'; } .testimonials_banner { background-color: #1b6683; text-align: center; padding:25px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .slick-next, .slick-prev { height: 20px !important; width: 20px !important; } .slick-prev { left: 8px !important; } .desktop-graphic { display: none !important;; } .mobile-graphic { display: block !important;; } } </style> <style> </style> <div class="testimonials_banner"> <h2 style="color: #fff;">Educators and Leaders Count on ISTELive</h2> </div> <div class="location-container section"> <div id="carousel-location-images" class="location-slider"> <div class="location-slide"> <img class="desktop-graphic" src="/2024/template/images/testimonials/ISTELive24_testimonial_Charlisa_OL_v2_v2.png"> <img class="mobile-graphic" src="/2024/template/images/ISTELive24_mobile_quote2Charlisa_regnow_1_v1.png"> </div> <div class="location-slide"> <img class="desktop-graphic" src="/2024/template/images/testimonials/ISTELive24_testimonial_Dominic_OL_v2_v2.png"> <img class="mobile-graphic" src="/2024/template/images/ISTELive24_mobile_quote3Dominic_regnow_1_v1.png"> </div> <div class="location-slide"> <img class="desktop-graphic" src="/2024/template/images/testimonials/ISTELive24_testimonial_Kristina_OL_v2_v2.png"> <img class="mobile-graphic" src="/2024/template/images/ISTELive24_mobile_quote1Kristinaregnow_1_v1.png"> </div> </div> <!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <!-- Add the slick-theme.css if you want default styling --> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script> jQuery(document).ready(function(){ jQuery('#carousel-location-images').slick({ slidesToShow: 1, slidesToScroll: 1, dots: false, arrows: true, centerMode: true, centerPadding: '0px', autoplay: true, autoplaySpeed: 5000, responsive: [ { breakpoint: 768, settings: { arrows: true, autoplay: true, autoplaySpeed: 5000, centerMode: true, centerPadding: '0px', slidesToShow: 1 } } ] }); }); </script> <object class="desktop-banner" style="width:100%" data="template/images/ISTELive24_VentureCTAOL.svg"></object> <object class="mobile-banner" style="width:100%" data="template/images/ISTELive24_mobile_finalCTA-regnow.svg"></object> </div> <style> .expoPassDialog { background: transparent; border: none !important; } .expoPassDialog .ui-dialog-titlebar { display: none; } @media screen and (max-width: 600px) { .expoPassDialog { width: 100% !important; } } </style> <!-- --> <script> function closePopup(){ jQuery('#expo-pass-popup').dialog('close'); } $(document).ready(function(){ setTimeout(() => { expoPassPopup(); }, 1000); bootSlickSlider(); }); function expoPassPopup() { if(jQuery(document).width() < 600){ height = 600; width = 400; }else{ width = 600; height = 420 } jQuery('#expo-pass-popup').dialog({ modal: true, width: width, dialogClass: 'expoPassDialog', height: height, // position: { // my: "center", // at: "center", // of: window, // collision: "none" // } // left: 1000, }); // jQuery('#expo-pass-popup').css("overflow","auto"); } </script> <!-- <div class="home-banner"> <img class="desktop-banner" onclick="getUpdatePopup()" src="images/ISTELive24_Hero_GetUpdates_vF.png" /> <img class="mobile-banner" onclick="getUpdatePopup()" src="images/ISTELive24_mobilehero_getupdates_vF.png" /> </div> <div class="livestream-panel"> <img class="desktop-banner" onclick="getUpdatePopup()" style="width: 100%;" src="images/ISTELive24_Sect2_GetUpdates_vF.png" /> <img class="mobile-banner" onclick="getUpdatePopup()" style="width: 100%;" src="images/ISTELive24_mobile_sect2_getupdates_vF.png" /> <div class="happening-now-video-player"> <iframe src="https://www.youtube.com/embed/bPwWt_PTsp0" frameborder="0" allow="fullscreen" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> </div> </div> --> </div> <footer> <div class="footer-color-bar"></div> <div class="sponsor-section row"> <div class="footer_sponsor_logos"> <h5>Year-Round Mission Sponsors</h5> <img src="/2024/images/sponsors/missionmicrosoft_v1_transparentbkgd.png" alt="Microsoft" style="width: 180px; padding: 0 10px 20px 40px;"> <img src="/2024/images/sponsors/googleinc_transparent.png" alt="Google" style="width: 220px; padding: 0 10px 20px 10px;"> </div> <div class="social-container"> <div class="social-icons absolute-center"> <ul> <li> <a href="https://twitter.com/ISTEofficial" target="_blank"><img src="/2024/template/images/social_icons/twitter_v1.svg"></a> </li> <li> <a href="https://instagram.com/isteconnects/" target="_blank"><img src="/2024/template/images/social_icons/instagram_v1.svg"></a> </li> <li> <a href="https://www.facebook.com/ISTEofficial" target="_blank"><img src="/2024/template/images/social_icons/facebook_v1.svg"></a> </li> <li> <a href="https://youtube.com/@ISTEofficial" target="_blank"><img src="/2024/template/images/social_icons/youtube_v1.svg"></a> </li> <li> <a href="https://www.linkedin.com/company/ISTEofficial" target="_blank"><img src="/2024/template/images/social_icons/linkedin_v1.svg"></a> </li> </ul> </div> <p style="font-size: 1.2rem; color: #2D514A;">漏 2024 International Society for Technology in Education (ISTE), All Rights Reserved.</p> <div class="social-links absolute-center"> <a class="footer-links" href="https://www.iste.org/privacy-policy?_ga=2.120405960.1536100972.1673125293-819625327.1601412653" target="_blank">Privacy Policy | </a> <button id="ot-sdk-btn" class="ot-sdk-show-settings iste-footer-button">Cookie Settings</button> <a class="footer-links" href="https://iste.org/privacy-policy#healthdata" target="_blank"> | Health Data Privacy Policy</a> </div> </div> </div> </footer> <!-- Google Tag Manager (noscript) --> <!--<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PX5DHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>--> <!-- End Google Tag Manager (noscript) --> <!-- Twitter universal website tag code --> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','nuotu'); twq('track','PageView'); </script> <!-- End Twitter universal website tag code --> <script type="text/javascript"> _linkedin_partner_id = "2274042"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2274042&fmt=gif" /> </noscript> <script> var isDev = false </script> <style type='text/css'> header.sidebarHeader{ margin-top: 0px; background-image: none; } #index-page header.sidebarHeader { position: unset; height: unset; width: unset; background-image: unset; background-repeat: unset; background-size: unset; text-align: unset; padding-top: unset; } .embeddedServiceHelpButton .helpButton .uiButton { background-color: #0084a9; font-family: "Salesforce Sans", sans-serif; } .embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #0084a9; } @font-face { font-family: 'Salesforce Sans'; src: url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'), url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype'); } </style> <script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script> <script type='text/javascript'> var initESW = function(gslbBaseURL) { embedded_svc.settings.displayHelpButton = true; //Or false embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US' embedded_svc.settings.defaultMinimizedText = 'CHAT WITH US'; embedded_svc.settings.disabledMinimizedText = 'CONTACT US'; //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert) //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline) //embedded_svc.settings.loadingText = ''; //(Defaults to Loading) //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session) // Settings for Chat //embedded_svc.settings.directToButtonRouting = function(prechatFormData) { // Dynamically changes the button ID based on what the visitor enters in the pre-chat form. // Returns a valid button ID. //}; //embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields //embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId //embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us) embedded_svc.settings.extraPrechatFormDetails = [{ "label":"Last Name","transcriptFields": ["Last_Name__c"], "displayToAgent":false},{ "label":"First Name", "transcriptFields": ["First_Name__c"], "displayToAgent":true}, { "label": "Subject", "transcriptFields": ["Subject__c"],"displayToAgent":true}, { "label":"Email", "transcriptFields": ["Email__c"], "displayToAgent":false}]; //Contact Handling Start embedded_svc.settings.extraPrechatInfo = [{ "entityFieldMaps": [{ "doCreate":false, "doFind":false, "fieldName":"LastName", "isExactMatch":true, "label":"Last Name" }, { "doCreate":false, "doFind":false, "fieldName":"FirstName", "isExactMatch":true, "label":"First Name" }, { "doCreate":false, "doFind":true, "fieldName":"Email", "isExactMatch":true, "label":"Email" }], "entityName":"Contact" }]; //Contact Handling End embedded_svc.settings.enabledFeatures = ['LiveAgent']; embedded_svc.settings.entryFeature = 'LiveAgent'; if (isDev == 'true') { embedded_svc.init( 'https://iste--staging.sandbox.my.salesforce.com', 'https://iste--staging.sandbox.my.site.com/', gslbBaseURL, '00DDS000000msck', 'Conference_Site', { baseLiveAgentContentURL: 'https://c.la1-c1cs-ia7.salesforceliveagent.com/content', deploymentId: '5721U000000VEeb', buttonId: '5731U000000VGS6', baseLiveAgentURL: 'https://d.la1-c1cs-ia7.salesforceliveagent.com/chat', eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I1U000000TVV0UAO_177f4c48932', isOfflineSupportEnabled: true } ); }else{ embedded_svc.init( 'https://iste.my.salesforce.com', 'https://my.iste.org/', gslbBaseURL, '00D1U000000syee', 'Conference_Site', { baseLiveAgentContentURL: 'https://c.la2-c1-ia2.salesforceliveagent.com/content', deploymentId: '5721U000000VEeb', buttonId: '5731U000000VGS6', baseLiveAgentURL: 'https://d.la2-c1-ia2.salesforceliveagent.com/chat', eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I1U000000TVV0UAO_177f4c48932', isOfflineSupportEnabled: true } ); } }; if (!window.embedded_svc) { var s = document.createElement('script'); if (isDev == 'true') { s.setAttribute('src', 'https://iste--staging.sandbox.my.salesforce.com/embeddedservice/5.0/esw.min.js'); } else{ s.setAttribute('src', 'https://iste.my.salesforce.com/embeddedservice/5.0/esw.min.js'); } s.onload = function() { initESW(null); }; document.body.appendChild(s); } else { initESW('https://service.force.com'); } </script></body> </html>