<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> » 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">Academics</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="Academics" 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="Academics">
<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">Student Experience</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="Student Experience" 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="Student Experience">
<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">Admissions</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="Admissions" 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="Admissions">
<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">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-4" 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">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 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-5" 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">Pre K-12 Partnerships</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">Social Justice in Action</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">Impact Areas</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-main-dropdown-nav-item js-main-dropdown-nav-item-6 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">Solutions</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="header_ribbon_group">
<div class="header_secondary_nav">
<nav class="js-nav-collapse js-secondary-nav dropdown_nav secondary_nav" aria-labelledby="dropdown_nav_title_2">
<div class="dropdown_nav_header secondary_nav_header">
<h2 class="dropdown_nav_title secondary_nav_title" id="dropdown_nav_title_2">Secondary</h2>
</div>
<ul class="js-nav-collapse-list js-secondary-nav-list dropdown_nav_list secondary_nav_list" aria-labelledby="dropdown_nav_title_2">
<li class="js-nav-collapse-item js-secondary-nav-item js-secondary-nav-item-1 dropdown_nav_item secondary_nav_item">
<div class="dropdown_nav_item_inner secondary_nav_item_inner">
<a class="js-nav-collapse-link js-secondary-nav-link dropdown_nav_link secondary_nav_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_link_inner">
<span class="dropdown_nav_label secondary_nav_link_label">About</span>
<span class="dropdown_nav_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_shield">
<use href="/images/icons.svg#shield" />
</svg>
</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-secondary-nav-item js-secondary-nav-item-2 dropdown_nav_item secondary_nav_item has_children">
<div class="dropdown_nav_item_inner secondary_nav_item_inner">
<a class="js-nav-collapse-link js-secondary-nav-link dropdown_nav_link secondary_nav_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_link_inner">
<span class="dropdown_nav_label secondary_nav_link_label">Info For</span>
<span class="dropdown_nav_icon secondary_nav_link_icon" aria-hidden="true">
<svg class="icon icon_people">
<use href="/images/icons.svg#people" />
</svg>
</span>
<span class="dropdown_nav_icon secondary_nav_link_child_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</div>
</a>
<button class="js-swap js-nav-collapse-toggle js-secondary-nav-toggle dropdown_nav_toggle secondary_nav_toggle" data-swap-target=".js-secondary-nav-item-2" data-swap-group="secondary_nav" aria-label="Info For" aria-haspopup="true" aria-expanded="false">
<span class="dropdown_nav_toggle_inner secondary_nav_toggle_inner">
<span class="dropdown_nav_icon secondary_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-secondary-nav-children dropdown_nav_children secondary_nav_children" aria-label="Info For">
<li class="js-nav-collapse-child-item js-secondary-nav-child-item dropdown_nav_child_item secondary_nav_child_item">
<a class="js-nav-collapse-child-link js-secondary-nav-child-link dropdown_nav_child_link secondary_nav_child_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_child_link_inner">
<span class="dropdown_nav_child_link_label secondary_nav_child_link_label">Future Students</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-secondary-nav-child-item dropdown_nav_child_item secondary_nav_child_item">
<a class="js-nav-collapse-child-link js-secondary-nav-child-link dropdown_nav_child_link secondary_nav_child_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_child_link_inner">
<span class="dropdown_nav_child_link_label secondary_nav_child_link_label">Newly Admitted Students</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-secondary-nav-child-item dropdown_nav_child_item secondary_nav_child_item">
<a class="js-nav-collapse-child-link js-secondary-nav-child-link dropdown_nav_child_link secondary_nav_child_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_child_link_inner">
<span class="dropdown_nav_child_link_label secondary_nav_child_link_label">Current Students</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-secondary-nav-child-item dropdown_nav_child_item secondary_nav_child_item">
<a class="js-nav-collapse-child-link js-secondary-nav-child-link dropdown_nav_child_link secondary_nav_child_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_child_link_inner">
<span class="dropdown_nav_child_link_label secondary_nav_child_link_label">Faculty & Staff</span>
</div>
</a>
</li>
<li class="js-nav-collapse-child-item js-secondary-nav-child-item dropdown_nav_child_item secondary_nav_child_item">
<a class="js-nav-collapse-child-link js-secondary-nav-child-link dropdown_nav_child_link secondary_nav_child_link" href="#">
<div class="dropdown_nav_link_inner secondary_nav_child_link_inner">
<span class="dropdown_nav_child_link_label secondary_nav_child_link_label">Alumni</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header_ribbon_search">
<a href="page-search.html" class="header_ribbon_search_link">
<span class="header_ribbon_search_link_inner">
<span class="header_ribbon_search_link_label">Search</span>
<span class="header_ribbon_search_link_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<header class="js-header header" id="header">
<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>
<a href="page-search.html" class="header_small_search_link">
<span class="header_small_search_link_inner">
<span class="header_small_search_link_label">Search</span>
<span class="header_small_search_link_icon" aria-hidden="true">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</span>
</a>
</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_task_nav">
<nav class="task_nav" aria-labelledby="basic_nav_title_1">
<div class="task_nav_header">
<h2 class="task_nav_title" id="basic_nav_title_1">
<span class="task_nav_title_label">Tasks</span>
</h2>
</div>
<ul class="task_nav_list" aria-labelledby="basic_nav_title_1">
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Apply</span>
</div>
</a>
</li>
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Connect</span>
</div>
</a>
</li>
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Give</span>
</div>
</a>
</li>
</ul>
</nav>
</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 class="page_breadcrumb">
<span class="page_breadcrumb_icon">
<svg class="icon icon_circles_left">
<use href="/images/icons.svg#circles_left" />
</svg>
</span>
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_circles_right">
<use href="/images/icons.svg#circles_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</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_twitter" href="//www.twitter.com/jhueducation" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="social_nav_label">Twitter</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_2">
<div class="footer_audience_nav_header">
<h2 class="footer_audience_nav_title" id="basic_nav_title_2">
<span class="footer_audience_nav_title_label">Info For</span>
</h2>
</div>
<ul class="footer_audience_nav_list" aria-labelledby="basic_nav_title_2">
<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_3">
<div class="utility_nav_header">
<h2 class="utility_nav_title" id="basic_nav_title_3">
<span class="utility_nav_title_label">Utilities</span>
</h2>
</div>
<ul class="utility_nav_list" aria-labelledby="basic_nav_title_3">
<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_4">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title_4">
<span class="footer_nav_title_label">Footer</span>
</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title_4">
<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">©</span>
<span class="copyright_year">2024</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">Academics</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="Academics" 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="Academics">
<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">Student Experience</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="Student Experience" 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="Student Experience">
<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">Admissions</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="Admissions" 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="Admissions">
<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">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-4" 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">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 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-5" 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">Pre K-12 Partnerships</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">Social Justice in Action</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">Impact Areas</span>
</div>
</a>
</li>
</ul>
</li>
<li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-6 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">Solutions</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="menu_task_nav">
<nav class="task_nav" aria-labelledby="basic_nav_title_5">
<div class="task_nav_header">
<h2 class="task_nav_title" id="basic_nav_title_5">
<span class="task_nav_title_label">task</span>
</h2>
</div>
<ul class="task_nav_list" aria-labelledby="basic_nav_title_5">
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Apply</span>
</div>
</a>
</li>
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Connect</span>
</div>
</a>
</li>
<li class="task_nav_item">
<a class="task_nav_link" href="#">
<div class="task_nav_link_inner">
<span class="task_nav_link_label">Give</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="menu_nav_audience">
<nav class="menu_audience_nav" aria-labelledby="basic_nav_title_6">
<div class="menu_audience_nav_header">
<div class="menu_audience_nav_header_icon">
<svg class="icon icon_people">
<use href="/images/icons.svg#people" />
</svg>
</div>
<h2 class="menu_audience_nav_title" id="basic_nav_title_6">
<span class="menu_audience_nav_title_label">info for</span>
</h2>
</div>
<ul class="menu_audience_nav_list" aria-labelledby="basic_nav_title_6">
<li class="menu_audience_nav_item">
<a class="menu_audience_nav_link" href="#">
<div class="menu_audience_nav_link_inner">
<span class="menu_audience_nav_link_label">Future Students</span>
</div>
</a>
</li>
<li class="menu_audience_nav_item">
<a class="menu_audience_nav_link" href="#">
<div class="menu_audience_nav_link_inner">
<span class="menu_audience_nav_link_label">Newly Admitted Students</span>
</div>
</a>
</li>
<li class="menu_audience_nav_item">
<a class="menu_audience_nav_link" href="#">
<div class="menu_audience_nav_link_inner">
<span class="menu_audience_nav_link_label">Current Students</span>
</div>
</a>
</li>
<li class="menu_audience_nav_item">
<a class="menu_audience_nav_link" href="#">
<div class="menu_audience_nav_link_inner">
<span class="menu_audience_nav_link_label">Faculty & Staff</span>
</div>
</a>
</li>
<li class="menu_audience_nav_item">
<a class="menu_audience_nav_link" href="#">
<div class="menu_audience_nav_link_inner">
<span class="menu_audience_nav_link_label">Alumni</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="menu_search">
<div class="js-site-search site_search site_search_menu" id="site_search_menu" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="site search">
<meta itemprop="url" content="http://static.jhu-soe.dev.fastspot.com/site">
<form class="site_search_form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="http://static.jhu-soe.dev.fastspot.com/site/components/preview/template-search?q={q}">
<label class="js-site-search-label site_search_label" for="search_string__menu">Search</label>
<div class="site_search_field">
<input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__menu" name="q" required>
<button class="site_search_button" type="submit">
<span class="site_search_button_label">Submit</span>
<span class="site_search_button_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</button>
</div>
</form>
</div>
</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 '_base.twig' %}
{% block content %}
<!-- Page Wrapper -->
<div class="page_wrapper{% if page.image or page.video %} has_page_media{% endif %}">
{% if 'homeschool_hub' in page.classes %}
{% render '@layout-header--states' with {
page: page,
_env: _env
} %}
{% elseif 'news_landing' in page.classes %}
{% render '@layout-header--news' with {
page: page,
_env: _env
} %}
{% else %}
{% render '@layout-header' with {
page: page,
_env: _env
} %}
{% endif %}
<!-- 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 -->
{% if 'homeschool_hub' in page.classes %}
{% render '@layout-footer--states' with {
page: page,
_env: _env
} %}
{% else %}
{% render '@layout-footer' with {
page: page,
_env: _env
} %}
{% endif %}
</div>
<!-- END: Page Wrapper -->
{% render '@layout-menu' %}
{% endblock %}
No notes defined.