CINXE.COM
ISTE | Blog Posts
<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> <meta name="referrer" content="origin-when-cross-origin" /> <meta property="ix:host" content="iste-prod.imgix.net"> <meta property="ix:useHttps" content="true"> <link rel="stylesheet" href="https://iste.org/dist/assets/main-f4944177.css"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PX5DHK');</script> <!-- End Google Tag Manager --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <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> <title>ISTE | Blog Posts</title><meta name="generator" content="SEOmatic"> <meta name="keywords" content="Technology, Education, Educators"> <meta name="description" content="We help educators around the world use technology to solve tough problems."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="ISTEofficial" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="ISTE" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://iste.org/blog" property="og:url"> <meta content="Blog Posts" property="og:title"> <meta content="We help educators around the world use technology to solve tough problems." property="og:description"> <meta content="https://cms-live-media.iste.org/_1200x630_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="ISTE Logo" property="og:image:alt"> <meta content="https://www.instagram.com/ISTEconnects/" property="og:see_also"> <meta content="https://www.youtube.com/@ISTEofficial" property="og:see_also"> <meta content="https://www.linkedin.com/company/isteofficial" property="og:see_also"> <meta content="https://www.facebook.com/ISTEofficial" property="og:see_also"> <meta content="https://twitter.com/ISTEofficial" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@https://twitter.com/ISTEofficial"> <meta name="twitter:creator" content="@https://twitter.com/ISTEofficial"> <meta name="twitter:title" content="Blog Posts"> <meta name="twitter:description" content="We help educators around the world use technology to solve tough problems."> <meta name="twitter:image" content="https://cms-live-media.iste.org/_800x418_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <meta name="twitter:image:alt" content="ISTE Logo"> <link href="https://iste.org/blog" rel="canonical"> <link href="https://iste.org/" rel="home"></head> <body class="relative"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PX5DHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="left-16 sr-only top-16 z-skip-link focus-within:not-sr-only focus-within:!absolute" data-component="SkipLink"> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 rounded-4 px-16 py-14 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current" href="https://iste.org/#main"> <span class="block">Skip to content</span> </a> </div> <header class="hidden relative z-header md:block" data-action="click@window->site-header-desktop#windowClick keydown.esc->site-header-desktop#close keydown.tab->site-header-desktop#tabForward keydown.shift+tab->site-header-desktop#tabBackward" data-controller="site-header-desktop" data-component="SiteHeaderDesktop"> <div class="bg-black relative text-white z-20"> <div class="px-sm-40-2xl-80"> <div class="flex gap-sm-48-2xl-96 items-stretch justify-between"> <div> <ul class="flex -ml-12"> <li> <a class="block p-12 bg-white transition-colors" href="/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 36 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="iste-utility-nav"> <g clip-path="url(#clippath-iste-utility-nav-a)"> <path d="M.42 6.34v9.12c1.05.61 2.17 1.17 3.33 1.61V6.34H.42Z" fill="#00274D" /> <path d="M11.95 19.08c-.48.35-.86.49-1.47.66a8.35 8.35 0 0 1-4.8-.23 6.26 6.26 0 0 1-1.93-1.1v1.25H.42v-3.44a23.18 23.18 0 0 0 11.53 2.86ZM17.94 18.28l-.78.2v1.18h3.32V17.5c-.83.3-1.68.57-2.54.78ZM27.29 16.91v-2.76h5.7v-2.58h-3.46a20.83 20.83 0 0 1-5.44 4.24v3.85h9.58V16.9h-6.38ZM33.2 6.34c-.49.94-1.02 1.85-1.63 2.7h1.74v-2.7h-.11Z" fill="#B7C726" /> <path d="M32.1 6.34a26.62 26.62 0 0 1-1.55 2.71h-3.26v2.52h1.24a20.32 20.32 0 0 1-4.44 3.67V9.1h-3.61l.01 7.95c-.83.38-1.59.6-2.45.84l-.89.22.01-9.01h-3.88v-.84L11.77 9.8a3 3 0 0 0-1.12-.84 3.2 3.2 0 0 0-2-.25c-.22.04-.43.11-.6.22-.19.1-.34.24-.46.41-.13.17-.19.39-.19.65 0 .23.05.41.15.56.1.15.24.29.42.4.19.11.41.21.67.3a46.43 46.43 0 0 1 2.33.8c.5.18.96.42 1.38.72.41.3.75.68 1.03 1.12.27.45.4 1 .4 1.67 0 .76-.14 1.42-.43 1.98-.26.5-.42.75-.83 1.1-.81 0-1.87-.07-2.7-.15-2.02-.2-3.77-.59-5.58-1.25l1.32-1.3a4 4 0 0 0 1.33 1 3.7 3.7 0 0 0 2.35.33c.24-.05.44-.13.62-.24a1.25 1.25 0 0 0 .57-1.13c0-.25-.07-.47-.2-.64a1.89 1.89 0 0 0-.55-.48 4.52 4.52 0 0 0-.9-.4c-.35-.12-.75-.25-1.2-.38-.44-.14-.87-.3-1.3-.5-.41-.18-.79-.42-1.12-.72-.33-.3-.6-.65-.8-1.07-.2-.42-.3-.93-.3-1.53a3.7 3.7 0 0 1 1.7-3.2c.5-.34 1.07-.59 1.7-.74a7.31 7.31 0 0 1 5.82.94v-.84H32.1ZM33.98 19a.66.66 0 0 1 .21-.48.76.76 0 0 1 .51-.2c.1 0 .2 0 .28.05.08.03.16.08.23.15a.67.67 0 0 1 0 .97.73.73 0 0 1-.78.15.71.71 0 0 1-.39-.37.66.66 0 0 1-.06-.27Zm.12 0c0 .08.01.16.04.23a.6.6 0 0 0 .56.36.6.6 0 0 0 .43-.17.6.6 0 0 0 .17-.42.57.57 0 0 0-.17-.41.6.6 0 0 0-.43-.17.6.6 0 0 0-.56.35.56.56 0 0 0-.04.23Zm.32-.4h.29l.1.02c.04 0 .07.02.1.04a.2.2 0 0 1 .1.18c0 .06-.02.1-.05.14a.26.26 0 0 1-.14.07l.22.34h-.18l-.19-.33h-.1v.33h-.15v-.78Zm.26.35c.05 0 .09 0 .13-.02.03-.02.05-.05.05-.1 0-.04-.02-.07-.05-.08a.26.26 0 0 0-.1-.02h-.14v.22h.12Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-utility-nav-a"> <path fill="#fff" transform="translate(.42 6)" d="M0 0h35v14H0z" /> </clipPath> </defs> </svg> <span class="sr-only">Homepage</span></a> </li> <li> <a class="block p-12" href="https://www.ascd.org/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 56 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="ascd-utility-nav"> <path d="M23.73 15.36c.9 0 1.66-.8 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.8 1.67 1.8Zm1.66-6.08h2.74v8.6h-2.74v-.98a2.61 2.61 0 0 1-2.22 1.14c-1.98 0-3.9-1.7-3.9-4.48 0-2.79 1.93-4.5 3.9-4.5.81 0 1.72.39 2.22 1.14v-.92ZM31.14 14.4c-2.51-.75-2.47-2.27-2.47-2.9 0-1.3 1.47-2.57 3.26-2.57 1.69 0 3.53.74 3.51 2.97h-2.56c0-.53-.3-.77-.8-.77-.35 0-.68.15-.68.48 0 .22.1.42.6.55l1.43.43c2.06.59 2.24 2.04 2.24 2.6 0 1.9-1.93 2.73-3.63 2.73s-3.5-1.07-3.5-3.05h2.57c0 .37.25.89.93.89.44 0 .84-.22.84-.57 0-.26-.14-.33-.72-.5l-1.02-.3ZM44.06 15.8a4.12 4.12 0 0 1-3.54 2.12 4.35 4.35 0 0 1-4.46-4.48c0-2.73 2.07-4.5 4.46-4.5 1.55 0 2.73.84 3.53 2.12L41.8 12.5c-.3-.52-.81-.85-1.41-.85-.91 0-1.67.81-1.67 1.79 0 .97.76 1.79 1.67 1.79.57 0 1.07-.32 1.37-.8l2.3 1.37Z" fill="#fff" /> <path d="M48.5 15.24c.92 0 1.67-.81 1.67-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.75 1.79 1.66 1.79Zm1.67-8.86h2.74v11.37h-2.58V16.5c-.47 1.02-1.5 1.4-2.38 1.4-1.98 0-3.9-1.7-3.9-4.48 0-2.78 1.93-4.5 3.9-4.5.96 0 1.7.4 2.22 1.02V6.38Z" fill="#fff" /> <path opacity=".7" d="M14.99 12.44h-4.23v3.02h4.23v-3.02Z" fill="#fff" /> <path d="M14.99 7.9h-4.23v4.54h4.23V7.91ZM14.99 15.46h-4.23V20h4.23v-4.54Z" fill="#fff" /> <path opacity=".7" d="M10.76 7.9h-4.7v4.54h4.7V7.91ZM10.76 15.46h-4.7V20h4.7v-4.54Z" fill="#fff" /> <path d="M4.65 13.95c0-.83.63-1.51 1.41-1.51V7.9C2.94 7.9.42 10.61.42 13.95S2.94 20 6.06 20v-4.54c-.78 0-1.41-.67-1.41-1.5ZM8.89 0h-6.1l12.2 6.54S14.99 0 8.89 0Z" fill="#fff" /> <path opacity=".7" d="M2.79 0s0 6.54 6.1 6.54h6.1L2.79 0Z" fill="#fff" /> <path d="M54.57 6.32c.47 0 .85.42.85.93 0 .5-.38.92-.85.92-.48 0-.85-.41-.85-.92s.37-.93.85-.93Zm0 1.69c.39 0 .7-.34.7-.76s-.31-.77-.7-.77c-.4 0-.7.35-.7.77 0 .42.3.76.7.76Zm.13-.63c.13-.04.19-.16.19-.29 0-.15-.1-.3-.28-.3h-.34v.92h.17V7.4h.06l.21.32h.2l-.21-.33Zm-.1-.41c.08 0 .12.06.12.12 0 .07-.05.13-.12.13h-.16v-.25h.17Z" fill="#fff" /> </svg> <span class="sr-only">ASCD</span></a> </li> <li> <a class="block p-12" href="https://www.edsurge.com/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 60 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="edsurge-utility-nav"> <path d="M14.18 19.5c0 .29-.25.5-.5.5H.92c-.25 0-.5-.25-.5-.5V6.5c0-.25.25-.51.5-.51h12.72c.29 0 .54.26.54.51v12.98ZM2.7 17.23l6.8-3.35s.25-.17.25-.3c0-.12-.09-.2-.09-.2l-1.04-.94s-.08-.09-.08-.17c0-.08.08-.21.08-.21l3.21-3.52L5.3 12.1s-.25.17-.25.3c0 .13.08.21.08.21l1.04.93s.08.09.08.17c0 .09-.08.21-.08.21l-3.46 3.31Zm14.64-.42V9.1h5.7v1.48h-4.04v1.57h3.55v1.49H19v1.6h4.09v1.5h-5.75v.08Zm10.59 0v-.85c-.42.55-.96.98-1.8.98-1.33 0-2.62-1.06-2.62-3.06v-.04c0-1.95 1.25-3.05 2.62-3.05.88 0 1.42.42 1.8.89V8.76h1.66v8.02h-1.66v.04Zm.04-2.97c0-.98-.63-1.61-1.42-1.61-.75 0-1.42.63-1.42 1.6v.05c0 .98.67 1.61 1.42 1.61.8 0 1.42-.67 1.42-1.65Zm5.38 3.05c-1.13 0-2.3-.42-3.21-1.23l1-1.19c.66.56 1.37.94 2.25.94.67 0 1.08-.26 1.08-.72v-.04c0-.43-.25-.64-1.54-.98-1.54-.38-2.5-.8-2.5-2.34v-.04c0-1.4 1.08-2.33 2.62-2.33 1.09 0 2.05.34 2.8.98l-.88 1.27a3.58 3.58 0 0 0-1.96-.76c-.62 0-.96.3-.96.67v.05c0 .5.34.67 1.63 1.01 1.54.43 2.38.98 2.38 2.3v.04c.08 1.52-1.09 2.37-2.71 2.37Zm7.13-.08v-.85c-.38.5-.88.93-1.71.93-1.25 0-1.96-.85-1.96-2.2v-3.82h1.62v3.27c0 .8.38 1.18 1 1.18.63 0 1.05-.42 1.05-1.18v-3.27h1.62v5.9H40.5v.04Zm6.09-4.29c-1.09 0-1.76.68-1.76 2.08v2.17H43.2v-5.86h1.62v1.19c.34-.8.88-1.36 1.84-1.32v1.74h-.08Zm3.16 6.03c-.95 0-1.83-.21-2.54-.64l.54-1.27c.59.34 1.17.55 1.96.55 1.13 0 1.67-.55 1.67-1.61v-.3c-.5.6-1 .98-1.88.98-1.33 0-2.58-1.02-2.58-2.76v-.04c0-1.74 1.25-2.76 2.58-2.76.88 0 1.42.38 1.88.9v-.77H53v4.54c-.04 2.29-1.09 3.18-3.26 3.18Zm1.63-5c0-.81-.62-1.37-1.42-1.37-.79 0-1.41.56-1.41 1.36v.04c0 .81.62 1.36 1.41 1.36.8 0 1.42-.6 1.42-1.4Zm8 .88h-4.04c.17.77.67 1.15 1.42 1.15.54 0 .96-.17 1.42-.6l.95.85a2.92 2.92 0 0 1-2.37 1.1 2.93 2.93 0 0 1-3.05-3.05v-.04c0-1.7 1.17-3.06 2.88-3.06 1.92 0 2.84 1.53 2.84 3.18v.05c0 .17 0 .25-.04.42Zm-2.79-2.29c-.67 0-1.12.51-1.25 1.27h2.46c-.08-.76-.5-1.27-1.2-1.27Z" fill="#fff" /> </svg> <span class="sr-only">EdSurge</span></a> </li> </ul> </div> <ul class="dark flex gap-24 items-stretch"> <li class="flex items-center"> <a class="flex group text-ui-md gap-12" href="https://iste.org/sso/login/request" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Log In</span></a> </li><li class="flex items-center"> <a class="flex group text-ui-md gap-12" href="/become-a-member/" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Become a Member</span></a> </li> </ul> </div> </div> </div> <div class="px-sm-40-2xl-80 relative z-10"> <div class="flex gap-sm-48-2xl-96 items-stretch justify-between"> <a class="block my-12" href="/"><span class="sr-only">Homepage</span> <svg class="h-48 w-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-color"> <g clip-path="url(#clippath-iste-color-a)"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" fill="#00274D" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" fill="#B7C726" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-color-a"> <path fill="#fff" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> </a> <div class="flex gap-24 items-stretch"> <ul class="flex gap-24 items-stretch"> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Key Initiatives" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/key-initiatives">Key Initiatives</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Key Initiatives</div><ul class="h-full p-sm-24-2xl-32 space-y-24 columns-2 gap-sm-40-2xl-64"> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/ai" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Artificial Intelligence</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/computational-thinking" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Computational Thinking</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/digital-citizenship" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Digital Citizenship</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/edtech-product-selection" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Edtech Selection</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/global-collaborations" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Global Collaborations</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/steam-education" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">STEAM in Education</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/teacher-preparation-partners" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Teacher Preparation</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="ISTE Standards" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/standards">ISTE Standards</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under ISTE Standards</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/students" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=17" alt="Icon For Students" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=17" loading="lazy" sizes="auto" style="aspect-ratio: 1.0625;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">1. Students</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/educators" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Educators" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">2. Educators</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/education-leaders" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Education Leaders" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">3. Education Leaders</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/coaches" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Coaches" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">4. Coaches</span></a> </li> </ul></section> <section class="relative max-w-[40vw] w-max"><div class="sr-only">Secondary items under ISTE Standards</div><ul class="bg-gray-50 h-full p-sm-24-2xl-32 space-y-16"> <li class="space-y-24"> <div class="flex group text-label gap-12" data-component="SiteHeaderDesktop_MenuItem"><span class="">IMPLEMENTATION</span></div> <ul class="space-y-24"> <li> <a class="flex group text-ui-sm gap-8" href="https://iste.org/essential-conditions-for-effective-tech-use-in-schools" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Align Center" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Essential Conditions</span></a> </li> <li> <a class="flex group text-ui-sm gap-8" href="https://iste.org/adopting-the-standards" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Rating Star Give 1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Adopting the Standards</span></a> </li> </ul></li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Learning Library" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/learning-library">Learning Library</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Learning Library</div><ul class="h-full p-sm-24-2xl-32 space-y-24 columns-2 gap-sm-40-2xl-64"> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/books" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Book Close 2" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Books</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/blog" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Newspaper" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Blog Posts</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/topic-guides" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Compass 1 Alternate" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Topic Guides</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/podcasts" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Social Music Podcast" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Podcasts</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/webinars" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Video Player Laptop" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Webinars</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/journals" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Content Pen" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Journals</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Professional Development" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/professional-development">Professional Development</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Professional Development</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/iste-u" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTE U</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/professional-credentials" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Certifications</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/school-partners" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">School Partners</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/career-development" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Career Development</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Events" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/events">Events</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Events</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://event.ascd.org/ASCD2024LeadershipSummit/" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">2024 ASCD Leadership Summit</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2025" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTELive 25</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://event.ascd.org/2025/" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">2025 ASCD Annual Conference</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2023/program/leadership_exchange.php" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Leadership Exchange</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2024/exhibitors/solutions_summit.php" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Solutions Summit</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click->site-header-desktop#toggle details#toggle mouseenter->site-header-desktop#openAccordingToHover mouseleave->site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Edtech Providers" data-action="focus->site-header-desktop#toggleAccordingToFocus blur->site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/edtech-providers">Edtech Providers</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url('/dist/images/background-texture-container-noise.png'); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Edtech Providers</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/iste-seal" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTE Seal</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/edtech-index" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">EdTech Index</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/solutions-network" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Solutions Network</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/sponsorship-advertising" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Sponsorship & Advertising</span></a> </li> </ul></section> </div> </div></details> </li> </ul> <button type="button" data-controller="modal" data-modal-id-value="modal-91827500" data-modal-intent-value="search" data-action="modal#show"> <svg class="h-32 rounded-full transition w-32 focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </div> </div> </div> </header> <header class="bg-white flex gap-24 items-center justify-between px-20 relative sticky top-0 z-header md:hidden" data-component="SiteHeaderMobile" data-controller="site-header-mobile" data-site-header-mobile-breakpoint-value="48rem"> <div class="flex flex-grow items-center justify-start py-12"><a href="/"> <svg class="w-58" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-color"> <g clip-path="url(#clippath-iste-color-a)"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" fill="#00274D" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" fill="#B7C726" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-color-a"> <path fill="#fff" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> </a></div> <button type="button" data-controller="modal" data-modal-id-value="modal-739030881" data-modal-intent-value="search" data-action="modal#show"> <svg class="h-32 rounded-full transition w-32 focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> <details class="flex flex-col group/details h-mobile-header items-center sibling open:fixed end-0 open:start-0 top-0" data-action="site-header-mobile#toggle" data-controller="details" data-site-header-mobile-target="menu"> <summary aria-label="Toggle navigation menu" class="flex justify-end py-8 text-right group-open/details:bg-green-400 group-open/details:px-20" > <div class="group-open/details:hidden"> <div class="sr-only">Toggle open</div> <svg class="w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="hamburger"> <path d="M27.4 8.3H4.6a.6.6 0 0 1-.6-.6V6c0-.4.3-.7.6-.7h22.8c.3 0 .6.3.6.7v1.7c0 .3-.3.6-.6.6Zm0 8.6H4.6a.6.6 0 0 1-.6-.6v-1.8c0-.3.3-.6.6-.6h22.8c.3 0 .6.3.6.6v1.8c0 .3-.3.6-.6.6Zm0 8.6H4.6a.6.6 0 0 1-.6-.7v-1.7c0-.3.3-.6.6-.6h22.8c.3 0 .6.3.6.6v1.7c0 .4-.3.7-.6.7Z" fill="currentColor"/> </svg> </div> <div class="hidden group-open/details:inline-block"> <div class="sr-only">Toggle closed</div> <svg class="p-4 w-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </div> </summary> <div class="bg-green-50 flex flex-col h-100dvh-less-48 justify-between overflow-y-auto overscroll-contain"> <div class="flex-grow relative"> <div class="flex flex-col gap-40 h-full px-20"> <div class="flex-grow"> <div class="gap-16 grid grid-cols-2 pt-sm-48-2xl-96"> <a class="items-center font-900 leading-1 -tracking-0.02 flex gap-20 w-full text-14 rounded-4 px-16 py-9 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current justify-center" href="https://iste.org/sso/login/request"> <span class="block">Log In</span> </a> <a class="items-center font-900 leading-1 -tracking-0.02 flex gap-20 w-full text-14 rounded-4 px-16 py-9 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current justify-center" href="/become-a-member/"> <span class="block">Become a Member</span> </a> </div> <ul class="spacy-y-24 pt-sm-48-2xl-96 text-blue-500"> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/key-initiatives">Key Initiatives</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/key-initiatives">Key Initiatives</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/ai" data-component="SiteHeaderDesktop_MenuItem">Artificial Intelligence</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/computational-thinking" data-component="SiteHeaderDesktop_MenuItem">Computational Thinking</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/digital-citizenship" data-component="SiteHeaderDesktop_MenuItem">Digital Citizenship</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/edtech-product-selection" data-component="SiteHeaderDesktop_MenuItem">Edtech Selection</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/global-collaborations" data-component="SiteHeaderDesktop_MenuItem">Global Collaborations</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/steam-education" data-component="SiteHeaderDesktop_MenuItem">STEAM in Education</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/teacher-preparation-partners" data-component="SiteHeaderDesktop_MenuItem">Teacher Preparation</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/standards">ISTE Standards</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/standards">ISTE Standards</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/students" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=17" alt="Icon For Students" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=17" loading="lazy" sizes="auto" style="aspect-ratio: 1.0625;"> 1. Students</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/educators" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Educators" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 2. Educators</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/education-leaders" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Education Leaders" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 3. Education Leaders</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/coaches" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Icon For Coaches" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 4. Coaches</a> </li> </ul><ul> <li> <div class="flex font-900 uppercase gap-8 pb-24 text-14" data-component="SiteHeaderDesktop_MenuItem">IMPLEMENTATION</div> <ul> <li> <a class="flex font-500 text-18 gap-8 pb-24" href="https://iste.org/essential-conditions-for-effective-tech-use-in-schools" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-16 w-16" src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Align Center" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Essential Conditions</a> </li> <li> <a class="flex font-500 text-18 gap-8 pb-24" href="https://iste.org/adopting-the-standards" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-16 w-16" src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Rating Star Give 1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Adopting the Standards</a> </li> </ul></li> </ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/learning-library">Learning Library</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/learning-library">Learning Library</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/books" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Book Close 2" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Books</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/blog" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Newspaper" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Blog Posts</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/topic-guides" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Compass 1 Alternate" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Topic Guides</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/podcasts" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Social Music Podcast" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Podcasts</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/webinars" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Video Player Laptop" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Webinars</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/journals" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" alt="Content Pen" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=16&q=80&w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Journals</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/professional-development">Professional Development</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/professional-development">Professional Development</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/iste-u" data-component="SiteHeaderDesktop_MenuItem">ISTE U</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/professional-credentials" data-component="SiteHeaderDesktop_MenuItem">Certifications</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/school-partners" data-component="SiteHeaderDesktop_MenuItem">School Partners</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/career-development" data-component="SiteHeaderDesktop_MenuItem">Career Development</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/events">Events</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/events">Events</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://event.ascd.org/ASCD2024LeadershipSummit/" data-component="SiteHeaderDesktop_MenuItem">2024 ASCD Leadership Summit</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2025" data-component="SiteHeaderDesktop_MenuItem">ISTELive 25</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://event.ascd.org/2025/" data-component="SiteHeaderDesktop_MenuItem">2025 ASCD Annual Conference</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2023/program/leadership_exchange.php" data-component="SiteHeaderDesktop_MenuItem">Leadership Exchange</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2024/exhibitors/solutions_summit.php" data-component="SiteHeaderDesktop_MenuItem">Solutions Summit</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="<a href="https://iste.org/edtech-providers">Edtech Providers</a>" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/edtech-providers">Edtech Providers</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/iste-seal" data-component="SiteHeaderDesktop_MenuItem">ISTE Seal</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/edtech-index" data-component="SiteHeaderDesktop_MenuItem">EdTech Index</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/solutions-network" data-component="SiteHeaderDesktop_MenuItem">Solutions Network</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/sponsorship-advertising" data-component="SiteHeaderDesktop_MenuItem">Sponsorship & Advertising</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> </ul> </div> <div class="flex justify-center overflow-x-auto px-20"> <ul class="flex"> <li> <a class="block border-y-4 px-12 py-8 border-b-blue-500 border-t-transparent transition-colors" href="/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 36 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="iste-utility-nav"> <g clip-path="url(#clippath-iste-utility-nav-a)"> <path d="M.42 6.34v9.12c1.05.61 2.17 1.17 3.33 1.61V6.34H.42Z" fill="#00274D" /> <path d="M11.95 19.08c-.48.35-.86.49-1.47.66a8.35 8.35 0 0 1-4.8-.23 6.26 6.26 0 0 1-1.93-1.1v1.25H.42v-3.44a23.18 23.18 0 0 0 11.53 2.86ZM17.94 18.28l-.78.2v1.18h3.32V17.5c-.83.3-1.68.57-2.54.78ZM27.29 16.91v-2.76h5.7v-2.58h-3.46a20.83 20.83 0 0 1-5.44 4.24v3.85h9.58V16.9h-6.38ZM33.2 6.34c-.49.94-1.02 1.85-1.63 2.7h1.74v-2.7h-.11Z" fill="#B7C726" /> <path d="M32.1 6.34a26.62 26.62 0 0 1-1.55 2.71h-3.26v2.52h1.24a20.32 20.32 0 0 1-4.44 3.67V9.1h-3.61l.01 7.95c-.83.38-1.59.6-2.45.84l-.89.22.01-9.01h-3.88v-.84L11.77 9.8a3 3 0 0 0-1.12-.84 3.2 3.2 0 0 0-2-.25c-.22.04-.43.11-.6.22-.19.1-.34.24-.46.41-.13.17-.19.39-.19.65 0 .23.05.41.15.56.1.15.24.29.42.4.19.11.41.21.67.3a46.43 46.43 0 0 1 2.33.8c.5.18.96.42 1.38.72.41.3.75.68 1.03 1.12.27.45.4 1 .4 1.67 0 .76-.14 1.42-.43 1.98-.26.5-.42.75-.83 1.1-.81 0-1.87-.07-2.7-.15-2.02-.2-3.77-.59-5.58-1.25l1.32-1.3a4 4 0 0 0 1.33 1 3.7 3.7 0 0 0 2.35.33c.24-.05.44-.13.62-.24a1.25 1.25 0 0 0 .57-1.13c0-.25-.07-.47-.2-.64a1.89 1.89 0 0 0-.55-.48 4.52 4.52 0 0 0-.9-.4c-.35-.12-.75-.25-1.2-.38-.44-.14-.87-.3-1.3-.5-.41-.18-.79-.42-1.12-.72-.33-.3-.6-.65-.8-1.07-.2-.42-.3-.93-.3-1.53a3.7 3.7 0 0 1 1.7-3.2c.5-.34 1.07-.59 1.7-.74a7.31 7.31 0 0 1 5.82.94v-.84H32.1ZM33.98 19a.66.66 0 0 1 .21-.48.76.76 0 0 1 .51-.2c.1 0 .2 0 .28.05.08.03.16.08.23.15a.67.67 0 0 1 0 .97.73.73 0 0 1-.78.15.71.71 0 0 1-.39-.37.66.66 0 0 1-.06-.27Zm.12 0c0 .08.01.16.04.23a.6.6 0 0 0 .56.36.6.6 0 0 0 .43-.17.6.6 0 0 0 .17-.42.57.57 0 0 0-.17-.41.6.6 0 0 0-.43-.17.6.6 0 0 0-.56.35.56.56 0 0 0-.04.23Zm.32-.4h.29l.1.02c.04 0 .07.02.1.04a.2.2 0 0 1 .1.18c0 .06-.02.1-.05.14a.26.26 0 0 1-.14.07l.22.34h-.18l-.19-.33h-.1v.33h-.15v-.78Zm.26.35c.05 0 .09 0 .13-.02.03-.02.05-.05.05-.1 0-.04-.02-.07-.05-.08a.26.26 0 0 0-.1-.02h-.14v.22h.12Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-utility-nav-a"> <path fill="#fff" transform="translate(.42 6)" d="M0 0h35v14H0z" /> </clipPath> </defs> </svg> <span class="sr-only">Homepage</span></a> </li> <li> <a class="block border-y-4 px-12 py-8 border-transparent" href="https://www.ascd.org/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 56 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="ascd-mobile-nav"> <path d="M24.02 15.36c.9 0 1.66-.8 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.8 1.67 1.8Zm1.66-6.08h2.74v8.6h-2.74v-.98a2.61 2.61 0 0 1-2.22 1.14c-1.98 0-3.9-1.7-3.9-4.48 0-2.79 1.93-4.5 3.9-4.5.81 0 1.72.39 2.22 1.14v-.92ZM31.43 14.4c-2.5-.74-2.47-2.27-2.47-2.9 0-1.3 1.48-2.57 3.26-2.57 1.69 0 3.53.74 3.51 2.97h-2.56c0-.53-.29-.77-.8-.77-.35 0-.68.15-.68.48 0 .22.1.42.6.55l1.43.43c2.07.59 2.24 2.04 2.24 2.6 0 1.9-1.93 2.73-3.63 2.73s-3.5-1.07-3.5-3.05h2.57c0 .37.25.89.93.89.45 0 .84-.22.84-.57 0-.26-.14-.33-.72-.5l-1.02-.3ZM44.35 15.8a4.12 4.12 0 0 1-3.54 2.12 4.35 4.35 0 0 1-4.46-4.48c0-2.73 2.07-4.5 4.46-4.5 1.55 0 2.73.84 3.53 2.12L42.1 12.5c-.3-.52-.8-.85-1.41-.85-.91 0-1.67.81-1.67 1.79 0 .97.76 1.79 1.67 1.79.57 0 1.07-.32 1.37-.8l2.3 1.37Z" fill="#00274D" /> <path d="M48.8 15.24c.9 0 1.66-.81 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.79 1.67 1.79Zm1.66-8.86h2.74v11.37h-2.58V16.5c-.47 1.02-1.5 1.4-2.38 1.4-1.98 0-3.9-1.7-3.9-4.48 0-2.78 1.93-4.5 3.9-4.5.97 0 1.7.4 2.22 1.02V6.38Z" fill="#00274D" /> <path opacity=".7" d="M15.28 12.44h-4.23v3.02h4.23v-3.02Z" fill="#00274D" /> <path d="M15.28 7.9h-4.23v4.54h4.23V7.91ZM15.28 15.46h-4.23V20h4.23v-4.54Z" fill="#00274D" /> <path opacity=".7" d="M11.05 7.9h-4.7v4.54h4.7V7.91ZM11.05 15.46h-4.7V20h4.7v-4.54Z" fill="#00274D" /> <path d="M4.94 13.95c0-.83.63-1.51 1.41-1.51V7.9C3.23 7.9.71 10.61.71 13.95S3.23 20 6.35 20v-4.54c-.78 0-1.4-.67-1.4-1.5ZM9.18 0h-6.1l12.2 6.54S15.28 0 9.18 0Z" fill="#00274D" /> <path opacity=".7" d="M3.08 0s0 6.54 6.1 6.54h6.1L3.08 0Z" fill="#00274D" /> <path d="M54.86 6.32c.47 0 .85.42.85.93 0 .5-.38.92-.85.92-.48 0-.85-.41-.85-.92s.37-.93.85-.93Zm0 1.69c.4 0 .7-.34.7-.76s-.3-.77-.7-.77c-.4 0-.7.35-.7.77 0 .42.3.76.7.76Zm.13-.63c.13-.04.19-.16.19-.29 0-.15-.1-.3-.28-.3h-.33v.92h.16V7.4h.06l.21.32h.2l-.2-.33h-.01Zm-.1-.41c.08 0 .12.06.12.12 0 .07-.05.13-.12.13h-.16v-.25h.17Z" fill="#00274D" /> </svg> <span class="sr-only">ASCD</span></a> </li> <li> <a class="block border-y-4 px-12 py-8 border-transparent" href="https://www.edsurge.com/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 60 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="edsurge-mobile-nav"> <path d="M14.47 19.5c0 .29-.25.5-.5.5H1.2c-.25 0-.5-.25-.5-.5V6.5c0-.25.25-.51.5-.51h12.72c.29 0 .54.26.54.51v12.98ZM3 17.23l6.8-3.35s.25-.17.25-.3c0-.12-.08-.2-.08-.2l-1.05-.94s-.08-.09-.08-.17c0-.08.08-.21.08-.21l3.21-3.52L5.6 12.1s-.25.17-.25.3c0 .13.08.21.08.21l1.04.93s.08.09.08.17c0 .09-.08.21-.08.21L3 17.25Zm14.64-.42V9.1h5.7v1.48H19.3v1.57h3.55v1.49H19.3v1.6h4.09v1.5h-5.75v.08Zm10.59 0v-.85c-.42.55-.96.98-1.8.98-1.33 0-2.62-1.06-2.62-3.06v-.04c0-1.95 1.25-3.05 2.62-3.05.88 0 1.42.42 1.8.89V8.76h1.67v8.02h-1.67v.04Zm.04-2.97c0-.98-.63-1.61-1.42-1.61-.75 0-1.42.63-1.42 1.6v.05c0 .98.67 1.61 1.42 1.61.8 0 1.42-.67 1.42-1.65Zm5.38 3.05c-1.13 0-2.3-.42-3.21-1.23l1-1.19c.66.56 1.37.94 2.25.94.67 0 1.08-.26 1.08-.72v-.04c0-.43-.25-.64-1.54-.98-1.54-.38-2.5-.8-2.5-2.34v-.04c0-1.4 1.08-2.33 2.62-2.33 1.09 0 2.05.34 2.8.98l-.88 1.27a3.58 3.58 0 0 0-1.96-.76c-.62 0-.96.3-.96.67v.05c0 .5.34.67 1.63 1.01 1.54.43 2.38.98 2.38 2.3v.04c.08 1.52-1.09 2.37-2.71 2.37Zm7.13-.08v-.85c-.38.5-.88.93-1.71.93-1.25 0-1.96-.85-1.96-2.2v-3.82h1.63v3.27c0 .8.37 1.18 1 1.18.62 0 1.04-.42 1.04-1.18v-3.27h1.62v5.9h-1.62v.04Zm6.09-4.29c-1.09 0-1.75.68-1.75 2.08v2.17h-1.63v-5.86h1.63v1.19c.33-.8.87-1.36 1.83-1.32v1.74h-.08Zm3.16 6.03c-.95 0-1.83-.21-2.54-.64l.54-1.27c.59.34 1.17.55 1.96.55 1.13 0 1.67-.55 1.67-1.61v-.3c-.5.6-1 .98-1.87.98-1.34 0-2.59-1.02-2.59-2.76v-.04c0-1.74 1.25-2.76 2.59-2.76.87 0 1.41.38 1.87.9v-.77h1.63v4.54c-.04 2.29-1.09 3.18-3.26 3.18Zm1.63-5c0-.81-.62-1.37-1.42-1.37-.79 0-1.41.56-1.41 1.36v.04c0 .81.62 1.36 1.41 1.36.8 0 1.42-.6 1.42-1.4Zm8 .88h-4.04c.17.77.67 1.15 1.42 1.15.54 0 .96-.17 1.42-.6l.96.85a2.92 2.92 0 0 1-2.38 1.1A2.93 2.93 0 0 1 54 13.9v-.04c0-1.7 1.16-3.06 2.87-3.06 1.92 0 2.84 1.53 2.84 3.18v.05c0 .17 0 .25-.04.42Zm-2.79-2.29c-.66 0-1.12.51-1.25 1.27h2.46c-.08-.76-.5-1.27-1.2-1.27Z" fill="#00274D" /> </svg> <span class="sr-only">EdSurge</span></a> </li> </ul> </div> </div> </div> </div> </details> </header> <main id="main"> <div data-component="ResourceLandingLayout"> <div class="bg-gray-100 py-12 px-sm-20-2xl-80"> <div class="relative"> <details class="group/details md:hidden" data-action="details#toggle" data-controller="details" > <summary aria-label="Expand breadcrumbs. Homepage" class="min-h-24 flex items-center overflow-hidden relative after:absolute after:top-0 after:right-0 after:bg-gradient-to-l after:from-gray-100 after:from-30% after:to-transparent after:w-[7rem] after:h-full"> <a href="/" class="me-12"> <span class="sr-only">Homepage</span> <svg class="w-16 h-16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="home"><path d="M8.395 1.494a.556.556 0 0 0-.79 0l-6.11 6.111a.556.556 0 0 0-.117.606.556.556 0 0 0 .511.344h.694a.139.139 0 0 1 .14.139v5.417a.556.556 0 0 0 .555.555h3.055a.555.555 0 0 0 .556-.555v-2.778a1.111 1.111 0 0 1 2.222 0v2.778a.556.556 0 0 0 .556.555h3.055a.555.555 0 0 0 .556-.555V8.694a.139.139 0 0 1 .139-.139h.694a.555.555 0 0 0 .511-.344.556.556 0 0 0-.116-.606L8.395 1.494Zm4.183 5.761a.128.128 0 0 1 .039.128.145.145 0 0 1-.09.1.556.556 0 0 0-.36.516v5.417a.139.139 0 0 1-.14.139h-1.666a.14.14 0 0 1-.139-.139v-2.083a2.222 2.222 0 0 0-4.444 0v2.083a.14.14 0 0 1-.139.139H3.972a.139.139 0 0 1-.139-.139V8a.556.556 0 0 0-.36-.516.144.144 0 0 1-.09-.1.128.128 0 0 1 .04-.128L7.9 2.772a.14.14 0 0 1 .2 0l4.478 4.483Z" fill="currentColor"/></svg> </a> <div class="whitespace-nowrap flex items-center gap-12 group-open/details:hidden"> <span class="text-teal-300 text-ui-sm" role="presentation">•</span> <span> Learning Library </span> <span class="text-teal-300 text-ui-sm" role="presentation">•</span> <span> Blog </span> </div> <div class="absolute right-0 top-0 bottom-0 flex justify-center items-center pointer-events-none"> <div class="w-24 h-24 rounded-full text-blue-500 flex justify-center items-center relative z-10 group-open/details:bg-blue-500 group-open/details:text-white transition-colors"> <span class="sr-only">Expand breadcrumbs</span> <svg class="w-12" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="ellipsis"> <circle cx="2" cy="2" r="2" fill="currentColor"/> <circle cx="8" cy="2" r="2" fill="currentColor"/> <circle cx="14" cy="2" r="2" fill="currentColor"/> </svg> </div> </div> </summary> <ul class="flex flex-col gap-12 mt-12"> <li> <a class="underline whitespace-nowrap" href="https://iste.org/learning-library"> Learning Library </a> </li> <li class="font-700 whitespace-nowrap">Blog </li> </ul> </details> <ul class="hidden md:flex items-center gap-12 text-blue-500 font-700 md:font-400 overflow-hidden relative after:absolute after:top-0 after:right-0 after:bg-gradient-to-l after:from-gray-100 after:from-30% after:to-transparent after:w-[7rem] after:h-full"> <li> <a href="/"> <span class="sr-only">Homepage</span> <svg class="w-16 h-16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="home"><path d="M8.395 1.494a.556.556 0 0 0-.79 0l-6.11 6.111a.556.556 0 0 0-.117.606.556.556 0 0 0 .511.344h.694a.139.139 0 0 1 .14.139v5.417a.556.556 0 0 0 .555.555h3.055a.555.555 0 0 0 .556-.555v-2.778a1.111 1.111 0 0 1 2.222 0v2.778a.556.556 0 0 0 .556.555h3.055a.555.555 0 0 0 .556-.555V8.694a.139.139 0 0 1 .139-.139h.694a.555.555 0 0 0 .511-.344.556.556 0 0 0-.116-.606L8.395 1.494Zm4.183 5.761a.128.128 0 0 1 .039.128.145.145 0 0 1-.09.1.556.556 0 0 0-.36.516v5.417a.139.139 0 0 1-.14.139h-1.666a.14.14 0 0 1-.139-.139v-2.083a2.222 2.222 0 0 0-4.444 0v2.083a.14.14 0 0 1-.139.139H3.972a.139.139 0 0 1-.139-.139V8a.556.556 0 0 0-.36-.516.144.144 0 0 1-.09-.1.128.128 0 0 1 .04-.128L7.9 2.772a.14.14 0 0 1 .2 0l4.478 4.483Z" fill="currentColor"/></svg> </a> </li> <li class="text-teal-300 text-ui-sm" role="presentation">•</li> <li> <a class="md:underline whitespace-nowrap" href="https://iste.org/learning-library"> Learning Library </a> </li> <li class="text-teal-300 text-ui-sm" role="presentation">•</li> <li class="font-700 whitespace-nowrap">Blog </li> </ul> </div> </div> <div data-component="SecondaryHeroBlock"> <div data-component="SecondaryHero"> <div class="relative" data-component="BackgroundTextureContainer"> <div class="absolute inset-0 overflow-hidden h-full w-full background-secondary-hero-mobile sm:background-secondary-hero" style="background-blend-mode: luminosity, normal, normal, normal, normal;"> <div class="absolute bg-repeat h-full inset-0 w-full"></div> <div class="absolute bg-repeat h-full inset-0 mix-blend-overlay w-full" style="background-image: url('/dist/images/background-texture-container-grid.png'); background-size: 50px 50px;"></div> </div> <div class="relative"> <div class="relative sm:px-sm-20-2xl-80 dark"> <div class="mx-auto max-w-1280"> <div class="grid sm:grid-cols-hero sm:items-center sm:gap-sm-32-2xl-134"> <div class="flex flex-col pt-16 pb-32 gap-24 max-sm:pt-sm-32-2xl-243"> <h1 class="rich-text text-headline-2xl text-blue-500 dark:text-white"><p>Blog Posts</p></h1> <div class="flex flex-col gap-sm-32-2xl-40 items-start"> <div class="rich-text text-body-xl text-blue-500 dark:text-white img-no-scale">The ISTE Blog is where edtech experts share practical strategies and ideas that educators can easily adapt for their classrooms, schools and districts. Aligned with the ISTE Standards, these posts help educators use tech to revolutionize learning.</div> </div> </div> <div class="max-sm:pt-sm-32-2xl-243 relative"> <div class="relative p-sm-30-2xl-48" data-component="FrameContainer"> <div class="relative"> <img class="rounded-12 shadow-card-extra" src="https://iste-prod.imgix.net/www-root/2022-01/Connected_Ed_blog.png?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=279&q=80&w=495" alt="Blog Main" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/www-root/2022-01/Connected_Ed_blog.png?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=279&q=80&w=495" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="py-sm-48-2xl-64"> <div data-component="page-builder"> <div class="space-y-sm-32-2xl-64" data-component="page-builder_PageBlocks"><div id="featured-posts-1" class="max-md:scroll-mt-mobile-header"> <article class="bg-transparent" data-component="CardGrid"><div class=""> <div class="px-page-block-gutter"> <div class="max-w-1280 mx-auto space-y-32"> <div class="" data-component="SectionHeader"> <div class="max-w-1280 mx-auto grid gap-sm-12-2xl-24 lg:grid-cols-3"> <div class="lg:col-span-3 space-y-sm-12-2xl-24"> <h2 class="rich-text font-800 text-headline-xl [&:has(strong)]:font-500 [&_strong]:font-800">Featured Posts</h2> </div> </div> </div> <div class="grid sm:grid-cols-1 lg:grid-cols-3 gap-32" data-component="CardGrid"><div class="flex w-full [&>*]:w-full" data-component="PageBlocksArticleCard"> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 347814692" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 347814692" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Artificial Intelligence</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">AI in the Classroom – Moving Beyond Challenges to Innovation</div> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Author, speaker, and educator Rachelle Dené Poth believes that AI can transform classrooms for students and teachers through thoughtful and ethical use.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/ai-in-the-classroom-moving-beyond-challenges-to-innovation" analytics-cta-name="Read the Article, AI in the Classroom – Moving Beyond Challenges to Innovation" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/ai-in-the-classroom-moving-beyond-challenges-to-innovation" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> </div> <div class="flex w-full [&>*]:w-full" data-component="PageBlocksArticleCard"> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 308933657" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 308933657" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Artificial Intelligence</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">A Fast and Fun Educator Starter Guide to Using an AI Chatbot</div> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>This easy-to-follow primer guides curious educators in getting started with an AI chatbot, including sample prompts.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/a-fast-and-fun-educator-starter-guide-to-using-an-ai-chatbot" analytics-cta-name="Read the Article, A Fast and Fun Educator Starter Guide to Using an AI Chatbot" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/a-fast-and-fun-educator-starter-guide-to-using-an-ai-chatbot" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> </div> <div class="flex w-full [&>*]:w-full" data-component="PageBlocksArticleCard"> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 410796739" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 410796739" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Edtech Tools & Devices</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">5 Ways to Evaluate Educational Apps for Safety, Quality and Equity</div> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Choosing educational apps for use in schools requires a lot of research. These resources can help educators make the best choices in the shortest amount of time.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/5-ways-to-evaluate-educational-apps-for-safety-quality-and-equity" analytics-cta-name="Read the Article, 5 Ways to Evaluate Educational Apps for Safety, Quality and Equity" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/5-ways-to-evaluate-educational-apps-for-safety-quality-and-equity" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> </div> </div> </div> </div> </div></article> </div><div id="anchor-link-to-the-search-section-1" class="max-md:scroll-mt-mobile-header"> <div class="" data-component="Richtext"><div class="text-blue-500"><div class="max-w-1280 mx-auto"><div id="element-1812311872" class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="search"></a></div></div></div></div> </div></div> </div> </div> <div class="pb-sm-48-2xl-64 text-center blog-ad"> <script type="text/javascript">if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script><script type="text/javascript"> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc596479 = window.plc596479 || 0; document.write('<'+'div id="placement_596479_'+plc596479+'" style="height:90px"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(165731, 596479, [728,90], 'placement_596479_'+opt.place, opt); }, opt: { place: plc596479++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); </script> </div> <div id="component-esbnxh" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:siteId":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:id":"1f3838169917f8918b3b1423c4edd063cf7114d392a8429115f361a156f7e0cfcomponent-esbnxh","sprig:component":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:template":"038b8e39e177b7efdca88fee37af93b31a4a1e29493659869278da6153182ce6_sprig\/algolia-search-filtering.twig","sprig:variables[filtersSections]":"535bbd7f49c7e0286ff36e28917ead0db34ad9d1216af6063a3b273dc84a3f30[\u0022blog\u0022]","sprig:variables[mediaType]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:variables[showMediaTypeFilter]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:variables[pageTitle]":"34fbf294f81403472f6c679eb76766a873d650c090b1f4eb8bcd542b81cffc23Blog Posts","sprig:variables[popularSearches]":"56bd361c27a5f443031403133f907695844a1703beade2f79b2c7d7e5662e068[\u0022Artificial Intelligence\u0022,\u0022Digital Citizenship\u0022,\u0022SEL\u0022]","sprig:variables[showSearchControls]":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:variables[showSearchControlsFreeFormSection]":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:variables[localSearch]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:variables[compactCard]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:variables[isTextRight]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:variables[showTopicControl]":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:variables[singleResultPerLine]":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77"}"> <div data-component="AlgoliaSearchFiltering"> <div class="bg-neutral px-sm-20-2xl-80 pb-sm-16-2xl-32 pt-sm-16-2xl-32"> <div class="max-w-1280 mx-auto"> <h2 class="text-headline-xl mb-sm-32-2xl-32 font-800">Search Blog Posts</h2> <form class="searchForm flex relative" sprig data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <input type="search" placeholder="What are you looking for?" name="query" value="" class="border-0 bg-transparent rounded-none border-b-2 border-black ps-0 pe-48 appearance-none focus-visible:outline-offset-4 text-body-xl" > <button type="submit" value="Search" class="absolute right-0 top-1/2 -translate-y-1/2"> <svg class="w-32 h-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </form> <div class="popularSearches flex flex-wrap gap-sm-12-2xl-16 items-center mt-sm-16-2xl-24"> <span class="text-ui-sm uppercase font-700">Popular Searches</span> <button class="border-b border-teal-500 hover:text-teal-500" s-val:query="Artificial Intelligence" sprig data-hx-vals="{"query":"Artificial Intelligence"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>Artificial Intelligence</button> <button class="border-b border-teal-500 hover:text-teal-500" s-val:query="Digital Citizenship" sprig data-hx-vals="{"query":"Digital Citizenship"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>Digital Citizenship</button> <button class="border-b border-teal-500 hover:text-teal-500" s-val:query="SEL" sprig data-hx-vals="{"query":"SEL"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>SEL</button> </button> </div> </div> </div> <div class="filters px-sm-20-2xl-80 py-sm-16-2xl-32"> <div class="max-w-1280 w-full mx-auto flex flex-col gap-24"> <div class="flex flex-col md:flex-row gap-16 w-full"> <div class="relative w-full"> <svg class="w-24 h-24 absolute left-16 top-1/2 -translate-y-1/2 z-10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true" data-icon="audience"><path d="M8 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" fill="currentColor"/><path d="M9.39 9.25a4 4 0 0 0-4.67 1.46.24.24 0 0 0 0 .23.26.26 0 0 0 .18.16 4 4 0 0 1 2.52 1.78.25.25 0 0 0 .21.12h.8a.25.25 0 0 0 .21-.12 4 4 0 0 1 2.52-1.78.259.259 0 0 0 .18-.16.24.24 0 0 0 0-.23 4 4 0 0 0-1.95-1.46ZM16 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM17.39 9.25a4 4 0 0 0-4.67 1.46.24.24 0 0 0 0 .23.26.26 0 0 0 .18.16 4 4 0 0 1 2.52 1.78.25.25 0 0 0 .21.12h.8a.25.25 0 0 0 .21-.12 4 4 0 0 1 2.52-1.78.259.259 0 0 0 .18-.16.24.24 0 0 0 0-.23 4 4 0 0 0-1.95-1.46ZM4 17.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM2.61 18.75A4 4 0 0 0 .8 20.1a.23.23 0 0 0 0 .26.24.24 0 0 0 .2.14h6a.24.24 0 0 0 .22-.14.23.23 0 0 0 0-.26 4 4 0 0 0-4.59-1.35h-.02ZM12 17.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM10.61 18.75A4 4 0 0 0 8.8 20.1a.23.23 0 0 0 0 .26.24.24 0 0 0 .2.14h6a.24.24 0 0 0 .22-.14.23.23 0 0 0 0-.26 4 4 0 0 0-4.59-1.35h-.02ZM20 17.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM18.61 18.75a4 4 0 0 0-1.81 1.35.23.23 0 0 0 0 .26.24.24 0 0 0 .2.14h6a.24.24 0 0 0 .22-.14.23.23 0 0 0 0-.26 4 4 0 0 0-4.59-1.35h-.02Z" fill="currentColor"/></svg> <select id="audience" class="w-full ps-48 appearance-none" name="audience" sprig data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <option value="">Audience</option> <option value="District Leaders" >District Leaders</option> <option value="Education Faculty & Trainers" >Education Faculty & Trainers</option> <option value="Instructional & Curriculum Designers" >Instructional & Curriculum Designers</option> <option value="Librarians" >Librarians</option> <option value="School & Building Leaders" >School & Building Leaders</option> <option value="Teachers: Higher Education" >Teachers: Higher Education</option> <option value="Teachers: PK-12" >Teachers: PK-12</option> <option value="Teachers: Preservice" >Teachers: Preservice</option> <option value="Technology Coach" >Technology Coach</option> <option value="Technology Director" >Technology Director</option> <option value="Technology/Instructional Coach" >Technology/Instructional Coach</option> </select> <svg class="w-24 h-24 absolute right-12 top-1/2 -translate-y-1/2 pointer-events-none" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> <div class="relative w-full"> <svg class="w-24 h-24 absolute left-16 top-1/2 -translate-y-1/2 z-10 pointer-events-none" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true" data-icon="categories"><path d="m21.48 3.57-2.86-3a1.82 1.82 0 0 0-1.3-.57H11a2 2 0 0 0-2 2v1.5H6.5a1 1 0 0 0-1 1V7H3a1 1 0 0 0-1 1v14.17A1.83 1.83 0 0 0 3.83 24H14.5a1 1 0 0 0 1-1v-2.5H18a1 1 0 0 0 1-1V17h1.17A1.83 1.83 0 0 0 22 15.17V4.84a1.779 1.779 0 0 0-.52-1.27ZM13 22H4.5a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h.75a.25.25 0 0 1 .25.25v9.42a1.83 1.83 0 0 0 1.83 1.83h5.92a.25.25 0 0 1 .25.25v.75a.5.5 0 0 1-.5.5Zm3.5-3.5H8a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h.75a.25.25 0 0 1 .25.25V15a2 2 0 0 0 2 2h5.75a.25.25 0 0 1 .25.25V18a.5.5 0 0 1-.5.5Zm3-3.5h-8a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5H17a.52.52 0 0 1 .37.16l2.46 2.61a.48.48 0 0 1 .14.34v9.39a.5.5 0 0 1-.47.5Z" fill="currentColor"/></svg> <select id="topic" class="w-full ps-48 appearance-none" name="topic" sprig data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <option value="">Topic</option> <option value="Accessibility & UDL" >Accessibility & UDL</option> <option value="Advocacy, Policy & Funding" >Advocacy, Policy & Funding</option> <option value="Artificial Intelligence" >Artificial Intelligence</option> <option value="Assessment" >Assessment</option> <option value="Augmented, Virtual & Mixed Reality" >Augmented, Virtual & Mixed Reality</option> <option value="Blended & Online Learning" >Blended & Online Learning</option> <option value="Computer Science & Computational Thinking" >Computer Science & Computational Thinking</option> <option value="Curriculum Design" >Curriculum Design</option> <option value="Digital Citizenship & Media Literacy" >Digital Citizenship & Media Literacy</option> <option value="Digital Media & Creativity" >Digital Media & Creativity</option> <option value="Diversity, Equity & Inclusion" >Diversity, Equity & Inclusion</option> <option value="Edtech Coaching" >Edtech Coaching</option> <option value="Edtech Planning & Procurement" >Edtech Planning & Procurement</option> <option value="Edtech Tools & Devices" >Edtech Tools & Devices</option> <option value="Education Leadership" >Education Leadership</option> <option value="Family Engagement" >Family Engagement</option> <option value="Gaming & Gamification" >Gaming & Gamification</option> <option value="Global Collaboration" >Global Collaboration</option> <option value="ISTE Standards" >ISTE Standards</option> <option value="Learning Sciences" >Learning Sciences</option> <option value="Libraries & Makerspaces" >Libraries & Makerspaces</option> <option value="Miscellaneous" >Miscellaneous</option> <option value="Online Privacy & Safety" >Online Privacy & Safety</option> <option value="Professional Development & Well-Being" >Professional Development & Well-Being</option> <option value="Reading & Writing" >Reading & Writing</option> <option value="STEM & STEAM" >STEM & STEAM</option> <option value="Social-Emotional Learning" >Social-Emotional Learning</option> <option value="Teacher Preparation" >Teacher Preparation</option> <option value="Teaching Strategies" >Teaching Strategies</option> </select> <svg class="w-24 h-24 absolute right-12 top-1/2 -translate-y-1/2 pointer-events-none" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </div> <div class="clear"> <button id="clearSelection" class="bg-purple-50 md:text-black border border-purple-500 rounded-4 py-8 px-16 flex text-ui-sm uppercase font-800 gap-8 items-center md:hover:bg-purple-500 md:hover:text-white transition-colors md:focus-visible:bg-purple-500 md:focus-visible:text-white active:bg-purple-700 active:text-white" sprig s-vals="{"topic":"","audience":"","mediaType":"","courseType":"","startDate":"","credentialType":"","filter":"","query":""}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"topic":"","audience":"","mediaType":"","courseType":"","startDate":"","credentialType":"","filter":"","query":""}" data-sprig-parsed> <span>Clear Selection</span> <svg class="w-20 h-20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="rotate"><g><path d="M9.933 3.333a.2.2 0 0 1-.141-.341l1.566-1.567A.837.837 0 1 0 10.175.242L6.842 3.575a.834.834 0 0 0 0 1.183l3.333 3.334a.837.837 0 0 0 1.183-1.184L9.792 5.342A.2.2 0 0 1 9.933 5a6.667 6.667 0 1 1 0 13.333.833.833 0 1 0 0 1.667 8.333 8.333 0 0 0 0-16.667ZM7.358 17.817c-.511-.22-.995-.5-1.441-.834a.84.84 0 1 0-1 1.35 8.333 8.333 0 0 0 1.791 1.034.83.83 0 0 0 1.092-.45.834.834 0 0 0-.442-1.1ZM3.384 12.933a.85.85 0 1 0-1.667.325c.141.722.376 1.423.7 2.084a.835.835 0 0 0 1.5-.734 6.668 6.668 0 0 1-.533-1.675ZM3.7 7.408a.833.833 0 0 0-1.125.35A8.05 8.05 0 0 0 1.792 9.9a.833.833 0 1 0 1.625.35 6.941 6.941 0 0 1 .625-1.717.833.833 0 0 0-.342-1.125Z" fill="currentColor"/></g></svg> </button> </div> </div> </div> <script> let fullData = [{"id":290635,"topic":["Artificial Intelligence"],"mediaType":"Blog Posts"},{"id":289531,"topic":["Artificial Intelligence"],"audience":["Teachers: PK-12"],"mediaType":"Blog Posts"},{"id":277208,"topic":[null],"mediaType":"Blog Posts"},{"id":276485,"topic":["Digital Citizenship & Media Literacy"],"audience":["Teachers: PK-12"],"mediaType":"Blog Posts"},{"id":274181,"topic":["Edtech Tools & Devices"],"audience":["Librarians","Teachers: PK-12","Technology Coach","Technology Director"],"mediaType":"Blog Posts"},{"id":264520,"topic":["Artificial Intelligence","Diversity, Equity & Inclusion"],"audience":["Teachers: PK-12","Teachers: Higher Education"],"mediaType":"Blog Posts"}]; </script> <div class="resultsGrid px-sm-20-2xl-80" > <div class="max-w-1280 mx-auto w-80 space-y-sm-32-2xl-64"> <div class="grid sm:grid-cols-1 lg:grid-cols-3 gap-32" data-component="CardGrid"><div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 347814692" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 347814692" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_347814692.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Artificial Intelligence</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">AI in the Classroom – Moving Beyond Challenges to Innovation</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>January 19, 2025</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Author, speaker, and educator Rachelle Dené Poth believes that AI can transform classrooms for students and teachers through thoughtful and ethical use.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/ai-in-the-classroom-moving-beyond-challenges-to-innovation" analytics-cta-name="Read the Article, AI in the Classroom – Moving Beyond Challenges to Innovation" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/ai-in-the-classroom-moving-beyond-challenges-to-innovation" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 308933657" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 308933657" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_308933657.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Artificial Intelligence</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">A Fast and Fun Educator Starter Guide to Using an AI Chatbot</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>December 13, 2024</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>This easy-to-follow primer guides curious educators in getting started with an AI chatbot, including sample prompts.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/a-fast-and-fun-educator-starter-guide-to-using-an-ai-chatbot" analytics-cta-name="Read the Article, A Fast and Fun Educator Starter Guide to Using an AI Chatbot" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/a-fast-and-fun-educator-starter-guide-to-using-an-ai-chatbot" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="199091384 1" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/199091384-1.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/199091384-1.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="199091384 1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/199091384-1.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">Why Tech Advancements Make Human Problem-Solving Skills Even More Important</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>November 5, 2024</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Preparing students for an unknown future workplace may require getting back to the basics of what makes us human.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/why-future-proofing-students-may-require-an-increased-focus-on-our-humanity" analytics-cta-name="Read the Article, Why Tech Advancements Make Human Problem-Solving Skills Even More Important" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/why-future-proofing-students-may-require-an-increased-focus-on-our-humanity" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 475927987" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_475927987.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_475927987.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 475927987" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_475927987.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Digital Citizenship & Media Literacy</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">Interactive Tools for Navigating the Presidential Election in the Classroom</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>October 17, 2024</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>The United States presidential election season can be a confusing one for kids. We've got the resources you need to tackle this teachable moment.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/interactive-tools-for-navigating-the-presidential-election-in-the-classroom" analytics-cta-name="Read the Article, Interactive Tools for Navigating the Presidential Election in the Classroom" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/interactive-tools-for-navigating-the-presidential-election-in-the-classroom" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 410796739" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 410796739" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_410796739.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Edtech Tools & Devices</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">5 Ways to Evaluate Educational Apps for Safety, Quality and Equity</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>September 25, 2024</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Choosing educational apps for use in schools requires a lot of research. These resources can help educators make the best choices in the shortest amount of time.</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/5-ways-to-evaluate-educational-apps-for-safety-quality-and-equity" analytics-cta-name="Read the Article, 5 Ways to Evaluate Educational Apps for Safety, Quality and Equity" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/5-ways-to-evaluate-educational-apps-for-safety-quality-and-equity" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> <div data-component="ArticleCard"> <article class="flex flex-col group/component relative w-full h-full justify-between --has-classes-retconned-in-by-CardGrid--" data-component="GenericContentCard"> <div class="grid gap-sm-16-2xl-24 max-md:grid-cols-4"> <div class="overflow-hidden relative rounded-8 md:rounded-12 aspect-square md:aspect-video col-span-1" data-component="GenericContentCard_Image"> <picture class="ainset-0 object-center w-full absolute h-full"> <source srcset="Shutterstock 388588411" media="(max-width: 48rem)" data-component="Image_Source" ix-src="https://iste-prod.imgix.net/shutterstock_388588411.jpg?ar=1%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=144&q=80&w=144"> <img class="ainset-0 object-center w-full absolute h-full" src="https://iste-prod.imgix.net/shutterstock_388588411.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" alt="Shutterstock 388588411" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/shutterstock_388588411.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=456.75&q=80&w=812" loading="lazy" sizes="auto"> </picture> </div> <div class="md:flex md:items-center max-md:col-span-3"> <div class="w-full"> <div class="text-eyebrow-sm text-gray-500">Artificial Intelligence</div> <div class="decoration-transparent transition-colors underline text-headline-sm sibling-focus-visible:decoration-current group-hover/component:decoration-current font-800 mt-8">Using AI for Equitable Lesson Planning</div> <dl class="flex flex-wrap gap-x-sm-16-2xl-32 gap-y-8 mt-16 text-body-md"> <div class data-component="Card_Meta"> <dt class="sr-only">Date</dt> <dd class="flex gap-12"> <svg class="flex-shrink-0 h-24 w-24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="calendar"> <path d="M20 4.9h-2.4a.2.2 0 0 1-.2-.2V3.2a.8.8 0 1 0-1.6 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H8.9a.2.2 0 0 1-.2-.2V3.2a.8.8 0 0 0-1.7 0v4a.6.6 0 0 1-1.3 0v-2a.4.4 0 0 0-.4-.3H4.1a1.7 1.7 0 0 0-1.7 1.6v14.2a1.7 1.7 0 0 0 1.7 1.7h15.8a1.7 1.7 0 0 0 1.7-1.7V6.5A1.7 1.7 0 0 0 19.9 5Zm-.5 15.8h-15a.4.4 0 0 1-.4-.4v-10a.4.4 0 0 1 .4-.4h15a.4.4 0 0 1 .4.4v10a.4.4 0 0 1-.4.4Z" fill="currentColor" /> </svg> <span>August 21, 2024</span> </dd> </div></dl> <div class="mt-sm-8-2xl-16 rich-text text-body-md max-md:hidden"><p>Can artificial intelligence help carve a path to more equitable lesson planning without overburdening educators?</p></div> <a class="absolute inset-0 sibling" href="https://iste.org/blog/using-ai-for-equitable-lesson-planning" analytics-cta-name="Read the Article, Using AI for Equitable Lesson Planning" analytics-cta-type="link"><span class="sr-only">Read the Article</span></a> </div> </div> </div> <div class data-component="GenericContentCard_Cta"> <div class="border-t mt-24 border-black pt-16"></div> <div class> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 border-b-2 border-transparent dark:text-white focus-visible:border-current hover:border-current gap-8 transition-colors" href="https://iste.org/blog/using-ai-for-equitable-lesson-planning" aria-hidden="true" analytics-cta-type="link" analytics-cta-name="Read the Article"> <span class="block">Read the Article</span> <svg class="h-24 w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor" /> </svg> </a> </div> </div> </article> </div> </div> <div class="pagination flex items-center justify-between gap-sm-8-2xl-16 text-ui-md"> <button class="border-current border inline-block p-sm-8-2xl-28 rounded-full cursor-not-allowed text-gray-300" data-component="Pagination_arrowLink" data-sprig-parsed sprig data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render"><span class="sr-only">No previous Page</span><svg class="h-sm-16-2xl-24 w-sm-16-2xl-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-start"><path d="M12.2107 19.6897L12.9178 18.9826C13.0852 18.8153 13.0852 18.5439 12.9178 18.3765L7.37745 12.8362H19.5714C19.8081 12.8362 20 12.6443 20 12.4076V11.4076C20 11.171 19.8081 10.9791 19.5714 10.9791H7.37745L12.9178 5.4387C13.0852 5.27134 13.0852 4.99998 12.9178 4.83259L12.2107 4.12552C12.0433 3.95816 11.772 3.95816 11.6046 4.12552L4.12552 11.6046C3.95816 11.772 3.95816 12.0433 4.12552 12.2107L11.6046 19.6898C11.772 19.8571 12.0433 19.8571 12.2107 19.6897Z" fill="currentColor"/></svg></button> <div class="flex flex-wrap items-center justify-center"> <button class="inline-flex items-center justify-center h-sm-24-2xl-32 min-w-sm-24-2xl-32 rounded-full transition-colors bg-teal-300 text-blue-500" s-val:page="0" sprig data-hx-vals="{"page":"0"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>1</button> <button class="inline-flex items-center justify-center h-sm-24-2xl-32 min-w-sm-24-2xl-32 text-gray-500 active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-blue-500 hover:text-blue-500 hover:bg-teal-100" s-val:page="1" sprig data-hx-vals="{"page":"1"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>2</button> <button class="inline-flex items-center justify-center h-sm-24-2xl-32 min-w-sm-24-2xl-32 text-gray-500 active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-blue-500 hover:text-blue-500 hover:bg-teal-100" s-val:page="2" sprig data-hx-vals="{"page":"2"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>3</button> <button class="inline-flex items-center justify-center h-sm-24-2xl-32 min-w-sm-24-2xl-32 text-gray-500 active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-blue-500 hover:text-blue-500 hover:bg-teal-100" s-val:page="3" sprig data-hx-vals="{"page":"3"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>4</button> <span class="text-gray-400">...</span> <button class="inline-flex items-center justify-center h-sm-24-2xl-32 min-w-sm-24-2xl-32 text-gray-500 active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-blue-500 hover:text-blue-500 hover:bg-teal-100" s-val:page="166" sprig data-hx-vals="{"page":"166"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-sprig-parsed>167</button> </div> <button class="border-current border inline-block p-sm-8-2xl-28 rounded-full ring-current ring-0 text-gray-600 transition active:text-gray-500 focus-visible:ring-1 focus-visible:text-blue-500 hover:ring-1 hover:text-blue-500" data-component="Pagination_arrowLink" data-sprig-parsed s-val:page="1" sprig data-hx-vals="{"page":"1"}" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render"><span class="sr-only"> next Page</span><svg class="h-sm-16-2xl-24 w-sm-16-2xl-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-end"><path d="M11.7893 4.12554L11.0822 4.83265C10.9148 5.00001 10.9148 5.27136 11.0822 5.43876L16.6226 10.9791H4.42857C4.19189 10.9791 4 11.171 4 11.4076V12.4076C4 12.6443 4.19189 12.8362 4.42857 12.8362H16.6226L11.0822 18.3766C10.9148 18.5439 10.9148 18.8153 11.0822 18.9827L11.7893 19.6898C11.9567 19.8571 12.228 19.8571 12.3954 19.6898L19.8745 12.2107C20.0418 12.0434 20.0418 11.772 19.8745 11.6046L12.3954 4.12554C12.228 3.95815 11.9567 3.95815 11.7893 4.12554Z" fill="currentColor"/></svg></button> </div> </div> </div> <script> imgix.init() </script> </div> </div> <div class="py-sm-48-2xl-64"> <div data-component="additional-page-builder"> <div class="space-y-sm-32-2xl-64" data-component="page-builder_PageBlocks"><div id="blog-ad-script-code-potentially-1" class="max-md:scroll-mt-mobile-header"> <div class="max-w-1280 mx-auto" data-component="EmbedBlock"> <div class="flex justify-center [&_iframe]:max-w-full [&>*]:max-w-full" data-component="Embed"><script type="text/javascript">if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script><script type="text/javascript"> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc596479 = window.plc596479 || 0; document.write('<'+'div id="placement_596479_'+plc596479+'" style="height:90px"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(165731, 596479, [728,90], 'placement_596479_'+opt.place, opt); }, opt: { place: plc596479++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); </script></div> </div> </div></div> </div> </div> <div class="container mx-auto py-sm-48-2xl-64 flex flex-col sm:flex-row gap-40 justify-center items-center"> <div class="blog-ad"> <script>if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script> <script> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc596478 = window.plc596478 || 0; document.write('<'+'div id="placement_596478_'+plc596478+'" style="height:250px"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(165731, 596478, [300,250], 'placement_596478_'+opt.place, opt); }, opt: { place: plc596478++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); </script> </div> <div class="blog-ad"> <script>if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script> <script> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc596478 = window.plc596478 || 0; document.write('<'+'div id="placement_596478_'+plc596478+'" style="height:250px"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(165731, 596478, [300,250], 'placement_596478_'+opt.place, opt); }, opt: { place: plc596478++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); </script> </div> <div class="blog-ad"> <script>if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script> <script> var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || []; var abkw = window.abkw || ''; var plc596478 = window.plc596478 || 0; document.write('<'+'div id="placement_596478_'+plc596478+'" style="height:250px"></'+'div>'); AdButler.ads.push({handler: function(opt){ AdButler.register(165731, 596478, [300,250], 'placement_596478_'+opt.place, opt); }, opt: { place: plc596478++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }}); </script> </div> </div> </main> <footer data-component="SiteFooter"> <div class="bg-blue-500 mt-sm-48-2xl-112 text-white"> <div class="max-w-1280 mx-auto pb-sm-32-2xl-96 pt-sm-48-2xl-64 px-sm-20-2xl-80"> <svg class="h-40 w-95" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-monochrome"> <g clip-path="url(#clippath-iste-monochrome-a)" fill="currentColor"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" /> </g> <defs> <clipPath id="clippath-iste-monochrome-a"> <path fill="currentColor" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> <div class="gap-sm-48-2xl-96 grid mt-sm-24-2xl-32 lg:grid-cols-4"> <section> <div class="dark rich-text text-body-xl"><p>Our vision is that all students engage in transformative learning experiences that spark their imagination and prepare them to thrive in learning and life.</p></div> </section> <div class="lg:col-span-3"> <div class="gap-40 grid md:grid-cols-3"> <section class="md:col-span-2"> <ul class="gap-24 space-y-32 xs:columns-2 xs:space-y-0"> <li class="break-inside-avoid"> <a class="decoration-transparent font-900 text-eyebrow-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/become-a-member">Become a Member</a> <ul class="mt-24 space-y-24"> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/membership-faqs">Membership FAQs</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/group-membership">Group Membership</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/volunteer">Volunteer</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/awards">ISTE Awards</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/connect">Community</a></li> </ul> </li> <li class="break-inside-avoid"> <a class="decoration-transparent font-900 text-eyebrow-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/about">About Us</a> <ul class="mt-24 space-y-24"> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/our-story">Our Story</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/leadership">Leadership</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/diversity-equity-inclusion">Diversity, Equity & Inclusion</a></li> </ul> </li> </ul> </section> <section> <h2 class="font-900 mb-16 text-eyebrow-sm">Connect With Us</h2> <ul class="flex flex-wrap gap-x-16 gap-y-14 items-center"> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.facebook.com/ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="facebook"> <path d="M18.71 4H6.3A2.29 2.29 0 0 0 4 6.3V18.7A2.29 2.29 0 0 0 6.3 21h6.12v-6.08h-1.57a.38.38 0 0 1-.38-.37V12.6c0-.2.16-.37.37-.37h1.58v-1.9c0-2.19 1.34-3.38 3.3-3.38h1.6c.21 0 .38.16.38.37v1.65c0 .21-.17.38-.38.38h-.98c-1.07 0-1.28.5-1.28 1.25v1.63h2.34c.23 0 .4.2.37.42l-.23 1.96a.37.37 0 0 1-.37.33h-2.1V21h3.64a2.3 2.3 0 0 0 2.3-2.3V6.3A2.3 2.3 0 0 0 18.7 4Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Facebook</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://twitter.com/ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="x"> <g transform="scale(0.9) translate(1.25, 2)"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor" /> </g> </svg> <span class="sr-only">ISTE on X</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.instagram.com/ISTEconnects/" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="instagram"> <path d="M15.333 7.375c3.026 0 3.383.011 4.578.067 1.104.05 1.703.235 2.103.39.528.205.907.45 1.304.847.397.397.643.773.848 1.304.155.4.338 1 .39 2.103.052 1.195.066 1.555.066 4.578 0 3.023-.01 3.383-.067 4.577-.05 1.104-.234 1.704-.39 2.104-.204.528-.45.907-.847 1.304a3.495 3.495 0 0 1-1.304.848c-.4.154-1 .338-2.103.389-1.195.053-1.552.066-4.578.066-3.026 0-3.383-.01-4.577-.066-1.104-.05-1.704-.235-2.104-.39a3.517 3.517 0 0 1-1.303-.847 3.494 3.494 0 0 1-.848-1.304c-.155-.4-.339-1-.39-2.104-.053-1.194-.066-1.554-.066-4.577 0-3.023.01-3.383.067-4.578.05-1.103.234-1.703.389-2.103.205-.528.45-.907.848-1.304a3.495 3.495 0 0 1 1.303-.848c.4-.154 1-.338 2.104-.389 1.194-.053 1.554-.067 4.577-.067Zm0-2.042c-3.076 0-3.463.014-4.67.07-1.206.056-2.03.245-2.752.527a5.605 5.605 0 0 0-2.007 1.307 5.525 5.525 0 0 0-1.307 2.007c-.28.72-.472 1.544-.528 2.752C4.013 13.203 4 13.59 4 16.666c0 3.077.013 3.464.07 4.671.055 1.206.245 2.03.527 2.752.29.744.677 1.376 1.307 2.007a5.524 5.524 0 0 0 2.007 1.307c.72.28 1.544.472 2.751.528 1.208.056 1.595.069 4.671.069 3.077 0 3.464-.013 4.671-.07 1.205-.055 2.03-.245 2.752-.527a5.605 5.605 0 0 0 2.007-1.307 5.526 5.526 0 0 0 1.306-2.007c.28-.72.472-1.544.528-2.752.056-1.207.07-1.594.07-4.67 0-3.077-.014-3.464-.07-4.671-.056-1.205-.245-2.03-.527-2.752a5.605 5.605 0 0 0-1.307-2.007 5.525 5.525 0 0 0-2.007-1.307c-.72-.28-1.544-.471-2.752-.527-1.207-.056-1.594-.07-4.67-.07Z" fill="currentColor" /> <path d="M15.333 10.847a5.818 5.818 0 1 0 0 11.635 5.818 5.818 0 0 0 0-11.635Zm0 9.595a3.778 3.778 0 1 1 .001-7.556 3.778 3.778 0 0 1 0 7.556ZM21.383 11.974a1.36 1.36 0 1 0 0-2.72 1.36 1.36 0 0 0 0 2.72Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Instagram</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://youtube.com/@ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="youtube"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.66 19.08v-6.47l6.12 3.25-6.12 3.22Zm13.45-7.59s-.22-1.58-.9-2.28c-.87-.92-1.83-.92-2.28-.98C20.76 8 16 8 16 8s-4.76 0-7.93.23c-.45.06-1.41.06-2.28.98-.68.7-.9 2.28-.9 2.28s-.22 1.87-.22 3.73v1.74c0 1.87.22 3.73.22 3.73s.22 1.59.9 2.28c.87.92 2 .9 2.5.99 1.82.18 7.71.23 7.71.23s4.76 0 7.93-.24c.45-.05 1.41-.06 2.28-.98.68-.7.9-2.28.9-2.28s.22-1.86.22-3.73v-1.74c0-1.86-.22-3.73-.22-3.73Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Youtube</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.linkedin.com/company/isteofficial/" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="linkedin"> <path d="M17.46 4H7.54A3.54 3.54 0 0 0 4 7.54v9.92A3.54 3.54 0 0 0 7.54 21h9.92A3.54 3.54 0 0 0 21 17.46V7.54A3.54 3.54 0 0 0 17.46 4Zm-7.8 13.46H7.55v-7.8h2.13v7.8ZM8.6 8.76a1.24 1.24 0 0 1 0-2.5c.69 0 1.24.57 1.24 1.26 0 .69-.55 1.25-1.24 1.25Zm9.57 8.7h-2.13v-3.97c0-2.39-2.83-2.2-2.83 0v3.97h-2.13v-7.8h2.13v1.26a2.7 2.7 0 0 1 4.96 1.75v4.79Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on LinkedIn</span> </a> </li> </ul> </section> </div> </div> </div> </div> </div> <div class="bg-black pb-72 text-white"> <div class="grid gap-sm-24-2xl-64 max-w-1280 mx-auto px-sm-20-2xl-80 py-24 lg:grid-cols-2 max-lg:items-end"> <div> <ul class="flex flex-col gap-16 items-center lg:flex-row lg:flex-wrap lg:whitespace-nowrap"> <li><a id="38739" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/careers">Careers</a></li> <li><a id="123689" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/news">News</a></li> <li><a id="39235" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/contact-us">Contact Us</a></li> <li><a id="39236" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/faqs">FAQs</a></li> <li><a id="39238" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/privacy-policy">Privacy Policy</a></li> <li><a id="39542" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/terms-of-service">Terms of Service</a></li> <li><button class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current ot-sdk-show-settings">Cookie Settings</button></li> </ul> </div> <div class="text-body-sm text-center lg:text-right items-center"> © 2025 International Society for Technology in Education (ISTE). All rights reserved. </div> </div> </div> </footer> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://iste.org/dist/assets/js-c3ec3b4d.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/index.js'}});document.dispatchEvent(e);"></script> <link href="https://iste.org/dist/assets/index-c9592d98.css" rel="stylesheet" media="print" onload="this.media='all'"> <style type='text/css'> .embeddedServiceHelpButton .helpButton .uiButton { background-color: #1e619c; font-family: "Salesforce Sans", sans-serif; } .embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #1e619c; } @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' embedded_svc.init( 'https://iste.my.salesforce.com', 'https://my.iste.org/', gslbBaseURL, '00D1U000000syee', 'ISTE_Chat', { baseLiveAgentContentURL: 'https://c.la2-c1-ia2.salesforceliveagent.com/content', deploymentId: '5721U000000VEeb', buttonId: '5731U000000VGS6', baseLiveAgentURL: 'https://d.la2-c1-ia2.salesforceliveagent.com/chat', eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I1U000000g4rgUAA_177ec69bbdf', isOfflineSupportEnabled: true } ) } if (!window.embedded_svc) { var s = document.createElement('script') 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> <script> window.Userback = window.Userback || {} Userback.access_token = '10352|80865|y3OzsFj6vD0idni13du6P9UwA'; (function(d) { var s = d.createElement('script') s.async = true s.src = 'https://static.userback.io/widget/v1.js'; (d.head || d.body).appendChild(s) })(document) </script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://iste.org#identity"},"copyrightHolder":{"@id":"https://iste.org#identity"},"copyrightYear":"2023","creator":{"@id":"https://viget.com#creator"},"dateCreated":"2023-04-18T15:40:20-07:00","dateModified":"2025-01-19T13:52:53-08:00","datePublished":"2023-04-18T15:40:00-07:00","description":"We help educators around the world use technology to solve tough problems.","headline":"Blog Posts","image":{"@type":"ImageObject","url":"https://cms-live-media.iste.org/_1200x630_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282"},"inLanguage":"en-us","mainEntityOfPage":"https://iste.org/blog","name":"Blog Posts","publisher":{"@id":"https://viget.com#creator"},"url":"https://iste.org/blog"},{"@id":"https://iste.org#identity","@type":"EducationalOrganization","description":"We help educators around the world use technology to solve tough problems.","image":{"@type":"ImageObject","height":"628","url":"https://craftcms-3j-94f-dev-media.iste.org/iste-meta-image.png","width":"1200"},"logo":{"@type":"ImageObject","height":"60","url":"https://cms-live-media.iste.org/_600x60_fit_center-center_82_none/iste-meta-image.png?mtime=1683999282","width":"115"},"name":"ISTE","sameAs":["https://twitter.com/ISTEofficial","https://www.facebook.com/ISTEofficial","https://www.linkedin.com/company/isteofficial","https://www.youtube.com/@ISTEofficial","https://www.instagram.com/ISTEconnects/"],"url":"https://iste.org"},{"@id":"https://viget.com#creator","@type":"LocalBusiness","name":"Viget","priceRange":"$","url":"https://viget.com"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://iste.org/","name":"Homepage","position":1},{"@type":"ListItem","item":"https://iste.org/blog","name":"Blog Index","position":2}],"name":"Breadcrumbs"}]}</script> <div id="modal-91827500" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-318931218-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-318931218-label">Search</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[50vw] p-sm-24-2xl-48 rich-text overflow-y-auto" data-modal-content=""><div id="component-dybpur" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:siteId":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:id":"b3bad9c5ec2bbdf9473287425ee75841c811804eb0b540416d07c8d7d288b4ebcomponent-dybpur","sprig:component":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:template":"09cf189568d6f331d461faa290918ca62f2996f3658e2d33e97b17c92b54dae4_sprig\/header-search.twig"}"> <form class="flex relative" action="/search" method="GET"> <input class="bg-transparent border-b-2 border-white rounded-none text-white appearance-none ps-0 pe-48 text-body-xl focus-visible:outline-offset-4" type="text" name="query" value="" placeholder="What are you looking for?" > <button type="submit" class="text-white absolute right-0 top-1/2 -translate-y-1/2"> <svg class="h-32 rounded-full transition w-32 text-white focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </form> <div class="mt-16"> <h6 class="mt-48 mb-16 text-white text-eyebrow-sm">Top Searched</h2> <ul class="grid grid-cols-2 !ps-0"> <li class="list-none text-body-lg"> <a href="/search?query=education" class="text-white hover:text-white" > education </a> </li> <li class="list-none text-body-lg"> <a href="/search?query=artificial%20intelligence" class="text-white hover:text-white" > artificial intelligence </a> </li> </div> </div> </div></div> </div> </div> <div id="modal-739030881" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1895688466-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1895688466-label">Search</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[50vw] p-sm-24-2xl-48 rich-text overflow-y-auto" data-modal-content=""><div id="component-vxmjea" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:siteId":"96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61","sprig:id":"2200327af1c10d7dae2cb997704304b7052938f0be96d596efc89a8294579a18component-vxmjea","sprig:component":"feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77","sprig:template":"09cf189568d6f331d461faa290918ca62f2996f3658e2d33e97b17c92b54dae4_sprig\/header-search.twig"}"> <form class="flex relative" action="/search" method="GET"> <input class="bg-transparent border-b-2 border-white rounded-none text-white appearance-none ps-0 pe-48 text-body-xl focus-visible:outline-offset-4" type="text" name="query" value="" placeholder="What are you looking for?" > <button type="submit" class="text-white absolute right-0 top-1/2 -translate-y-1/2"> <svg class="h-32 rounded-full transition w-32 text-white focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </form> <div class="mt-16"> <h6 class="mt-48 mb-16 text-white text-eyebrow-sm">Top Searched</h2> <ul class="grid grid-cols-2 !ps-0"> <li class="list-none text-body-lg"> <a href="/search?query=education" class="text-white hover:text-white" > education </a> </li> <li class="list-none text-body-lg"> <a href="/search?query=artificial%20intelligence" class="text-white hover:text-white" > artificial intelligence </a> </li> </div> </div> </div></div> </div> </div> <script src="https://iste.org/cpresources/1f967182/htmx.min.js?v=1739471257"></script> <script src="https://iste.org/cpresources/1f967182/htmx.min.js?v=1738789589"></script> <script src="https://iste.org/cpresources/1e5ade30/access.js?v=1738789588" defer></script></body> </html>