Home | IEEE Education Society

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="catalyze min-h-full h-full scroll-smooth"> <head> <script src="https://cmp.osano.com/AzyzptTmRlqVd2LRf/19de01f5-b9f9-4484-9c98-4e4f352e19fc/osano.js"></script> <link rel="stylesheet" href="https://cookie-consent.ieee.org/ieee-cookie-banner.css" type="text/css"/> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><style>/* @see https://github.com/aFarkas/lazysizes#broken-image-symbol */.js img.lazyload:not([src]) { visibility: hidden; }/* @see https://github.com/aFarkas/lazysizes#automatically-setting-the-sizes-attribute */.js img.lazyloaded[data-sizes=auto] { display: block; width: 100%; }/* Transition effect. */.js .lazyload, .js .lazyloading { opacity: 0; }.js .lazyloaded { opacity: 1; -webkit-transition: opacity 2000ms; transition: opacity 2000ms; }</style> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/catalyze_tw/favicon.ico" type="image/png" /> <link rel="canonical" href="https://ieee-edusociety.org/home" /> <link rel="shortlink" href="https://ieee-edusociety.org/node/1286" /> <title>Home | IEEE Education Society</title> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_IqlCg2svLPmoRO9EN6oZZVIKkzeJWSSVr0rwVPrPx64.css?delta=0&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/dist/catalyze.css?snl4d8" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/lib/jquery.select2/css/select2.min.css?snl4d8" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_udeOy24gi8gAanQUgdSpoOyxMXSBZfrtZmtOh-IWM9I.css?delta=3&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_nTSH5f0Shay6AH0tpoJDX2Y8mAWGvd4Z0bkOarZZw2I.css?delta=4&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1286","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en","currentQuery":{"utm_campaign":"education-society","utm_medium":"lp-communities","utm_source":"linkslist_text"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkVFuAyEMRC9EF6kXQga8hMRghE2TzenLRpXarZS0PyPseWKMgTPcHDFE7Ba-z4ueOnuP3YAIqsv1jEG52yAyPSxoPLOKdmhOdCMU22ikXBcP4ZI6jxpdYOK--JEpPse573mvoQL9wb6EGsSYa_qDUrypA8qpFqz6H_jnKwIo0HZHp1cL1HLFsxya4YIxz0UdmonYA73td88BD5YgzcW-mxk0vYuNfTSg5as0iTnRBCHZNOV3vexfZgjum93FlBkOds2kc6UBmmauhv06ZGaiwwKZbMQVBqkRhB5ODlp2MJQDl0aoaJ_0jWyiWKwHQfOR8Sr2oUvhOAg_AVoB5wM","theme":"catalyze_tw","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtag":{"tagId":"G-3WCN7EBHZT","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-flow\u0022\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":true,"throbberPosition":"body"},"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.80000000000000004,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==","preferNative":false,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":true,"extNoreferrer":true,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"search_api_autocomplete":{"cc_content_search":{"delay":200,"auto_submit":true,"min_length":3}},"user":{"uid":0,"permissionsHash":"64dbd84c9ca3f1f0e3be6079410a249a0fadda3963eef6ac1ef5321e5bab4a34"}}</script> <script src="/files/ieeeedusociety/js/js_oHzCB3hrvawoQfrkTORZRxnLyA-9Hrd-i8gFwNehzJ8.js?scope=header&delta=0&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snl4d8"></script> <script src="/files/ieeeedusociety/js/js_spwZrVdOiqyh4pflPpPSqbzH6LX16cDXECjPJZskTvk.js?scope=header&delta=2&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw"></script> <meta name="theme-color" content="var(--primary)"> </head> <body class="user-anonymous target-scroll-mt-24 path-frontpage page-node-type-layout-page antialiased text-gray-900 h-full" :class="mobileFacetFilters ? 'max-lg__fixed' : ''" x-data="{ mobileFacetFilters: false }"> <a href="#main-content" class="visually-hidden focusable"> <div class="flex justify-center bg-gray-900"> <div class="inline max-w-xs px-3 pb-1 mx-auto mb-1 text-sm font-semibold bg-white rounded-b-lg"> Skip to main content </div> </div> </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div x-data="{ scrollAtTop: false, openSlideOver: false, searchBarOpen: false, shiftPressed: false }" x-title="ScrollAtTop, Slide-over menu, Search bar, Shift press"> <header id="header" role="banner" class="fixed z-50 w-full transition-all duration-150 ease-out transform" x-ref="navbar" x-title="Navbar" :class="{ ' translate-y-0' : !scrollAtTop, '' : scrollAtTop, 'md__-translate-y-10' : scrollAtTop, 'shadow-md' : scrollAtTop }" @scroll.window="scrollAtTop = pageYOffset > 50 ? true : false" > <section id="header-top" class="hidden bg-gray-900 lg__block"> <div class="flex flex-row justify-between container mx-auto"> <div id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <nav role="navigation" id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <div class="h-10"> <ul data-block-id="ieee_meta" region="header_top" class="flex flex-row space-x-6 h-full" role="list"> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/index.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE.org</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://ieeexplore.ieee.org/Xplore/home.jsp" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Xplore Digital Library</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://standards.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Standards</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://spectrum.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Spectrum</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/sitemap.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">More Sites</a> </li> </ul> </div> </nav> </div> <div class="flex justify-end w-full"> <a target="_self" href="https://www.ieee.org/"><img alt="IEEE" height="33px" class="pt-1.5 pr-1.5 m-0" src="/themes/custom/catalyze_tw/ieee-logo.png"></img> </div> </div> </section> <div id="navbar" class="relative origin-top shadow h-20"> <div id="navbar_top" class="bg-white"> <div class="container h-full"> <div class="flex justify-between h-20 max-w-6xl mx-auto space-x-6 2xl__max-w-full"> <div id="block-catalyze-tw-site-branding" class="block block-system block-system-branding-block block--brand max-w-md h-full bg-white"> <div class="h-full"> <a href="/" title="Home" rel="home" class="flex items-center h-full py-2 brand--logo"> <img class="w-auto h-full max-h-full" src="/files/ieeeedusociety/ieee-edsoc-color-logo-forweb.png" alt="Home"/> </a> </div> </div> <nav role="navigation" id="block-mainmegamenu" class="block--mega-menu--main static h-full hidden lg__flex justify-end w-full bg-wavy-banner-edge-left"> <ul class="menu menu-- menu-level-0 nav navbar-nav flex h-full" role="list"> <li class="menu-item-About mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - About" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">About</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">About Us</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">Education Society Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview#diversity" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">IEEE Diversity Statement</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Executive Leadership</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#excom" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Current Society Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/board-governors" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Current Board of Governors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/media-bookdirectory/board-governors-meeting-minutes" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Society Board of Governors Meeting Minutes</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Committees and Representatives</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#standing" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Society Standing Committees</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/education-society-representatives-ieee-technical-activities-board-tab" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/846">Society Representatives to IEEE TAB Committees</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Ad Hoc Committees</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/ad-hoc-committees/young-professionals" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1316">Young Professionals Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1348">Committee on Diversity and Inclusion</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Governing Documents</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/files/ieeeedusociety/2024-10/Constitution_Bylaws_upd-2024.pdf" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Constitution and Bylaws</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">History</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/presidents-advisory-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>President's Advisory Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/ieee-education-society-president-history" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1307">Presidential Leadership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://docs.google.com/spreadsheets/d/1TDi-zOgOWjQw0hzccoVM5f2OR2n45Eh5/edit?gid=1619997421#gid=1619997421" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Historical Roster Download</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Contact</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/form/contact-us" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="webform/contact_us">Contact Us Form</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Activities mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Activities" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Activities</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Distinguished Lecturer Program</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/distinguished-lecturer-program" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1366">Program Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/distinguished-lecturer-program/distinguished-lecturers" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1367">Current Lecturers</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Educational Activities</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <a href="/activities/educational-activities/about-ieee-education-week" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1368">IEEE Education Week</a> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-ieee-education-week/ieee-education-week-events" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1369">IEEE Education Week Event Recordings</a> </li> </ul> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/ieee-teaching-excellence-hub" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1380">IEEE Teaching Excellence Hub</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-webinars" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1381">Webinars</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">MOOCs</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/moocs" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1389">About MOOCs</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">MERLOT</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-merlot" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About MERLOT</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-merlot/teaching-technology-resource-center" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1388">Teaching with Technology Resource Center</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Awards mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Awards" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Awards</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1457">About Society Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives/awards-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/831">Awards Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Awards and Recognitions</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards/awards-recognitions-listing" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1458">Awards and Recognition List</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/ieee-fellow" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1459">IEEE Fellow</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards#nomination" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1457">Nomination Procedure</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/about-awards/award-reference-letter-forms" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1460">Reference Letter Forms</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Conferences mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Conferences" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Conferences</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1309">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/conferences-workshops-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Conference Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/technical-co-sponsorship-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1310">Request Technical Co-Sponsorship</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Society Conferences</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/financially-sponsored-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1314">Financially Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/technically-co-sponsored-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1315">Technically Co-Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/upcoming-events" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1311">Complete Conference & Workshop Listing</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Conference Session Recordings</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/educon/about-educon" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1365">About EDUCON</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/presentation-library?f%5B0%5D=series%3A32" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-query="{"f":["series:32"]}" data-drupal-link-system-path="presentation-library">EDUCON Conference Recordings</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Membership mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Membership" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Membership</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/about-membership" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1395">About Membership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/about-membership/membership-activities-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1396">Membership Activities Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Chapters</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/chapters/about-chapters" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1407">About Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/chapters/about-chapters/chapter-directory" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1397">Chapter Directory</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Publications mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Publications" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Publications</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1452">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/publications-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/828">Publications Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Transactions and Journals</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/toe" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1409">IEEE ToE: Transactions on Education</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/tlt" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1436">IEEE TLT: Transaction Learning Technologies</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/access-edusociety-section" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1438">IEEE Access: IEEE Education Society Section</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/rita" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1439">IEEE Revista Iberoamericana de Technolgías del Aprednizaje</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Other Publications</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://ieee-edusociety-catalyze.confcats.io/publication/about-publications/education-society-newsletter" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Education Society Newsletter</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Technical Education mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Technical Education" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Technical Education</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Technical Committee on Learning Sciences</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-learning-sciences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About TCLS</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-learning-sciences#committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>People</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://clst.fed.cuhk.edu.hk/~tcls/events/" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Events</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Technical Committee on Immersive Learning Environments</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-immersive-learning-environments" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About the TC-ILE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-immersive-learning-environments/committee-membership" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Membership</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Standards</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/ieee-education-society-standards-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1394">About Standards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/ieee-education-society-standards-committee#committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1394">Standards Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> </ul> </nav> <div class="flex justify-end h-full space-x-6 nav--action"> <button type="button" class="inline-flex items-center justify-center flex-shrink-0 h-full transition-all duration-300 cursor-pointer opacity-85 hover__bg-gray-50 hover__opacity-100 focus__outline-none" @click="searchBarOpen = true; if (open) $nextTick(()=>{});" @keydown.window.prevent.escape="searchBarOpen = false;" aria-label="Search"> <span class="hidden mr-3 font-bold leading-none truncate lg__block">Search</span> <i class="far fa-regular fa-search fa-fw fa-lg"></i> </button> <button type="button" class="block h-full mb-0 transition-colors duration-150 ease-in-out lg__hidden focus__outline-none hover__text-gray-500 focus__text-gray-500" @click="openSlideOver = true" @keyup.window.prevent.ctrl.m="openSlideOver = true; if (open) $nextTick(()=>{$refs.slideOverBody.focus()});" @keydown.window.prevent.escape="openSlideOver = false;" aria-label="Menu"> <i class="fa-regular fa-bars fa-lg"></i> </button> </div> </div> </div> </div> <div id="navbar-content" class="bg-primary-500"> <div class="h-full"> <nav id="navbar" class="relative flex justify-between z-80 mt-10 sm__mt-0"> <div class="relative inset-0 bg-primary-500 w-full" x-show="searchBarOpen" @click.outside="searchBarOpen = false" x-transition:enter="transition-opacity ease-out duration-500" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition-opacity ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" x-cloak> <div class="views-exposed-form block block-views block-views-exposed-filter-blockcc-content-search-page-search" data-drupal-selector="views-exposed-form-cc-content-search-page-search"> <form action="/search" method="get" id="views-exposed-form-cc-content-search-page-search" accept-charset="UTF-8" class="flex mb-8 gap-3 space-y-2 flex-wrap items-end"> <div class="js-form-item form-item js-form-type-search-api-autocomplete form-item-keys js-form-item-keys form-no-label w-full"> <input data-drupal-selector="edit-keys" data-search-api-autocomplete-search="cc_content_search" class="form-autocomplete form-text form-input bg-white bg-opacity-10 focus__outline-none focus__shadow-none leading-tight appearance-none block text-white text-xl border-0 p-6 mb-0 transition ease-in-out duration-150 w-full max-w-prose mx-auto rounded-none placeholder-white placeholder-opacity-75" data-autocomplete-path="/search_api_autocomplete/cc_content_search?display=page_search&&filter=keys" type="search" id="edit-keys" name="keys" value="" size="30" maxlength="128" placeholder="Search by word or phrase..." autofocus x-ref="searchBar"/> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper flex justify-center gap-3 mt-2" id="edit-actions"> <input data-drupal-selector="edit-submit-cc-content-search" type="submit" id="edit-submit-cc-content-search" value="Search" class="button js-form-submit form-submit btn-primary hidden hover__bg-primary-500 hover__text-white" /> </div> </form> </div> </div> </nav> </div> </div> <div id="navbar_bottom" class="hidden bg-gray-900 Xbg-opacity-100 Xbg-primary-500 xl__block"> <div class="container flex h-full 2xl__justify-center"> </div> </div> </div> </header> <div x-show="openSlideOver" x-transition:enter="duration-150 ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="duration-150 ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Mobile menu overlay, show/hide based on openSlideOver state." class="fixed inset-0 bg-black bg-opacity-25 z-100" @click="toggle" x-cloak></div> <div id="slide-over" class="fixed right-0 w-full h-full bg-white shadow-2xl slide-over sm__max-w-md z-100" x-title="Slide-over" x-ref="openSlideOver" x-show="openSlideOver" @click.away="openSlideOver = false" x-on:keydown.escape="openSlideOver = false" x-transition:enter="transition ease duration-150 -ml-96" x-transition:enter-start="transform translate-x-96" x-transition:enter-end="transform translate-x-0 ml-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="transform opacity-100" x-transition:leave-end="transform opacity-0" x-cloak> <div class="flex flex-col h-full"> <div class="flex items-start justify-end px-6 py-3 border-b border-gray-100 bg-primary-500 mega-menu--bottom bg-liquid-cheese slide-over--header"> <h2 class="text-lg font-medium text-gray-900" id="slide-over--title"></h2> <button class="px-1 bg-white rounded shadow slide-over--close hover__text-gray-500 focus__outline-none" @click="openSlideOver = false"> <span class="sr-only">Close panel</span> <i class="fa-regular fa-times fa-lg"></i> </button> </div> <div class="flex flex-col flex-1 min-h-0 overflow-y-scroll bg-white slide-over--body" x-ref="slideOverBody"> <div> <div id="block-main-menu" class="block block-menu-block block-menu-blockmain"> <nav role="navigation" id="block-main-menu" class="block block-menu-block block-menu-blockmain"> <ul data-block-id="main_menu" region="slide_over_sidebar"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - About"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">About</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - About Us"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">About Us</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1303">Education Society Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview#diversity" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1303">IEEE Diversity Statement</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Executive Leadership"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Executive Leadership</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives#excom" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1308">Current Society Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/board-governors" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Current Board of Governors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/media-bookdirectory/board-governors-meeting-minutes" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Society Board of Governors Meeting Minutes</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Committees and Representatives"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Committees and Representatives</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives#standing" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1308">Society Standing Committees</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/education-society-representatives-ieee-technical-activities-board-tab" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/846">Society Representatives to IEEE TAB Committees</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Ad Hoc Committees"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Ad Hoc Committees</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/ad-hoc-committees/young-professionals" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1316">Young Professionals Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1348">Committee on Diversity and Inclusion</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Governing Documents"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Governing Documents</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/files/ieeeedusociety/2024-10/Constitution_Bylaws_upd-2024.pdf" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Constitution and Bylaws</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - History"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">History</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/presidents-advisory-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">President's Advisory Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/ieee-education-society-president-history" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1307">Presidential Leadership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://docs.google.com/spreadsheets/d/1TDi-zOgOWjQw0hzccoVM5f2OR2n45Eh5/edit?gid=1619997421#gid=1619997421" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Historical Roster Download</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Contact"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Contact</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/form/contact-us" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="webform/contact_us">Contact Us Form</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Activites"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Activites</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Distinguished Lecturer Program"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Distinguished Lecturer Program</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/distinguished-lecturer-program" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1366">Program Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/distinguished-lecturer-program/distinguished-lecturers" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1367">Current Lecturers</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Educational Activities"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Educational Activities</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <a href="/activities/educational-activities/about-ieee-education-week" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1368">IEEE Education Week</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/ieee-teaching-excellence-hub" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1380">IEEE Teaching Excellence Hub</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-webinars" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1381">Webinars</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - MOOCs"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">MOOCs</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/moocs" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1389">About MOOCs</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - MERLOT"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">MERLOT</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-merlot" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About MERLOT</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-merlot/teaching-technology-resource-center" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1388">Teaching with Technology Resource Center</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Education"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Technical Education</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Committee on Learning Sciences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Technical Committee on Learning Sciences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-learning-sciences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About TCLS</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-learning-sciences#committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">People</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://clst.fed.cuhk.edu.hk/~tcls/events/" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Events</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Committee on Immersive Learning Environments"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Technical Committee on Immersive Learning Environments</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-immersive-learning-environments" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About the TC-ILE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-immersive-learning-environments/committee-membership" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Membership</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Standards"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Standards</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/ieee-education-society-standards-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1394">About Standards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/ieee-education-society-standards-committee#committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1394">Standards Committee</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Awards"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Awards</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Awards and Recognitions"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Awards and Recognitions</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards/awards-recognitions-listing" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1458">Awards and Recognition List</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/ieee-fellow" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1459">IEEE Fellow</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards#nomination" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1457">Nomination Procedure</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/about-awards/award-reference-letter-forms" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1460">Reference Letter Forms</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1457">About Society Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives/awards-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/831">Awards Committee</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Conferences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Conferences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1309">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/conferences-workshops-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Conference Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/technical-co-sponsorship-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1310">Request Technical Co-Sponsorship</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Society Conferences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Society Conferences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/financially-sponsored-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1314">Financially Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/technically-co-sponsored-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1315">Technically Co-Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/upcoming-events" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1311">Complete Conference & Workshop Listing</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Conference Session Recordings"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Conference Session Recordings</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/educon/about-educon" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1365">About EDUCON</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/presentation-library?f%5B0%5D=series%3A32" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-query="{"f":["series:32"]}" data-drupal-link-system-path="presentation-library">EDUCON Conference Recordings</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Membership"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Membership</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/about-membership" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1395">About Membership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/about-membership/membership-activities-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1396">Membership Activities Committee</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Chapters"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Chapters</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/chapters/about-chapters" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1407">About Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/chapters/about-chapters/chapter-directory" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1397">Chapter Directory</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Publications"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Publications</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1452">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/publications-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/828">Publications Committee</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Transactions and Journals"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Transactions and Journals</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/toe" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1409">IEEE ToE: Transactions on Education</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/tlt" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1436">IEEE TLT: Transaction Learning Technologies</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/access-edusociety-section" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1438">IEEE Access: IEEE Education Society Section</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/rita" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1439">IEEE Revista Iberoamericana de Technolgías del Aprednizaje</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Other Publications"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Other Publications</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://ieee-edusociety-catalyze.confcats.io/publication/about-publications/education-society-newsletter" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Education Society Newsletter</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> </ul> </nav> </div> <div id="block-socialsharing" class="block block-social-sharing block-social-sharing-block"> <section class="max-w-5xl mx-auto bg-white border-separator-b"> <div class="flex items-center justify-between "> <div class="flex justify-between w-full text-gray-600 "> <div class="flex flex-row"> <i class="hidden m-6 fa-regular fa-comment-alt-lines"></i> </div> <div class="inline-flex items-center"> <span class="font-bold leading-none text-right text-gray-600">Share on:</span> <ul class="inline-flex px-3 mrcs-social-share--share-services"> <li> <a class="share-service-link share-service-twitter w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://twitter.com/intent/tweet?text=Muhammad%20H%20Rashid&url=https%3A//ieee-edusociety.org/contact/muhammad-h-rashid&status=Muhammad%20H%20Rashid%20https%3A//ieee-edusociety.org/contact/muhammad-h-rashid" title="Twitter" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg class='css-i6dzq1 svg--social--x' viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" fill='#F3F4F6' stroke-linecap="round" stroke-linejoin="round" aria-hidden='true'> <g> <path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/> </g> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-email w-12 h-12 inline-flex justify-center items-center" target="_blank" href="/cdn-cgi/l/email-protection#3a05494f58505f594e07774f525b57575b5e1f080a721f080a685b4952535e1c5b574a0158555e430779525f59511f080a554f4e1f080a4e5253491f080a49534e5f1f080a524e4e4a491f097b1515535f5f5f175f5e4f495559535f4e431455485d155955544e5b594e15574f525b57575b5e175217485b4952535e" title="Mail" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--email"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> <polyline points="22,6 12,13 2,6"></polyline> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-facebook w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://www.facebook.com/share.php?u=https%3A//ieee-edusociety.org/contact/muhammad-h-rashid&title=Muhammad%20H%20Rashid" title="Facebook" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--facebook"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-linkedin w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//ieee-edusociety.org/contact/muhammad-h-rashid&title=Muhammad%20H%20Rashid&source=https%3A//ieee-edusociety.org/contact/muhammad-h-rashid" title="LinkedIn" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--linkedin"> <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path> <rect x="2" y="9" width="4" height="12"></rect> <circle cx="4" cy="4" r="2"></circle> </svg> </span> </a> </li> </ul> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <div class="flex flex-col min-h-screen"> <div class="flex flex-col flex-grow pt-20 lg__flex-row lg__pt-30"> <main role="main" class="relative flex-auto bg-gray-50 layout_page--main "> <a id="main-content" tabindex="-1"></a> <div class="relative mx-auto"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="node-published relative flex flex-col justify-center lg__flex-row xl__space-x-6"> <div class="flex-auto content--main layout-content"> <div id="block-catalyze-tw-content"> <article about="/home" class="relative"> <div> <div class="hidden md__block bg-primary-500 bg-liquid-cheese md__pt-12 _none relative py-6 lg__py-12 border-t-2 border-primary-500 _none relative py-0 lg__py-0" lb-section-padding-none="true"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="bg-gradient-to-b from-primary-600 to-secondary-400 _none relative pb-6 lg__pb-12" lb-section-padding-b="true"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-3 2xl__col-3 order-2 lg__order-1 mt-4 lg__-mt-8 blb-region-col" > <div class="views-element-container _none bg-secondary-500 rounded-t-lg block block-views block-views-blockcontent-posts-block-card-grid block--blb"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 border-separator-light"></div> <span class="relative inline-flex text-lg font-extrabold"><h2 class="text-center text-xl text-white mt-3 block__title">Recent News</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="mt-6"> <div><div class="js-view-dom-id-2e3ade4a0b4a391ab2219a86488f6046c72b42ca73cc99dd92c710f5c7eae6b6"> <ul class="grid grid-cols-1 md__grid-cols-2 lg__grid-cols-4 gap-6 grid-responsive-container" data-observe-resizes=""> <li class="flex mx-auto first odd"> <article about="/post/announcement/president-martin-llamas-nistal-2023-2024-farewell-message" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--post overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="absolute top-1 -left-5 -rotate-45 rounded bg-red-500 border-2 border-primary-200 text-white shadow-md shadow-white pt-1 px-4 tracking-wide z-40 font-bold text-xs">NEW</div> <div class="absolute top-0 w-full h-8 bg-gradient-to-b from-black opacity-25 z-1"></div> <a href="/post/announcement/president-martin-llamas-nistal-2023-2024-farewell-message" class="w-full" rel="nofollow"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto" > <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="mln farewell" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/Farewell%20Messgae%20-%20MLN%20%281%29.png?itok=f5d4IVZZ" typeof="foaf:Image" data-observe-resizes /> </figure> </div> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden"></div> <div class="field field--node--field-post-type field--name-field-post-type field--type-list-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Type: Announcement">Announcement</div> </div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden text-base leading-tight line-clamp-3 mr-3"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="President Martin Llamas Nistal 2023-2024 Farewell Message "> <span><a href="/post/announcement/president-martin-llamas-nistal-2023-2024-farewell-message" hreflang="en">President Martin Llamas Nistal 2023-2024 Farewell Message</a></span> </h3> </div> </h3> <span class="block mt-1 text-xs text-gray-500"><i class="mr-2 fa-fw fa-regular fa-clock"></i>1 day 11 hours ago</span> </div> <div class="card--footer px-6 py-3 flex flex-row justify-between"> <div class="flex flex-grow justify-end"> <ul class="links text-sm font-bold"> <li class="node-readmore group"> <a href="/post/announcement/president-martin-llamas-nistal-2023-2024-farewell-message" rel="nofollow"><span>Read More</span> <span class="inline-block duration-150 transform group-hover__translate-x-1"> <i class="ml-1 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i> </span> </a> </li> </ul> </div> </div> </div> </div> </article> </li> <li class="flex mx-auto even"> <article about="/post/announcement/new-vice-president-outreach-activities" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--post overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="absolute top-1 -left-5 -rotate-45 rounded bg-red-500 border-2 border-primary-200 text-white shadow-md shadow-white pt-1 px-4 tracking-wide z-40 font-bold text-xs">NEW</div> <div class="absolute top-0 w-full h-8 bg-gradient-to-b from-black opacity-25 z-1"></div> <a href="/post/announcement/new-vice-president-outreach-activities" class="w-full" rel="nofollow"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto" > <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="VPOA 3" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/New%20VPOA%20%282%29.png?itok=Nb1J4A7z" typeof="foaf:Image" data-observe-resizes /> </figure> </div> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden"></div> <div class="field field--node--field-post-type field--name-field-post-type field--type-list-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Type: Announcement">Announcement</div> </div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden text-base leading-tight line-clamp-3 mr-3"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="New: Vice President for Outreach Activities "> <span><a href="/post/announcement/new-vice-president-outreach-activities" hreflang="en">New: Vice President for Outreach Activities</a></span> </h3> </div> </h3> <span class="block mt-1 text-xs text-gray-500"><i class="mr-2 fa-fw fa-regular fa-clock"></i>5 days 6 hours ago</span> </div> <div class="card--footer px-6 py-3 flex flex-row justify-between"> <div class="flex flex-grow justify-end"> <ul class="links text-sm font-bold"> <li class="node-readmore group"> <a href="/post/announcement/new-vice-president-outreach-activities" rel="nofollow"><span>Read More</span> <span class="inline-block duration-150 transform group-hover__translate-x-1"> <i class="ml-1 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i> </span> </a> </li> </ul> </div> </div> </div> </div> </article> </li> <li class="flex mx-auto last odd"> <article about="/post/announcement/ieee-education-society-board-governors-member-large-2025-2027-election-results" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--post overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/post/announcement/ieee-education-society-board-governors-member-large-2025-2027-election-results" class="w-full" rel="nofollow"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto" > <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="BoG 2025-2027 Winners" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/BoG25-27revised.png?h=0b44dd13&itok=5UW-R4nB" typeof="foaf:Image" data-observe-resizes /> </figure> </div> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden"></div> <div class="field field--node--field-post-type field--name-field-post-type field--type-list-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Type: Announcement">Announcement</div> </div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden text-base leading-tight line-clamp-3 mr-3"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="IEEE Education Society Board of Governors Member-at-Large 2025-2027 Election Results "> <span><a href="/post/announcement/ieee-education-society-board-governors-member-large-2025-2027-election-results" hreflang="en">IEEE Education Society Board of Governors Member-at-Large 2025-2027 Election Results</a></span> </h3> </div> </h3> <span class="block mt-1 text-xs text-gray-500"><i class="mr-2 fa-fw fa-regular fa-clock"></i>1 month ago</span> <div> <div class="label field--label visually-hidden">Lead</div> <div class="field field--node--field-lead field--name-field-lead field--type-string field--label-visually_hidden card--visually_hidden text-sm tracking-wide text-gray-600 mt-3 break-words font-serif" title="Congratulations 2025-2027 Board of Governors"> Congratulations 2025-2027 Board of Governors </div> </div> </div> <div class="card--footer px-6 py-3 flex flex-row justify-between"> <div class="flex flex-grow justify-end"> <ul class="links text-sm font-bold"> <li class="node-readmore group"> <a href="/post/announcement/ieee-education-society-board-governors-member-large-2025-2027-election-results" rel="nofollow"><span>Read More</span> <span class="inline-block duration-150 transform group-hover__translate-x-1"> <i class="ml-1 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i> </span> </a> </li> </ul> </div> </div> </div> </div> </article> </li> </ul> </div> </div> </div> </div> <div class="bg-secondary-500 rounded-b-lg px-2 pb-4 block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <div class="content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="/news-archive#past-news" class="btn btn-tertiary">View News Archive</a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-6 2xl__col-6 order-1 lg__order-2 mt-0 lg__-mt-18 px-8 md__px-12 lg__px-16 blb-region-col" > <div class="views-element-container _none block block-views block-views-blockcontent-posts-block-hero block--blb"> <div><div class="js-view-dom-id-38b5f446c9f796b37511047e02d794cd7ead3b40e1ba752317f71a955f13879d"> <div class="first last odd"> <article about="/post/announcement/ieee-education-society-2025-2026-officer-election-results" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--post overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/post/announcement/ieee-education-society-2025-2026-officer-election-results" class="w-full" rel="nofollow"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto" > <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="officers25-26" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/Copy%20of%20IEEE%20Education%20Society%202025-2026%20President-%20Elect.png?h=98d62943&itok=l37OKRC4" typeof="foaf:Image" data-observe-resizes /> </figure> </div> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden"></div> <div class="field field--node--field-post-type field--name-field-post-type field--type-list-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Type: Announcement">Announcement</div> </div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden text-base leading-tight line-clamp-3 mr-3"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="IEEE Education Society 2025-2026 Officer Election Results "> <span><a href="/post/announcement/ieee-education-society-2025-2026-officer-election-results" hreflang="en">IEEE Education Society 2025-2026 Officer Election Results</a></span> </h3> </div> </h3> <span class="block mt-1 text-xs text-gray-500"><i class="mr-2 fa-fw fa-regular fa-clock"></i>3 weeks 1 day ago</span> <div> <div class="label field--label visually-hidden">Lead</div> <div class="field field--node--field-lead field--name-field-lead field--type-string field--label-visually_hidden card--visually_hidden text-sm tracking-wide text-gray-600 mt-3 break-words font-serif" title="Congratulations to the new officers."> Congratulations to the new officers. </div> </div> </div> <div class="card--footer px-6 py-3 flex flex-row justify-between"> <div class="flex flex-grow justify-end"> <ul class="links text-sm font-bold"> <li class="node-readmore group"> <a href="/post/announcement/ieee-education-society-2025-2026-officer-election-results" rel="nofollow"><span>Read More</span> <span class="inline-block duration-150 transform group-hover__translate-x-1"> <i class="ml-1 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i> </span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="_none bg-gray-50 rounded-lg p-4 mt-4 border-2 border-primary-500 block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <h3 class="block__title">IEEE Education Society (EdSoc) Newsletter</h3> <div class="text-center text-base content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> <div class="field field--block-content--field-lead-formatted field--name-field-lead-formatted field--type-text field--label-hidden full--hidden"><div class="text-pretty text-base">Our newsletter aims to provide members with relevant time-sensitive announcements and news. Three issues are published each year.<br> <div class="views-element-container"><div class="js-view-dom-id-12552f7654320b4de13e2d36b826c3622c628cae8829d9d2e0188b07d3cba436"> <ul class="grid grid-cols-1 px-6 py-2"> <li class="first last odd"> <article> <div class="flex items-center justify-between py-3"> <div class="flex items-center flex-1 w-0 space-x-3"> <i class="text-gray-600 fa-regular fa-file-lines fa-fw fa-2xl" title="Document"></i> <span class="font-bold leading-none"> <a href="https://mailchi.mp/ieee-edusociety.org/edsoc-newsletter-november2024-4949571?e=0dfc30279d" class="hover__underline" title="External Link to file "> EdSoc Membership Newsletter - November 2024 <span class="text-gray-700 text-xs tracking-wide whitespace-nowrap"> <i class="ml-1 fa-regular fa-external-link fa-fw"></i> </span> </a> </span> </div> </div> </article> </li> </ul> </div> </div> </div></div> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="https://ieee-edusociety.us7.list-manage.com/subscribe?u=a56289c418698825973a992ba&id=892e177e62" class="btn btn-primary" rel="noreferrer"><div class="leading-tight">Subscribe<i class="ml-1 fa-regular fa-external-link fa-xs fa-fw"></i></div></a> <a href="/education-society-newsletter-archive" class="btn btn-tertiary">View Newsletter Archive</a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-3 2xl__col-3 order-3 mt-4 lg__-mt-8 blb-region-col" > <div class="views-element-container _none bg-secondary-500 rounded-t-lg block block-views block-views-blockcontent-events-block-card-grid block--blb"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 border-separator-light"></div> <span class="relative inline-flex text-lg font-extrabold"><h2 class="text-xl text-center text-white mt-3 block__title">Upcoming Events</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="mt-6"> <div><div class="js-view-dom-id-2fadab6ce8433603de91c8e48eab4206a880ab73ab664cce7a85a8a11d2b5bec"> <ul class="grid grid-cols-1 md__grid-cols-2 lg__grid-cols-4 gap-6 grid-responsive-container" data-observe-resizes=""> <li class="flex mx-auto first odd"> <article about="/event/conference/ieee-international-humanitarian-technologies-conference-2024" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--event overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto"> <a href="https://ieee-edusociety.org/event/conference/ieee-international-humanitarian-technologies-conference-2024"><img loading="lazy" src="image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="IHTC 2024" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/IHTC%202024.png?h=a65c9890&itok=pS8_AAMK" typeof="Image" data-observe-resizes></a> </figure> </div> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden">Acronym</div> <div class="field field--node--field-acronym field--name-field-acronym field--type-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Acronym">IHTC 2024</div> </div> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="IEEE International Humanitarian Technologies Conference 2024"> <a href="/event/conference/ieee-international-humanitarian-technologies-conference-2024" hreflang="en">IEEE International Humanitarian Technologies Conference 2024</a> </h3> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Date</div> <div class="field field--node--field-date-range field--name-field-date-range field--type-daterange field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Date"> <span><i class="mr-3 fa-regular fa-fw fa-calendar"></i></span> <span><time datetime="2024-11-25T12:00:00Z">25 Nov 2024</time> – <time datetime="2024-11-27T12:00:00Z">27 Nov 2024</time> </span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Geographic Location</div> <div class="field field--node--field-location-text field--name-field-location-text field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Geographic Location"> <span><i class="mr-3 fa-regular fa-fw fa-location"></i></span> <span>Bari, Italy</span> </div> </div> <div class="leading-tight" title="Sponsorship"> <div class="label field--label visually-hidden">Sponsorship</div> <div class="field field--node--field-event-sponsorship field--name-field-event-sponsorship field--type-list-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Sponsorship"> <span><i class="mr-3 fa-regular fa-fw fa-hand-holding-heart"></i></span> <span>Technically Co-Sponsored</span> </div> </div> </div> </div> </div> </article> </li> <li class="flex mx-auto even"> <article about="/event/conference/ieee-international-conference-teaching-assessment-and-learning-engineering-2024" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--event overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto"> <a href="https://ieee-edusociety.org/event/conference/ieee-international-conference-teaching-assessment-and-learning-engineering-2024"><img loading="lazy" src="image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="TALE 2024" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/TALE%202024.png?h=fb962387&itok=8y6fNe2B" typeof="Image" data-observe-resizes></a> </figure> </div> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden">Acronym</div> <div class="field field--node--field-acronym field--name-field-acronym field--type-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Acronym">TALE 2024</div> </div> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="IEEE International Conference on Teaching, Assessment and Learning for Engineering 2024"> <a href="/event/conference/ieee-international-conference-teaching-assessment-and-learning-engineering-2024" hreflang="en">IEEE International Conference on Teaching, Assessment and Learning for Engineering 2024</a> </h3> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Date</div> <div class="field field--node--field-date-range field--name-field-date-range field--type-daterange field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Date"> <span><i class="mr-3 fa-regular fa-fw fa-calendar"></i></span> <span><time datetime="2024-12-09T12:00:00Z">9 Dec 2024</time> – <time datetime="2024-12-12T12:00:00Z">12 Dec 2024</time> </span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Geographic Location</div> <div class="field field--node--field-location-text field--name-field-location-text field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Geographic Location"> <span><i class="mr-3 fa-regular fa-fw fa-location"></i></span> <span>Bengaluru, India </span> </div> </div> <div class="leading-tight" title="Sponsorship"> <div class="label field--label visually-hidden">Sponsorship</div> <div class="field field--node--field-event-sponsorship field--name-field-event-sponsorship field--type-list-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Sponsorship"> <span><i class="mr-3 fa-regular fa-fw fa-hand-holding-heart"></i></span> <span>Financially Sponsored</span> </div> </div> </div> </div> </div> </article> </li> <li class="flex mx-auto last odd"> <article about="/event/conference/ieee-integrated-stem-education-conference-2025" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--event overflow-hidden"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="field field--node--field-media-ref field--name-field-media-ref field--type-entity-reference field--label-hidden card--hidden bg-gray-100 flex-grow"> <figure class="media--photo relative max-w-max mx-auto"> <a href="https://ieee-edusociety.org/event/conference/ieee-integrated-stem-education-conference-2025"><img loading="lazy" src="image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="760" height="570" alt="ISEC 2025" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_4_3_760w/public/images/media/photos/ISEC%2025_1.png?h=1e28bb43&itok=U8xMGefi" typeof="Image" data-observe-resizes></a> </figure> </div> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div> <div class="label field--label visually-hidden">Acronym</div> <div class="field field--node--field-acronym field--name-field-acronym field--type-string field--label-visually_hidden card--visually_hidden font-bold text-primary-600 text-sm" title="Acronym">ISEC 2025</div> </div> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="IEEE Integrated STEM Education Conference 2025"> <a href="/event/conference/ieee-integrated-stem-education-conference-2025" hreflang="en">IEEE Integrated STEM Education Conference 2025</a> </h3> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Date</div> <div class="field field--node--field-date-range field--name-field-date-range field--type-daterange field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Date"> <span><i class="mr-3 fa-regular fa-fw fa-calendar"></i></span> <span><time datetime="2025-03-15T12:00:00Z">15 Mar 2025</time> </span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Geographic Location</div> <div class="field field--node--field-location-text field--name-field-location-text field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Geographic Location"> <span><i class="mr-3 fa-regular fa-fw fa-location"></i></span> <span>Princeton, NJ USA</span> </div> </div> <div class="leading-tight" title="Sponsorship"> <div class="label field--label visually-hidden">Sponsorship</div> <div class="field field--node--field-event-sponsorship field--name-field-event-sponsorship field--type-list-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="Sponsorship"> <span><i class="mr-3 fa-regular fa-fw fa-hand-holding-heart"></i></span> <span>Technically Co-Sponsored</span> </div> </div> </div> </div> </div> </article> </li> </ul> </div> </div> </div> </div> <div class="bg-secondary-500 rounded-b-lg pb-4 block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <div class="content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="/conferences/about-conferences/upcoming-events" class="btn btn-tertiary">View All Events</a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="bg-gradient-to-b from-secondary-400 to-secondary-500 _none border-secondary-500 border-l-4 border-r-4 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container-fluid relative"> <div class="bg-white border-t-2 border-b-2 border-primary-500 layout row no-gutters layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-9 xl__col-9 2xl__col-9 my-auto mx-auto blb-region-col" > <div class="_none bg-white rounded block-type-basic block block-layout-builder block-inline-blockbasic block--blb"> <div class="flex items-center mx-auto max-w-prose"> <div class="flex-grow h-px mr-6 border-separator-light"></div> <span class="relative inline-flex text-lg font-extrabold"><h2 class="mt-6 block__title">Our President's Welcome</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="p-8 content mt-6"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <p>The IEEE Education Society was founded in 1957 and is one of the oldest technical societies in IEEE. It is a worldwide society of professionals dedicated to ensuring high-quality education in science and engineering. Our members engage students each day, research and propose new theories in learning science, and innovate classroom practice.  </p> <p>If you are not yet a member of the Education Society, we invite you to explore our website, especially our Society’s <a href="https://ieee-edusociety.org/about/ieee-education-society" target="_blank" data-cke-saved-href="https://ieee-edusociety.org/about/ieee-education-society" rel="noopener noreferrer">overview</a> page, where you can see general information about our society, and our <a href="https://ieee-edusociety.org/membership/membership" target="_blank" data-cke-saved-href="https://ieee-edusociety.org/membership/membership" rel="noopener noreferrer">membership</a> page, where you can see our Publications, Conferences, and Educational Activities.</p> <p>We invite you to <a href="https://www.ieee.org/membership-catalog/productdetail/showProductDetailPage.html?product=MEME025" target="_blank" data-cke-saved-href="https://www.ieee.org/membership-catalog/productdetail/showProductDetailPage.html?product=MEME025" rel="noopener noreferrer">join us</a>; a worldwide community of professionals is waiting for you. </p> <p>If you are a member of the Education Society, we want to thank you for your contributions to our community. We hope that you continually benefit from the dialogue our Society helps to foster in the world of Engineering Education. Together, we are a dedicated group of skilled professionals working toward the goal of helping our engineering students and academic, government, and industry professionals build bright futures for themselves.</p> <p>We also encourage everyone to join our social media channels on <a href="https://www.facebook.com/IEEE.EdSoc/" target="_blank" data-cke-saved-href="https://www.facebook.com/IEEE.EdSoc/" rel="noopener noreferrer">Facebook</a>, <a href="https://twitter.com/IEEE_EduSoc" target="_blank" data-cke-saved-href="https://twitter.com/IEEE_EduSoc" rel="noopener noreferrer">Twitter</a>, and <a href="https://www.linkedin.com/company/ieee-education-society-edsoc/" target="_blank" data-cke-saved-href="https://www.linkedin.com/company/ieee-education-society-edsoc/" rel="noopener noreferrer">LinkedIn</a> to stay current on all Society happenings.</p> <p><strong>Martín Llamas Nistal</strong><br><span>IEEE Education Society President 2023, 2024</span></p> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-3 xl__col-3 2xl__col-3 my-auto mx-auto blb-region-col" > <div class="_none bg-white rounded px-4 block block-entity-browser-block block-entity-browser-blockcontent"> <article about="/position/president" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="teaser-v xl__teaser-h teaser teaser--position teaser-h-64"> <div class="teaser--main xl__teaser-h--main flex flex-col justify-between"> <div class="teaser--body xl__teaser-h--body"> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-hidden card--hidden text-base leading-tight line-clamp-3" title="President"> <a href="/position/president" hreflang="en">President</a> </h3> <div class="view view-eva view-multifield-incumbent view-id-multifield_incumbent view-display-id-entity_view_card_current_grid js-view-dom-id-4116c79060fbf86f1caaed48a8cabc0dfbc8c6aedf097f7784f5ae372323c9d3"> <ul class="incumbents--grid grid grid-responsive-container gap-6" data-observe-resizes=""> <li class="col-span-1 space-y-2 first last odd"> <div><div> <div class="leading-tight"> <div class="field field--multifield--field-date-range field--name-field-date-range field--type-daterange field--label-above custom--above tracking-wide font-semibold mt-1 break-words inline-flex leading-tight text-gray-600" title="Date Range"> <span><time datetime="2023-01-01T12:00:00Z">2023</time> - <time datetime="2024-12-31T12:00:00Z">2024</time> </span> </div> </div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/martin-llamas-nistal" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="Spain"> <span>ESP</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/martin-llamas-nistal" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Martín Llamas Nistal" title="Martín Llamas Nistal" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/martin%20llamas%20ieee.jpg?h=03484a54&itok=V4Ai5s36" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Martín Llamas Nistal "> <span><a href="/contact/martin-llamas-nistal" hreflang="en">Martín Llamas Nistal</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>atlanTTic Research Center, University of Vigo</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 8 (Africa, Europe, Middle East)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=3">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> </ul> </div> </div> </div> </div> </article> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="bg-gradient-to-b from-secondary-500 to-primary-700 _none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 my-auto blb-region-col" > <div class="_none p-4 border-2 border-primary-500 bg-white block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <div class="content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> <div class="field field--block-content--field-lead-formatted field--name-field-lead-formatted field--type-text field--label-hidden full--hidden"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <figure class="align-center media--photo relative max-w-max mx-auto"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1280" height="487" alt="Logo: Teaching Excellence Hub" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_205_78_1280w/public/images/media/photos/TeachingHubExcellence-RGB-color.png?h=2593b144&itok=rvbClzZc" typeof="foaf:Image" data-observe-resizes> </figure> <p class="text-align-center"><span style="-webkit-text-stroke-width:0px;background-color:rgb(255, 255, 255);color:rgb(34, 34, 34);display:inline !important;float:none;font-family:Roboto, sans-serif;font-size:16.065px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;orphans:2;text-align:left;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">The <strong>IEEE Teaching Excellence Hub</strong> is a collaboration between the IEEE Education Society and the IEEE Educational Activities Board. It contains a curated collection of educational research, tools, and other resources that may be of interest to those teaching engineering, computer science, and technology at the university level.  </span></p> </div> </div> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="https://teaching.ieee.org/" class="btn btn-tertiary" rel="noreferrer"><div class="leading-tight">Visit the IEEE Teaching Excellence Hub<i class="ml-1 fa-regular fa-external-link fa-xs fa-fw"></i></div></a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 my-auto blb-region-col" > <div class="_none p-4 border-2 border-primary-500 bg-white block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <div class="content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> <div class="field field--block-content--field-lead-formatted field--name-field-lead-formatted field--type-text field--label-hidden full--hidden"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <figure class="align-center media--photo relative max-w-max mx-auto"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1280" height="487" alt="Logo: Data Port" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_205_78_1280w/public/images/media/photos/DataPort_logo.png?h=c9b903fc&itok=ZJ6MKl4B" typeof="foaf:Image" data-observe-resizes> </figure> <p class="text-align-center"><span style="-webkit-text-stroke-width:0px;background-color:rgb(255, 255, 255);color:rgb(34, 34, 34);display:inline !important;float:none;font-family:Roboto, sans-serif;font-size:16.065px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;orphans:2;text-align:left;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">The IEEE Education Society's publications are integrated with <strong>IEEE DataPort </strong>and published in the Education and Learning Technologies Dataset Category. IEEE created DataPort to provide significant benefits to researchers, data analysts, and the global technical community. </span></p> </div> </div> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="https://ieee-dataport.org/topic-tags/education-and-learning-technologies" class="btn btn-tertiary" rel="noreferrer"><div class="leading-tight">Visit IEEE DataPort<i class="ml-1 fa-regular fa-external-link fa-xs fa-fw"></i></div></a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </main> </div> <button id="backtotop" x-cloak x-data="{scroll : false}" @scroll.window="document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ? scroll = true : scroll = false" @click="window.scrollTo({top: 0, behavior: 'smooth'})" x-show="scroll" type="button"> <i class="fa-regular fa-lg fa-chevron-up text-white"></i> </button> <footer role="contentinfo"> <div class="bg-primary-500 bg-liquid-cheese md__space-y-3 py-3"> <div id="block-catalyze-tw-socialmedialinks" class="bg-primary-500 bg-liquid-cheese block-type-basic block block-block-content block-block-content847620a3-0010-437a-91e0-cde531145fe5"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <div class="flex flex-row items-center justify-center space-x-6"> <p class="text-xl md__text-2xl ml-8 my-4 text-white font-bold tracking-wide flex items-center"><span class="text-white font-sans"><a id="social"></a>Follow the Education Society</a></span></p> <ul class="no-bullets my-2 mr-8"> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.facebook.com/IEEE.EdSoc" title="Facebook" rel="noopener noreferrer"> <span class=""><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="0" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"> </path> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://x.com/IEEE_EduSoc" title="X" rel="noopener noreferrer"> <span class=""><svg class='svg--social--x' fill='#ffffff' viewBox='0 0 24 24' width="24" height="24" aria-hidden='true'> <g> <path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z' /> </g> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.linkedin.com/company/ieee-education-society-edsoc" title="LinkedIn" rel="noopener noreferrer"> <span class=""><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="0" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"> <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"> </path> <rect x="2" y="9" width="4" height="12"></rect> <circle cx="4" cy="4" r="2"></circle> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-6 px-6 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.youtube.com/channel/UCAz5kjQ9-WB5eTYBF4ck9Ow" title="YouTube" rel="noopener noreferrer"> <span class="text-white"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-youtube fa-w-18 fa-2x"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" class=""></path></svg> </span> </a> </li> </ul> </div> </div> </div> </div> <section class="bg-gray-900 md__space-y-3 py-3" id="footer-bottom"> <div id="block-ieee-footer" class="block block-menu-block block-menu-blockieee-footer"> <nav role="navigation" id="block-ieee-footer" class="block block-menu-block block-menu-blockieee-footer"> <div class="hidden mx-auto mb-0 md__block"> <ul data-block-id="ieee_footer" region="footer_bottom" class="flex flex-row container divide-x divide-gray-500" role="list"> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/index.html" rel="noreferrer">IEEE Home</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/sitemap.html" rel="noreferrer">Sitemap/More Sites</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/about/contact_center/index.html" rel="noreferrer">IEEE Contact & Support</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/accessibility_statement.html" rel="noreferrer">Accessibility</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/p9-26.html" rel="noreferrer">Nondiscrimination Policy</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/security_privacy.html" rel="noreferrer">IEEE Privacy Policy</a> </li> </ul> </div> </nav> </div> <div id="footer--copyright--ieee"> <div class="container space-y-0 text-xs text-center text-gray-300 md__text-left"> <p>© Copyright 2024 IEEE – All rights reserved. Use of this website signifies your agreement to the <a class="font-semibold hover__text-white focus__text-white" target="_blank" href="https://www.ieee.org/about/help/site-terms-conditions.html">IEEE Terms & Disclosures</a>.</p> <p>A public charity, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.</p> </div> </div> </div> <div class="bg-gray-900"> <div id="footer--copyright--confcats" class="py-3"> <p class="container text-xs text-center text-gray-300 md__text-left">This site is created, maintained, and managed by <a class="font-semibold hover__text-white focus__text-white" href="https://conferencecatalysts.com" target="_blank">Conference Catalysts, LLC</a>. <br> Please feel free to <a class="font-semibold hover__text-white focus__text-white" href="https://conferencecatalysts.com/contact" target="_blank">contact us</a> for any assistance. </p> </div> </section> </footer> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/files/ieeeedusociety/js/js_6dP_G_KVeSupsfOs747wR8IwnezxkhJvZUhKCZOCcSA.js?scope=footer&delta=0&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw"></script> <script src="/themes/custom/catalyze_tw/dist/catalyze-js.js?snl4d8"></script> <script src="/themes/custom/catalyze_tw/dist/resize-observer.js?snl4d8"></script> <script src="/themes/custom/catalyze_tw/dist/fonts.js?snl4d8"></script> <script src="/themes/custom/catalyze_tw/dist/alpine-persist.js?snl4d8"></script> <script src="/themes/custom/catalyze_tw/dist/alpine.js?snl4d8"></script> <script src="/files/ieeeedusociety/js/js_8XIDUViwAAg3om0AU2lnqxu-_CW0AVITyo5N1gpIk7U.js?scope=footer&delta=6&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw"></script> <script src="/themes/custom/catalyze_tw/lib/jquery.select2/js/select2.min.js?snl4d8"></script> <script src="/themes/custom/catalyze_tw/src/js/select2-settings.js?snl4d8"></script> <script src="/files/ieeeedusociety/js/js_mn671T3ejK9xmh7HeldDnqvPgx5FCKEOfsprEavwhGQ.js?scope=footer&delta=9&language=en&theme=catalyze_tw&include=eJyNkmFuwyAMhS_EgrQLIQMupTEYYbM2Pf1IVWnKpHb7Y2G_T34GAxe4OWKI2C38nBc9d_YeuwERVJfrBYNyt0FkaljQENw3uwcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnahJzoklCsmmG3_myj2rYn4bMruiwQCYb8QSD1HhmFe3Q3G6NYhuNlOviIayp86jRBSbuix-Z4ku8QYxz7j-oAv3R-y3kue-P-h7Sefl_DfYAgXKqBas-4YIxgz1l0mkUoGnmar4yXsU-4lI4DjouSJDmVj-NIPRwdtCyg6EcuDRCRfuifugR1mk8f8Y3h67nAw"></script> <script src="/themes/custom/catalyze_tw/src/js/ckeditor.js?snl4d8"></script> </body> </html>

CINXE.COM

Home | IEEE Education Society