Preview Center

300 × 150
<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> &raquo; Pattern Library</title>
    <meta name="description" content="Johns Hopkins School of Education">

    <!-- preconnects -->
    <link rel="preconnect" href="https://images.fastspot.com">

    <!-- preloads -->
    <link rel="preload" href="https://use.typekit.net/btq2ouq.css" as="style">

    <!-- stylesheets -->
    <link media="all" rel="stylesheet" href="/css/site.css">
    <link rel="stylesheet" href="https://use.typekit.net/btq2ouq.css">

    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
    <link rel="manifest" href="/favicons/site.webmanifest">
    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#002d72">
    <meta name="msapplication-TileColor" content="#002d72">
    <meta name="theme-color" content="#002d72">
    <!-- misc meta -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- IMPORTANT - REMOVE THIS FROM ANY CMS IMPLEMENTATION AS IT PREVENTS INDEXING -->
    <meta name="robots" content="noindex">

    <!-- Facebook -->
    <meta property="og:title" content="JHU SOE">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://static.jhu-soe.dev.fastspot.com/site/social.png">
    <meta property="og:image:width" content="572">
    <meta property="og:image:height" content="325">
    <meta property="og:description" content="Johns Hopkins School of Education">
    <meta property="og:site_name" content="JHU SOE">

    <!-- twitter -->
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@jhueducation">
    <meta name="twitter:creator" content="@jhueducation">
    <meta name="twitter:url" content="//twitter.com/jhueducation">
    <meta name="twitter:title" content="JHU SOE">
    <meta name="twitter:description" content="Johns Hopkins School of Education">
    <meta name="twitter:image" content="http://static.jhu-soe.dev.fastspot.com/site/social.png">

    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-5FWHMLH');
    </script>
    <!-- End Google Tag Manager -->
</head>

