ISTE | Essential Conditions for Effective Tech Use in Schools

<!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">  <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>  <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 | Essential Conditions for Effective Tech Use in Schools</title><meta name="generator" content="SEOmatic"> <meta name="keywords" content="Technology, Education, Educators"> <meta name="description" content="ISTE’s Essential Conditions provide a research-backed framework for implementing the ISTE Standards and effectively leveraging technology to support…"> <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/essential-conditions-for-effective-tech-use-in-schools" property="og:url"> <meta content="Essential Conditions for Effective Tech Use in Schools" property="og:title"> <meta content="ISTE’s Essential Conditions provide a research-backed framework for implementing the ISTE Standards and effectively leveraging technology to support…" property="og:description"> <meta content="https://cms-live-media.iste.org/Stock-Students_on_computers_2-1224309929.jpg" 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="Essential Conditions for Effective Tech Use in Schools"> <meta name="twitter:description" content="ISTE’s Essential Conditions provide a research-backed framework for implementing the ISTE Standards and effectively leveraging technology to support…"> <meta name="twitter:image" content="https://cms-live-media.iste.org/Stock-Students_on_computers_2-1224309929.jpg"> <meta name="twitter:image:width" content="1200"> <meta name="twitter:image:height" content="630"> <meta name="twitter:image:alt" content="ISTE Logo"> <link href="https://iste.org/essential-conditions-for-effective-tech-use-in-schools" rel="canonical"> <link href="https://iste.org" rel="home"> <link href="https://iste.org/cpresources/5ea6d746/css/style.css?v=1732588836" rel="stylesheet"></head> <body class="relative">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PX5DHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></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/iste-certification" 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 Certification</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-2106924853" 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-2093565148" 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/iste-certification" data-component="SiteHeaderDesktop_MenuItem">ISTE Certification</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="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><strong>Essential Conditions</strong> for Effective Tech Use in Schools</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"><p>ISTE’s Essential Conditions provide a research-backed framework for implementing the ISTE Standards.</p></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/Stock-Students_on_computers_2-1224309929.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=576&q=80&w=1024" alt="Stock Students on computers 2 1224309929" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Stock-Students_on_computers_2-1224309929.jpg?ar=1.7777777777778%3A1&auto=compress%2Cformat&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=576&q=80&w=1024" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mt-sm-48-2xl-96"> <div data-component="page-builder"> <div class="space-y-sm-32-2xl-64" data-component="page-builder_PageBlocks"><div id="anchor-tag-top-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none" style="color: ;"><a name="top" id="top"></a></div></div></div></div> </div><div id="text-with-aside-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full grid next-to-jump-links:gap-sm-32-2xl-64 gap-sm-32-2xl-134 md:grid-cols-3"> <div class="flex flex-col gap-sm-24-2xl-40 items-start md:col-span-2"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-body-lg"><p>The Essential Conditions are seven critical elements necessary for effectively leveraging technology to support learning. They offer educators and school leaders a research-backed framework to guide implementation of the ISTE Standards, technology planning and systemwide change. <br /></p> <p dir="ltr">These conditions reflect a deepening body of research in the field of educational technology, as well as ISTE’s nearly 50 years of experience guiding districts, schools and educators as they work to support student learning.</p></div> </div> </div> <aside class="" > <div class="bg-purple-50 border border-purple-500 flex flex-col gap-16 items-start p-sm-24-2xl-32 rounded-12"><div class="rich-text text-body-lg"><p><a href="#SharedVision">Shared Vision</a></p> <p><a href="#ImplementationPlanning">Implementation Planning</a></p> <p><a href="#EquitableAccess">Equitable Access</a></p> <p><a href="#PreparedEducators">Prepared Educators</a></p> <p><a href="#TechnicalSupport">Skilled and Sufficient Technical Support</a></p> <p><a href="#HighQualityLearning">High-Quality Learning Activities and Content</a></p> <p><a href="#OngoingEvaluation">Ongoing Evaluation</a></p></div></div> </aside> </div> </div></article> </div> </div><div id="anchor-tag-shared-vision-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="SharedVision" id="SharedVision"></a></div></div></div></div> </div><div id="p-shared-vision-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Shared Vision</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Create a shared vision for transforming student learning through the effective use of technology with participation from all stakeholders (including teachers, support staff, administrators, students, parents, teacher-preparation programs, policymakers and members of the community), and align that vision to established <a href="https://iste.org/standards">frameworks or standards</a>.</p> <h4 dir="ltr"><strong>Why It’s Essential</strong></h4> <p dir="ltr">When a school system is guided by a clearly defined vision and leaders actively collect, incorporate and share input from stakeholders at all levels, a community of understanding and collaboration develops to propel the organization forward.</p> <p dir="ltr">Without a clear vision for learning, schools and districts risk purchasing technology, materials and building infrastructure without a plan for how they will use it or a set of criteria for measuring success. Similarly, top-down development of a vision for learning – meaning visions developed solely by either a tech- or teaching-centric group – get limited buy-in. Finally, visions for learning drafted without guidance of established standards and frameworks often fail to consider all the conditions necessary for success.</p> <p dir="ltr">Community participation and partnerships are critical to long-term success. At the planning stage, aligning the initiative’s vision to the community’s shared values, policies and support structures can strengthen its ability to take root. At the implementation stage, many successful schools and districts partner with local businesses and other organizations to secure additional resources for executing tangible goals related to an initiative.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-implementation-planning-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="ImplementationPlanning" id="ImplementationPlanning"></a></div></div></div></div> </div><div id="p-implementation-planning-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Implementation Planning</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Develop a comprehensive plan for building and sustaining technology infrastructure, evaluating and selecting digital learning resources, and providing and sustaining professional learning and coaching.</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">School systems that embark on solid planning are more likely to make better informed decisions regarding the procurement of infrastructure, technology tools and digital materials. Thorough planning provides grounded reflection points for measuring progress, reminders of key goals and objectives, and filters for weighing important decisions during implementation.</p> <p dir="ltr">Without a plan for infrastructure needs, devices and bandwidth will fall short of current and future needs. School systems without a plan for evaluation and selection of learning materials end up wasting resources, losing focus and hindering their ability to evaluate effectiveness. Schools and districts with no clear path to sustained professional learning quickly find themselves with expensive tools that are poorly used.</p> <p dir="ltr">A key part of any successful implementation plan is identifying funding to sustain digital learning initiatives. Implementation plans should establish policies and formal partnerships with other organizations to bolster expertise and funding.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-equitable-access-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="EquitableAccess" id="EquitableAccess"></a></div></div></div></div> </div><div id="p-equitable-access-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Equitable Access</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Ensure robust and reliable access to digital devices, internet connectivity, capable teachers and technology platforms required to support the learning vision for all students (including language learners, students with physical or learning disabilities, foster or homeless youth, etc.).</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">Schools and districts that provide equitable access to devices, connectivity and capable teachers will find that their technology initiatives narrow opportunity gaps among students.</p> <p dir="ltr">When planning for technology implementation or developing a digital learning plan, it’s imperative to ensure that curriculum choices reflect the makeup of the student body, that every student has access to teachers with digital pedagogy skills, and that families and caregivers are involved in developing digital citizenship skills and creating a healthy tech culture in their homes.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-prepared-educators-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="PreparedEducators" id="PreparedEducators"></a></div></div></div></div> </div><div id="p-prepared-educators-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Prepared Educators</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Ensure educators and education leaders know how to use technology effectively, aligned to learning research and the school system’s vision for learning.</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">Districts and schools need to invest in systemic and sustained professional learning to meet the needs of all learners, evaluate technology tools to ensure they improve learning, and give students a strong foundation in digital citizenship skills.</p> <p dir="ltr">Levels of support for improving teacher capacity will determine a digital learn plan initiative’s success or failure. At the center of preparing educators are supportive edtech coaches – those who understand learning sciences and how to use technology in the most effective ways.</p> <p dir="ltr">When they can discern how, when, where and why to use technology for high-impact learning, educators and their school systems are better prepared to meet their vision for learning.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-technical-support-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="TechnicalSupport" id="TechnicalSupport"></a></div></div></div></div> </div><div id="p-skilled-and-sufficient-technical-support-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Skilled and Sufficient Technical Support</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Ensure technology leadership and sufficient technical support staff capable of maintaining the learning infrastructure and providing technical support for learning.</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">Successful school systems ensure appropriate support for teachers and students in the use of digital tools. This includes being responsive to teachers and students in configuring digital tools to prioritize easy access and an intuitive user experience both in the physical classroom and in virtual spaces. Tech leaders engage collaboratively with tech providers to improve the quality of products based on teacher and student feedback.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-high-quality-learning-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="HighQualityLearning" id="HighQualityLearning"></a></div></div></div></div> </div><div id="p-high-quality-learning-activities-and-content-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>High-Quality Learning Activities and Content</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Select effective digital learning activities and content aligned to standards, and create authentic and creative learning experiences that support the school system’s vision for learning.</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">Successful school systems understand that digital learning materials must be high-quality, research-based and culturally inclusive. They consider open-licensed as well as traditional learning materials. These schools and districts build processes to select quality digital learning content aligned to learning outcomes. These processes prioritize digital content and activities that are culturally responsive and support student agency.</p> <p dir="ltr">More concerning than a lack of digital learning content is a glut of poorly designed or unevaluated content and activities. School systems with no clear, vision-aligned plan for selecting and curating digital learning content and resources find themselves paying for apps and materials that have negligible and sometimes even negative effects on learning.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div><div id="anchor-tag-ongoing-evaluation-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 class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="OngoingEvaluation" id="OngoingEvaluation"></a></div></div></div></div> </div><div id="p-ongoing-evaluation-p-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-headline-xl"><p>Ongoing Evaluation</p></div> <div class="rich-text text-body-lg"><p dir="ltr">Continually evaluate learning experiences in partnership with all stakeholders identified in the <em>Shared Vision</em> condition.</p> <h4 dir="ltr"><strong>Why Is It Essential?</strong></h4> <p dir="ltr">Educational technology and the infrastructure that supports it are often outdated shortly after they are purchased and installed. Districts that fail to build processes and set timelines for the review of the alignment, adequacy and effectiveness of their educational technology find themselves firmly rooted in the past.</p> <p dir="ltr">School systems with effective technology evaluation processes have feedback loops to inform course corrections and allow leaders to measure return on investment. They also provide benchmarks to assist teachers, students and leaders in demonstrating their growth in implementing practices aligned to the ISTE Standards. Additionally, approaches such as A/B studies, rapid-cycle evaluations and cataloging and management of edtech contribute to a holistic picture of the initiative’s success and help administrators pinpoint areas of weakness. The use of free or low-cost systems to evaluate technology use and measure return on investment helps school systems purchase right-sized educational technology that can reduce or eliminate unnecessary costs.</p> <p><a href="#top">BACK TO TOP</a></p></div> </div> </div> </div> </div></article> </div> </div></div> </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/iste-affiliate-directory">Affiliate Directory</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="twitter"> <path d="M10.24 18.33a9.58 9.58 0 0 0 9.73-9.58v-.43a6.9 6.9 0 0 0 1.7-1.74 6.9 6.9 0 0 1-1.97.53 3.39 3.39 0 0 0 1.5-1.87c-.67.4-1.4.67-2.17.82a3.44 3.44 0 0 0-5.6.92 3.32 3.32 0 0 0-.22 2.15 9.83 9.83 0 0 1-7.05-3.52 3.32 3.32 0 0 0 1.06 4.5 3.44 3.44 0 0 1-1.55-.42v.04c0 .78.27 1.53.77 2.13.5.6 1.2 1.02 1.97 1.17-.5.13-1.03.15-1.54.06.21.67.64 1.25 1.21 1.67.58.42 1.27.65 1.98.67A6.93 6.93 0 0 1 5 16.83a9.8 9.8 0 0 0 5.24 1.5" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Twitter</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"> © 2024 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-05-02T09:06:46-07:00","dateModified":"2023-07-25T20:30:39-07:00","datePublished":"2023-05-02T11:14:00-07:00","description":"ISTE’s Essential Conditions provide a research-backed framework for implementing the ISTE Standards and effectively leveraging technology to support learning.","headline":"Essential Conditions for Effective Tech Use in Schools","image":{"@type":"ImageObject","url":"https://cms-live-media.iste.org/Stock-Students_on_computers_2-1224309929.jpg"},"inLanguage":"en-us","mainEntityOfPage":"https://iste.org/essential-conditions-for-effective-tech-use-in-schools","name":"Essential Conditions for Effective Tech Use in Schools","publisher":{"@id":"https://viget.com#creator"},"url":"https://iste.org/essential-conditions-for-effective-tech-use-in-schools"},{"@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/essential-conditions-for-effective-tech-use-in-schools","name":"Essential Conditions for Effective Tech Use in Schools","position":2}],"name":"Breadcrumbs"}]}</script> <div id="modal-2106924853" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-992352588-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-992352588-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-kfvbxg" 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: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-2093565148" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-394111949-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-394111949-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-omuqhk" 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: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/66dab2bc/htmx.min.js?v=1732674407"></script> <script src="https://iste.org/cpresources/66dab2bc/htmx.min.js?v=1732588838"></script> <script src="https://iste.org/cpresources/a9affa76/access.js?v=1732588836" defer></script></body> </html>

CINXE.COM

ISTE | Essential Conditions for Effective Tech Use in Schools