<body class="preload fs-grid theme_default ">

    <!-- Page Wrapper -->
    <div class="page_wrapper">
        <!-- Header -->
        <noscript>
            <iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>

        <section class="header_ribbon" aria-label="Sticky Site Header">
            <a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="header_ribbon_inner">
                        <div class="header_main_nav">

                            <nav class="js-nav-collapse js-main-dropdown-nav dropdown_nav main_dropdown_nav" aria-labelledby="dropdown_nav_title_1">
                                <div class="dropdown_nav_header main_dropdown_nav_header">
                                    <h2 class="dropdown_nav_title main_dropdown_nav_title" id="dropdown_nav_title_1">Site</h2>
                                </div>
                                <ul class="js-nav-collapse-list js-main-dropdown-nav-list dropdown_nav_list main_dropdown_nav_list" aria-labelledby="dropdown_nav_title_1">
                                    <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-1 dropdown_nav_item main_dropdown_nav_item has_children">
                                        <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_link" href="#">
                                                <div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
                                                    <span class="dropdown_nav_label main_dropdown_nav_link_label">About</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-1" data-swap-group="main_dropdown_nav" aria-label="About" aria-haspopup="true" aria-expanded="false">
                                                <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                    <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="About">
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Program Finder</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Master's Programs</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Doctoral Programs</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Career Paths</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Academic Calendar</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Academic Catalogue</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-2 dropdown_nav_item main_dropdown_nav_item has_children">
                                        <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_link" href="#">
                                                <div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
                                                    <span class="dropdown_nav_label main_dropdown_nav_link_label">Impact</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-2" data-swap-group="main_dropdown_nav" aria-label="Impact" aria-haspopup="true" aria-expanded="false">
                                                <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                    <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Impact">
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">SOE Communities</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Online and On Campus</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Student Support</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Career Planning</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-3 dropdown_nav_item main_dropdown_nav_item has_children">
                                        <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_link" href="#">
                                                <div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
                                                    <span class="dropdown_nav_label main_dropdown_nav_link_label">Faculty & Research</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-3" data-swap-group="main_dropdown_nav" aria-label="Faculty & Research" aria-haspopup="true" aria-expanded="false">
                                                <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                    <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Faculty & Research">
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Admissions</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Financial Aid</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Tuition & Fees</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Campus Tour</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-4 dropdown_nav_item main_dropdown_nav_item has_children">
                                        <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_link" href="#">
                                                <div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
                                                    <span class="dropdown_nav_label main_dropdown_nav_link_label">Solutions</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-dropdown-nav-toggle dropdown_nav_toggle main_dropdown_nav_toggle" data-swap-target=".js-main-dropdown-nav-item-4" data-swap-group="main_dropdown_nav" aria-label="Solutions" aria-haspopup="true" aria-expanded="false">
                                                <span class="dropdown_nav_toggle_inner main_dropdown_nav_toggle_inner">
                                                    <span class="dropdown_nav_icon main_dropdown_nav_toggle_icon">
                                                        <svg class="icon icon_caret_down">
                                                            <use href="/images/icons.svg#caret_down" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-dropdown-nav-children dropdown_nav_children main_dropdown_nav_children" aria-label="Solutions">
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Faculty</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Themed Expert Pages</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Research Areas</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-dropdown-nav-child-item dropdown_nav_child_item main_dropdown_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-dropdown-nav-child-link dropdown_nav_child_link main_dropdown_nav_child_link" href="#">
                                                    <div class="dropdown_nav_link_inner main_dropdown_nav_child_link_inner">
                                                        <span class="dropdown_nav_child_link_label main_dropdown_nav_child_link_label">Centers & Institutes</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-5 dropdown_nav_item main_dropdown_nav_item">
                                        <div class="dropdown_nav_item_inner main_dropdown_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-dropdown-nav-link dropdown_nav_link main_dropdown_nav_link" href="#">
                                                <div class="dropdown_nav_link_inner main_dropdown_nav_link_inner">
                                                    <span class="dropdown_nav_label main_dropdown_nav_link_label">Contact Us</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="header_ribbon_group">
                            <div class="header_ribbon_home">
                                <a class="header_ribbon_home_link" href="#">
                                    <span class="header_ribbon_home_link_icon">
                                        <svg class="icon icon_shield">
                                            <use href="/images/icons.svg#shield" />
                                        </svg>
                                    </span>
                                    <span class="header_ribbon_home_link_label">JHU School of Education</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <header class="js-header header header_center" id="header">
            <a href="https://150.jhu.edu" parent="_blank" class="jhu-150th-bar" id="jhu-150th-bar" jhu-150th-bar-style="dark" data-js="jhu-150th-bar">
                <p id="jhu-150th-name">Johns&nbsp;Hopkins&nbsp;University<span class="jhu-150th-bar-sep"></span>Est.&nbsp;1876<span class="jhu-150th-bar-sep"></span></p>
                <svg id="jhu-150th-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 90">
                    <defs>
                        <style>
                            .cls-1 {
                                fill: none;
                            }

                            .cls-2 {
                                fill: var(--jhu-150th-bar-color);
                            }

                            .cls-3 {
                                fill: var(--jhu-150th-bar-accent);
                            }
                        </style>
                    </defs>
                    <path class="cls-2" d="M69.75,68.12c-3.33-.14-5.69-.2-8.4-.2-2.85,0-5.35.07-8.4.2-.42-.2-.56-1.32-.14-1.73l1.32-.21c4.24-.7,4.24-1.39,4.24-8.68v-9.79c0-2.08-.14-2.22-3.47-2.22h-19.86c-3.33,0-3.47.14-3.47,2.22v9.79c0,7.29.34,8.26,4.23,8.68l2.02.21c.41.28.28,1.53-.14,1.73-3.75-.14-6.11-.2-8.82-.2-2.99,0-5.35.13-8.06.2-.42-.2-.55-1.32-.14-1.73l1.18-.21c3.89-.7,4.03-1.39,4.03-8.68v-25c0-6.35-.01-8.02-2.85-8.58-.59-.12-1.19-.11-1.77.02-2.9.64-2.89,2.14-2.89,8.7v25.76c0,5.48-.28,10.27-1.6,13.47-2.3,5.56-7.22,10-13.68,10-.83,0-2.98-.07-2.98-1.46,0-1.18,1.04-3.2,2.5-3.2.83,0,1.67.14,2.57.42.97.28,1.94.49,2.92.49,1.46,0,2.29-.83,2.78-1.81,1.6-3.27,1.8-13.68,1.8-17.43v-26.25c0-7.71-.69-8.54-4.79-8.89l-1.73-.14c-.42-.28-.28-1.53.14-1.74,4.03.14,6.39.21,9.3.21,1.54,0,2.95-.02,4.38-.06.78-.02,1.35-.03,2.16-.07.44.01,1.08,0,1.5.02,1.78.06,3.39.11,5.25.11,2.71,0,5.07-.07,8.05-.21.42.21.56,1.46.14,1.74l-1.32.14c-4.03.42-4.16,1.46-4.16,8.75v7.99c0,2.15.14,2.22,3.47,2.22h19.86c3.33,0,3.47-.07,3.47-2.22v-7.99c0-7.29-.14-8.33-4.24-8.75l-1.32-.14c-.42-.28-.28-1.53.14-1.74,3.19.14,5.56.21,8.4.21s5.07-.07,8.2-.21c.42.21.55,1.46.14,1.74l-1.46.14c-4.03.42-4.17,1.46-4.17,8.75v25c0,7.29.14,8.2,4.17,8.68l1.67.21c.42.28.28,1.53-.14,1.73h0Z" />
                    <path class="cls-3" d="M126.76,26.84c6.87,0,11.55,6.45,11.55,15.07s-4.69,14.9-11.55,14.9-11.55-6.45-11.55-14.9,4.69-15.07,11.55-15.07M126.76,22.99c-10.05,0-17.16,7.87-17.16,18.92s7.95,18.75,17.16,18.75c10.05,0,17.16-7.87,17.16-18.75s-7.12-18.92-17.16-18.92" />
                    <path class="cls-3" d="M81.05,53.13c0,4.28-.09,5.14-3.6,5.57l-1.46.17c-.43.34-.43,1.54.09,1.8,2.4-.09,5.14-.17,7.54-.17,2.65,0,5.31.09,7.88.17.51-.26.51-1.46.09-1.8l-1.46-.17c-3.51-.43-3.6-1.28-3.6-5.57v-19.61c0-2.05,0-4.45.17-6.25,0-.34-.34-.43-.6-.43-2.31.86-5.74,2.23-10.45,3-.43.34-.43,1.28.09,1.63l2.65.26c2.48.26,2.65,1.71,2.65,4.88v16.53h0Z" />
                    <path class="cls-3" d="M109.02,55.87c0-6.76-3.94-11.64-9.51-15.5-1.11-.77-2.65-1.8-4.02-2.74-2.4-1.63-2.83-2.57-2.4-4.11.43-1.37.86-2.05,3.34-2.4l10.88-1.54c2.74-.43,4.28-3.6,4.88-5.48.09-.51-.17-1.03-.94-1.11-.94.6-1.54.86-4.71,1.28l-5.99.86c-2.74.43-4.45.68-5.57,1.03-1.11.34-2.65,2.91-3.77,5.57-1.11,2.57-1.88,5.39-1.88,6.85,0,3,3.08,4.71,6.77,7.36,3.68,2.65,6.94,6.51,6.94,11.9,0,9.42-8.91,15.76-13.62,17.21-.68.6-.34,1.97.69,2.4,6.25-1.88,18.92-9.76,18.92-21.58" />
                    <rect class="cls-1" width="144" height="90" />
                </svg>
                <p id="jhu-150th-tagline"><span class="jhu-150th-bar-sep"></span>America&rsquo;s&nbsp;First&nbsp;Research&nbsp;University</p>
            </a>
            <div class="js-alert-wrapper">
            </div>

            <div class="header_small">

                <a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
                    <span class="menu_toggle_inner_default menu_toggle_inner">
                        <span class="menu_toggle_label_default menu_toggle_label">Menu</span>
                        <span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">

                            <svg class="icon icon_menu">
                                <use href="/images/icons.svg#menu" />
                            </svg>

                        </span>
                    </span>
                </a>
                <div class="header_logo_small">
                    <div class="logo logo_header_small logo_icon">
                        <a class="logo_link" href="#">
                            <span class="logo_link_label">JHU SOE</span>
                            <span class="logo_link_icon light">
                                <svg class="icon icon_logo_light">
                                    <use href="/images/icons.svg#logo_light" />
                                </svg>
                            </span>
                            <span class="logo_link_icon dark">
                                <svg class="icon icon_logo_dark">
                                    <use href="/images/icons.svg#logo_dark" />
                                </svg>
                            </span>
                        </a>
                    </div>
                    <div class="header_small_center_name"></div>
                </div>
                <div class="header_small_spacer"></div>
            </div>

            <div class="header_group">
                <div class="header_large">
                    <div class="header_primary">
                        <div class="fs-row">
                            <div class="fs-cell">
                                <div class="header_primary_inner">
                                    <div class="header_primary_group">
                                        <div class="header_logo_large">
                                            <div class="logo logo_header_large logo_icon">
                                                <a class="logo_link" href="#">
                                                    <span class="logo_link_label">JHU SOE</span>
                                                    <span class="logo_link_icon light">
                                                        <svg class="icon icon_logo_light">
                                                            <use href="/images/icons.svg#logo_light" />
                                                        </svg>
                                                    </span>
                                                    <span class="logo_link_icon dark">
                                                        <svg class="icon icon_logo_dark">
                                                            <use href="/images/icons.svg#logo_dark" />
                                                        </svg>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="header_center_name"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page_header">
                    <div class="fs-row">
                        <div class="fs-cell">
                            <div class="page_header_inner">
                                <div class="page_header_group">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- END: Header -->
        <!-- Page -->
        <main class="page">
            <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5FWHMLH' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
            <!-- End Google Tag Manager (noscript) -->
            <div class="page_nav_jump">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="page_nav_jump_inner">
                            <a class="page_nav_jump_link" href="#sub_nav_small">
                                <span class="page_nav_jump_link_label">Jump to Menu</span>
                                <span class="page_nav_jump_link_icon">
                                    <svg class="icon icon_circles_down">
                                        <use href="/images/icons.svg#circles_down" />
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </main>
        <!-- END: Page -->
        <!-- Footer -->
        <footer class="footer" id="footer">
            <div class="footer_social">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="footer_social_inner">

                            <div class="social_nav">
                                <div class="social_nav_header">
                                    <h2 class="social_nav_title" id="social_nav_title">Social</h2>
                                </div>
                                <ul class="social_nav_list" aria-labelledby="social_nav_title">
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com/JHUeducation" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_facebook">
                                                    <use href="/images/icons.svg#facebook" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">Facebook</span>
                                        </a>
                                    </li>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_x" href="//www.x.com/jhueducation" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_x">
                                                    <use href="/images/icons.svg#x" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">X</span>
                                        </a>
                                    </li>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com/school/15095421" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_linkedin">
                                                    <use href="/images/icons.svg#linkedin" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">Linkedin</span>
                                        </a>
                                    </li>
                                    <li class="social_nav_item">
                                        <a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com/jhueducation" target="_blank" rel="noopener">
                                            <span class="social_nav_icon">
                                                <svg class="icon icon_instagram">
                                                    <use href="/images/icons.svg#instagram" />
                                                </svg>
                                            </span>
                                            <span class="social_nav_label">Instagram</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_primary">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="footer_primary_inner">
                            <div class="footer_primary_group">
                                <div class="footer_logo">
                                    <div class="logo logo_footer logo_icon">
                                        <a class="logo_link" href="#">
                                            <span class="logo_link_label">JHU SOE</span>
                                            <span class="logo_link_icon light">
                                                <svg class="icon icon_logo_light">
                                                    <use href="/images/icons.svg#logo_light" />
                                                </svg>
                                            </span>
                                            <span class="logo_link_icon dark">
                                                <svg class="icon icon_logo_dark">
                                                    <use href="/images/icons.svg#logo_dark" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                                <div class="footer_meta_wrapper">
                                    <div class="footer_meta">

                                        <div class="meta_info" id="meta_info">
                                            <h2 class="meta_info_title">Address</h2>
                                            <div class="meta_info_details">
                                                <div class="meta_info_detail meta_info_detail_address">
                                                    <span class="meta_info_detail_icon">
                                                        <svg class="icon icon_place">
                                                            <use href="/images/icons.svg#place" />
                                                        </svg>
                                                    </span>
                                                    <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:EisyODAwIE4gQ2hhcmxlcyBTdCwgQmFsdGltb3JlLCBNRCAyMTIxOCwgVVNBIjESLwoUChIJ52Ycb-cEyIkRpZTNUDIpW0kQ8BUqFAoSCadlXhr2D8iJEf-s40bnqr7j" target="_blank" rel="noopener">
                                                        <span class="meta_info_address_street">2800 North Charles Street</span>
                                                        <span class="meta_info_address_group">
                                                            <span class="meta_info_address_city">Baltimore,</span>
                                                            <span class="meta_info_address_state">MD</span>
                                                            <span class="meta_info_address_zip">21218</span>
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="meta_info_detail meta_info_detail_phone">
                                                    <span class="meta_info_detail_icon">
                                                        <svg class="icon icon_phone">
                                                            <use href="/images/icons.svg#phone" />
                                                        </svg>
                                                    </span>
                                                    <a class="meta_info_detail_label meta_info_detail_link" href="tel:4105164925">410-516-4925</a>
                                                </div>
                                                <div class="meta_info_detail meta_info_detail_directions">
                                                    <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:EisyODAwIE4gQ2hhcmxlcyBTdCwgQmFsdGltb3JlLCBNRCAyMTIxOCwgVVNBIjESLwoUChIJ52Ycb-cEyIkRpZTNUDIpW0kQ8BUqFAoSCadlXhr2D8iJEf-s40bnqr7j">Get Directions</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <img class="award_image" alt="Awarded one of the 2023 Best Education Schools by U.S. News & World Report" loading="lazy" src="/images/award.png" width="98" height="91">
                                </div>
                            </div>
                            <div class="footer_nav_group">
                                <div class="footer_nav_audience">

                                    <nav class="footer_audience_nav" aria-labelledby="basic_nav_title_1">
                                        <div class="footer_audience_nav_header">
                                            <h2 class="footer_audience_nav_title" id="basic_nav_title_1">
                                                <span class="footer_audience_nav_title_label">Info For</span>
                                            </h2>
                                        </div>
                                        <ul class="footer_audience_nav_list" aria-labelledby="basic_nav_title_1">
                                            <li class="footer_audience_nav_item">
                                                <a class="footer_audience_nav_link" href="#">
                                                    <div class="footer_audience_nav_link_inner">
                                                        <span class="footer_audience_nav_link_label">Future Students</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="footer_audience_nav_item">
                                                <a class="footer_audience_nav_link" href="#">
                                                    <div class="footer_audience_nav_link_inner">
                                                        <span class="footer_audience_nav_link_label">Newly Admitted Students</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="footer_audience_nav_item">
                                                <a class="footer_audience_nav_link" href="#">
                                                    <div class="footer_audience_nav_link_inner">
                                                        <span class="footer_audience_nav_link_label">Current Students</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="footer_audience_nav_item">
                                                <a class="footer_audience_nav_link" href="#">
                                                    <div class="footer_audience_nav_link_inner">
                                                        <span class="footer_audience_nav_link_label">Faculty & Staff</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="footer_audience_nav_item">
                                                <a class="footer_audience_nav_link" href="#">
                                                    <div class="footer_audience_nav_link_inner">
                                                        <span class="footer_audience_nav_link_label">Alumni</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="footer_nav_utility">

                                    <nav class="utility_nav" aria-labelledby="basic_nav_title_2">
                                        <div class="utility_nav_header">
                                            <h2 class="utility_nav_title" id="basic_nav_title_2">
                                                <span class="utility_nav_title_label">Utilities</span>
                                            </h2>
                                        </div>
                                        <ul class="utility_nav_list" aria-labelledby="basic_nav_title_2">
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">Inside Education</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">My JHU</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">Academic Calendar</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">Canvas</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">JHU Home</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="utility_nav_item">
                                                <a class="utility_nav_link" href="#">
                                                    <div class="utility_nav_link_inner">
                                                        <span class="utility_nav_link_label">JHU Jobs</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="footer_newsletter">
                                <div class="footer_newsletter_inner">
                                    <div class="footer_newsletter_heading">
                                        <h2 class="footer_newsletter_title">Education Matters</h2>
                                        <p class="footer_newsletter_description">Subscribe to our digital magazine.</p>
                                    </div>
                                    <div class="footer_newsletter_footer">
                                        <div class="footer_newsletter_action">
                                            <a class="footer_newsletter_action_link" href="https://jhu.us11.list-manage.com/subscribe?u=47d4be05606ee7548f9961776&id=27d63e6091" target="_blank">Subscribe</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_ribbon">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="footer_ribbon_inner">
                            <div class="footer_main_nav">

                                <nav class="footer_nav" aria-labelledby="basic_nav_title_3">
                                    <div class="footer_nav_header">
                                        <h2 class="footer_nav_title" id="basic_nav_title_3">
                                            <span class="footer_nav_title_label">Footer</span>
                                        </h2>
                                    </div>
                                    <ul class="footer_nav_list" aria-labelledby="basic_nav_title_3">
                                        <li class="footer_nav_item">
                                            <a class="footer_nav_link" href="#">
                                                <div class="footer_nav_link_inner">
                                                    <span class="footer_nav_link_label">Terms of Use</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="footer_nav_item">
                                            <a class="footer_nav_link" href="#">
                                                <div class="footer_nav_link_inner">
                                                    <span class="footer_nav_link_label">Privacy Statement</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="footer_nav_item">
                                            <a class="footer_nav_link" href="#">
                                                <div class="footer_nav_link_inner">
                                                    <span class="footer_nav_link_label">Accessibility</span>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="footer_copyright">

                                <p class="copyright">
                                    <span>
                                        <span class="copyright_icon">&copy;</span>
                                        <span class="copyright_year">2025</span>
                                        <span class="copyright_holder">
                                            <span class="copyright_holder_name">Johns Hopkins University School of Education. All rights reserved</span>
                                        </span>
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- END: Footer -->
    </div>
    <!-- END: Page Wrapper -->

    <!-- Menu -->
    <div class="js-menu menu" id="menu" aria-label="Site Menu">
        <div class="menu_header">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="menu_header_inner">
                        <h2 class="menu_title">Site Menu</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_primary">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="menu_primary_inner">
                        <div class="menu_main_nav">

                            <nav class="js-nav-collapse js-main-collapse-nav collapse_nav main_collapse_nav" aria-labelledby="collapse_nav_title_1">
                                <div class="collapse_nav_header main_collapse_nav_header">
                                    <h2 class="collapse_nav_title main_collapse_nav_title" id="collapse_nav_title_1">site</h2>
                                </div>
                                <ul class="js-nav-collapse-list js-main-collapse-nav-list collapse_nav_list main_collapse_nav_list" aria-labelledby="collapse_nav_title_1">
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-1 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">About</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-1" data-swap-group="main_collapse_nav" aria-label="About" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_plus">
                                                            <use href="/images/icons.svg#plus" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="About">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Program Finder</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Master's Programs</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Doctoral Programs</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Career Paths</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Academic Calendar</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Academic Catalogue</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-2 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Impact</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-2" data-swap-group="main_collapse_nav" aria-label="Impact" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_plus">
                                                            <use href="/images/icons.svg#plus" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Impact">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">SOE Communities</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Online and On Campus</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Student Support</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Career Planning</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-3 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Faculty & Research</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-3" data-swap-group="main_collapse_nav" aria-label="Faculty & Research" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_plus">
                                                            <use href="/images/icons.svg#plus" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Faculty & Research">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Admissions</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Financial Aid</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Tuition & Fees</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Campus Tour</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-4 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Solutions</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-4" data-swap-group="main_collapse_nav" aria-label="Solutions" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_plus">
                                                            <use href="/images/icons.svg#plus" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Solutions">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Faculty</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Themed Expert Pages</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Research Areas</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Centers & Institutes</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-5 collapse_nav_item main_collapse_nav_item">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Contact Us</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="menu_task_nav">

                            <nav class="task_nav" aria-labelledby="basic_nav_title_4">
                                <div class="task_nav_header">
                                    <h2 class="task_nav_title" id="basic_nav_title_4">
                                        <span class="task_nav_title_label">task</span>
                                    </h2>
                                </div>
                                <ul class="task_nav_list" aria-labelledby="basic_nav_title_4">
                                    <li class="task_nav_item">
                                        <a class="task_nav_link" href="#">
                                            <div class="task_nav_link_inner">
                                                <span class="task_nav_link_label">JHU School of Education</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_close">

            <button class="js-menu-close-toggle  js-swap menu_close_toggle button_toggle" data-swap-target=".menu" data-swap-linked="menu">
                <span class="menu_close_toggle_inner_default menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
                    <span class="menu_close_toggle_label_default menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
                    <span class="menu_close_toggle_icon_default menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">

                        <svg class="icon icon_close">
                            <use href="/images/icons.svg#close" />
                        </svg>

                    </span>
                </span>
                <span class="menu_close_toggle_inner_active menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
                    <span class="menu_close_toggle_label_active menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
                    <span class="menu_close_toggle_icon_active menu_close_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">

                        <svg class="icon icon_close">
                            <use href="/images/icons.svg#close" />
                        </svg>

                    </span>
                </span>
            </button>
        </div>
    </div>
    <!-- END: Menu -->

    <script>
        var WWW_ROOT = "";
        var STATIC_ROOT = "../../index.html";
        var STATIC_ICONS_PATH = "../../images/icons.svg";
    </script>

    <script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>

    <script src="../../js/site.js"></script>

    <link id="fs-grid-styles" rel="stylesheet" href="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.css" type="text/css" media="all">
    <link rel="stylesheet" id="gform_basic-css" href="../../vendor/gravity-forms/basic.min.css" media="all">
    <link rel="stylesheet" id="gform_theme_components-css" href="../../vendor/gravity-forms/theme-components.min.css" media="all">
    <link rel="stylesheet" id="gform_theme_ie11-css" href="../../vendor/gravity-forms/theme-ie11.min.css" media="all">
    <link rel="stylesheet" id="gform_theme-css" href="../../vendor/gravity-forms/theme.min.css" media="all">
    <script src="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.js"></script>
    <script>
        $(window).on('load', function() {
            new FSGridBookmarklet();
        });
    </script>
</body>

</html>
{% extends '_center.twig' %}

{% block content %}
	<!-- Page Wrapper -->
	<div class="page_wrapper">
		{% render '@layout-header--center' with {
			page: page,
			_env: _env
		} %}

		<!-- Page -->
		<main class="page">
			<!-- Google Tag Manager (noscript) -->
			<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-5FWHMLH' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
			<!-- End Google Tag Manager (noscript) -->
			{% if page.subNav != false or page.cta  %}
				<div class="page_nav_jump">
					<div class="fs-row">
						<div class="fs-cell">
							<div class="page_nav_jump_inner">
								<a class="page_nav_jump_link" href="#sub_nav_small">
									<span class="page_nav_jump_link_label">Jump to Menu</span>
									<span class="page_nav_jump_link_icon">{{ icon("circles_down") }}</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			{% endif %}
			{{ yield }}
		</main>
		<!-- END: Page -->
		{% render '@layout-footer' with {
			page: page,
			_env: _env
		} %}
	</div>
	<!-- END: Page Wrapper -->

	{% render '@layout-menu--center' %}
{% endblock %}

No notes defined.