<div class="page_content" id="page_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell fs-lg-5">
<div class="page_sidebar alt">
<div class="sub_nav_wrapper">
<div class="page_intro">
<h1 class="page_title" id="page_title" tabindex="-1">
<span class="page_title_long">Shape the Future of Education</span>
</h1>
</div>
<div class="page_cta">
<a class="page_cta_link" href="#request-target">
<span class="page_cta_link_label">Request Program Info</span>
</a>
</div>
</div>
</div>
</div>
<div class="fs-cell fs-lg-7">
<div class="page_content_inner">
<p class="page_description">As America’s first research university, Johns Hopkins has been developing education leaders for more than 100 years.</p>
<!-- WYSIWYG -->
<div class="typography">
<p>Non fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis.</p>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p>
<p>Curabitur blandit tempus porttitor. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
<!-- END: WYSIWYG -->
<div class="page_cta">
<a class="page_cta_link" href="#request-target">
<span class="page_cta_link_label">Request Program Info</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts">
<!-- Expressive Gallery -->
<div class="js-anim expressive_gallery component_theme_white">
<div class="expressive_gallery_header">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<div class="expressive_gallery_header_inner">
<h2 class="expressive_gallery_title">Lorem Ipsum Headline</h2>
</div>
</div>
</div>
</div>
<div class="expressive_gallery_carousel">
<div class="js-slick-row carousel_row" data-slick='{
"regionLabel": "Lorem Ipsum Headline",
"arrows": true,
"arrowsPlacement": "beforeSlides",
"dots": true,
"infinite": false,
"variableWidth": true,
"slidesToShow": 2,
"slidesToScroll": 1,
"responsive": [
{
"breakpoint": 1024,
"settings": {
"slidesToShow": 2,
"slidesToScroll": 1
}
},
{
"breakpoint": 740,
"settings": {
"slidesToShow": 1,
"slidesToScroll": 1
}
}
]
}'>
<div class="carousel_row_card">
<!-- Topic Card -->
<div class="card card_expressive_wide card_type_default theme_green_gem">
<div class="card_inner card_expressive_wide_inner">
<div class="card_expressive_wide_grid">
<div class="card_expressive_wide_media">
<figure class="card_expressive_wide_figure">
<img class="card_expressive_wide_image" srcset="https://images.fastspot.com/jhusoe/1220x814/4 1220w, https://images.fastspot.com/jhusoe/980x654/4 980w, https://images.fastspot.com/jhusoe/740x494/4 740w, https://images.fastspot.com/jhusoe/500x334/4 500w, https://images.fastspot.com/jhusoe/300x200/4 300w" sizes="(min-width: 1394px) 648px, (min-width: 1220px) 568px, (min-width: 980px) 454px, (min-width: 740px) 640px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_expressive_wide_body">
<p class="card_expressive_wide_caption">Henderson-Hopkins’ Safe Center for Online Learning was a vital resource for kids whose parents could not work remotely.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
<div class="carousel_row_card">
<!-- Topic Card -->
<div class="card card_expressive_descriptive card_type_default theme_blue_gem">
<div class="card_inner card_expressive_descriptive_inner">
<div class="card_expressive_descriptive_grid">
<div class="card_expressive_descriptive_media">
<figure class="card_expressive_descriptive_figure">
<img class="card_expressive_descriptive_image" srcset="https://images.fastspot.com/jhusoe/980x654/5 980w, https://images.fastspot.com/jhusoe/740x494/5 740w, https://images.fastspot.com/jhusoe/500x334/5 500w, https://images.fastspot.com/jhusoe/300x200/5 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/5" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_expressive_descriptive_body">
<span class="card_expressive_descriptive_caption">Photo Credit Jane Doe</span>
<p class="card_expressive_descriptive_description">Description of the new facilities dolor sit amet consectetur. Netus interdum sed tincidunt pharetra odio a purus.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
<div class="carousel_row_card">
<!-- Topic Card -->
<div class="card card_expressive_wide card_type_default theme_purple_gem">
<div class="card_inner card_expressive_wide_inner">
<div class="card_expressive_wide_grid">
<div class="card_expressive_wide_media">
<figure class="card_expressive_wide_figure">
<img class="card_expressive_wide_image" srcset="https://images.fastspot.com/jhusoe/1220x814/6 1220w, https://images.fastspot.com/jhusoe/980x654/6 980w, https://images.fastspot.com/jhusoe/740x494/6 740w, https://images.fastspot.com/jhusoe/500x334/6 500w, https://images.fastspot.com/jhusoe/300x200/6 300w" sizes="(min-width: 1394px) 648px, (min-width: 1220px) 568px, (min-width: 980px) 454px, (min-width: 740px) 640px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_expressive_wide_body">
<p class="card_expressive_wide_caption">Henderson-Hopkins’ Safe Center for Online Learning was a vital resource for kids whose parents could not work remotely.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
<div class="carousel_row_card">
<!-- Topic Card -->
<div class="card card_expressive_descriptive card_type_default theme_orange_gem">
<div class="card_inner card_expressive_descriptive_inner">
<div class="card_expressive_descriptive_grid">
<div class="card_expressive_descriptive_media">
<figure class="card_expressive_descriptive_figure">
<img class="card_expressive_descriptive_image" srcset="https://images.fastspot.com/jhusoe/980x654/8 980w, https://images.fastspot.com/jhusoe/740x494/8 740w, https://images.fastspot.com/jhusoe/500x334/8 500w, https://images.fastspot.com/jhusoe/300x200/8 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/8" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_expressive_descriptive_body">
<span class="card_expressive_descriptive_caption"></span>
<p class="card_expressive_descriptive_description">Description of the new facilities dolor sit amet consectetur. Netus interdum sed tincidunt pharetra odio a purus.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
<div class="carousel_row_card">
<!-- Expressive Image Card -->
<div class="card card_expressive_image card_type_default theme_">
<div class="card_inner card_expressive_image_inner">
<div class="card_expressive_image_grid">
<div class="card_expressive_image_media">
<figure class="card_expressive_image_figure">
<img class="card_expressive_image_image" srcset="https://images.fastspot.com/jhusoe/735x980/9 735w, https://images.fastspot.com/jhusoe/555x740/9 555w, https://images.fastspot.com/jhusoe/375x500/9 375w, https://images.fastspot.com/jhusoe/225x300/9 225w" sizes="(min-width: 1394px) 404px, (min-width: 1220px) 252px, (min-width: 980px) 282px, (min-width: 740px) 212px, 90vw" src="https://images.fastspot.com/jhusoe/225x300/9" alt="" loading="lazy" width="225" height="300">
</figure>
<div class="card_expressive_image_body">
<p class="card_expressive_image_caption">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
</div>
<div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination card_group_carousel_pagination"></div>
</div>
</div>
<!-- END: Expressive Gallery -->
<!-- Request -->
<div class="request_wrapper component_theme_white has_background">
<div class="request_block" id="request-target">
<figure class="request_background_figure">
<img class="request_background_image" srcset="https://images.fastspot.com/jhusoe/1440x1080/1 1440w, https://images.fastspot.com/jhusoe/1220x915/1 1220w, https://images.fastspot.com/jhusoe/980x735/1 980w, https://images.fastspot.com/jhusoe/740x555/1 740w, https://images.fastspot.com/jhusoe/500x375/1 500w, https://images.fastspot.com/jhusoe/300x225/1 300w" sizes="(min-width: 980px) 100vw, 0" src="https://images.fastspot.com/jhusoe/300x225/1" alt="" loading="eager" width="300" height="225">
</figure>
<div class="request_frame">
<div class="fs-row">
<div class="fs-cell">
<div class="request_inner">
<div class="request_body">
<div class="request_form">
<div id="form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131">Loading...</div>
<script>
/*<![CDATA[*/
var script = document.createElement('script');
script.async = 1;
script.src = 'https://applygrad.jhu.edu/register/?id=c53cf8a9-5fe3-4632-a955-a3a2f16ae131&output=embed&div=form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131' + ((location.search.length > 1) ? '&' + location.search.substring(1) : '');
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(script, s); /*]]>*/
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Request -->
<!-- Accordion -->
<div class="js-accordion accordion component_theme_blue_navy" id="accordion_2" aria-labelledby="accordion_2_title">
<div class="fs-row">
<div class="fs-cell">
<div class="accordion_inner">
<div class="accordion_header">
<h2 class="accordion_title" id="accordion_2_title">
<span class="accordion_title_label">Explore Programs</span>
</h2>
</div>
<div class="accordion_items">
<div class="js-accordion-item accordion_item" id="accordion_2_item_1">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target="#accordion_2_item_1">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Quam Bibendum</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content">
<div class="accordion_item_content_text typography">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Curabitur blandit tempus porttitor.</p>
<p>Etiam porta sem malesuada magna mollis euismod.</p>
<p>Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
<div class="accordion_item_content_media">
<figure class="accordion_item_content_figure">
<img class="accordion_item_content_image" srcset="https://images.fastspot.com/jhusoe/980x552/2 980w, https://images.fastspot.com/jhusoe/740x416/2 740w, https://images.fastspot.com/jhusoe/500x282/2 500w, https://images.fastspot.com/jhusoe/300x169/2 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/2" alt="" loading="lazy" width="300" height="169">
</figure>
</div>
</div>
</div>
<div class="js-accordion-item accordion_item" id="accordion_2_item_2">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target="#accordion_2_item_2">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Pellentesque Tellus</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content">
<div class="accordion_item_content_text typography">
<ul>
<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>
<li>Curabitur blandit tempus porttitor egestas tortor arcu vitae egestas elementum et sed tincidunt.</li>
<li>Etiam porta sem malesuada magna mollis euismod.</li>
<li>Donec ullamcorper nulla non metus auctor fringilla.</li>
</ul>
</div>
<div class="accordion_item_content_media">
<figure class="accordion_item_content_figure">
<img class="accordion_item_content_image" srcset="https://images.fastspot.com/jhusoe/980x552/3 980w, https://images.fastspot.com/jhusoe/740x416/3 740w, https://images.fastspot.com/jhusoe/500x282/3 500w, https://images.fastspot.com/jhusoe/300x169/3 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/3" alt="" loading="lazy" width="300" height="169">
</figure>
</div>
</div>
</div>
<div class="js-accordion-item accordion_item" id="accordion_2_item_3">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target="#accordion_2_item_3">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">
<span class="accordion_item_heading_title">Vulputate Porta</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content">
<div class="accordion_item_content_text typography">
<ul>
<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>
<li>Curabitur blandit tempus porttitor egestas tortor arcu vitae egestas elementum et sed tincidunt.</li>
<li>Etiam porta sem malesuada magna mollis euismod.</li>
<li>Donec ullamcorper nulla non metus auctor fringilla.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Accordion -->
<!-- Theme Cards -->
<div class="js-anim js-themes themes">
<div class="fs-row">
<div class="fs-cell">
<div class="themes_inner">
<div class="themes_header">
<h2 class="themes_title">
<span class="themes_title_label">Focus Areas</span>
</h2>
<div class="themes_description">
<p>Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p>
</div>
</div>
<div class="themes_body">
<ul class="themes_list" aria-label="Focus Areas">
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/1 555w, https://images.fastspot.com/jhusoe/375x500/1 375w, https://images.fastspot.com/jhusoe/225x300/1 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/1" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Vision</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/2 555w, https://images.fastspot.com/jhusoe/375x500/2 375w, https://images.fastspot.com/jhusoe/225x300/2 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/2" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Research</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/3 555w, https://images.fastspot.com/jhusoe/375x500/3 375w, https://images.fastspot.com/jhusoe/225x300/3 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/3" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Practice</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Theme Cards -->
<div class="news_related component_theme_gray_light component_alignment_right">
<div class="news_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_header_inner">
<h2 class="news_related_title">Related News</h2>
<div class="news_related_header_action">
<a class="news_related_action_link" href="#">
<span class="news_related_action_link_label">All News</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="news_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_body_inner">
<div class="news_related_feature card_category_plum_gem">
<div class="news_related_feature_grid">
<div class="news_related_feature_header">
<h3 class="news_related_feature_title">
<a class="news_related_feature_title_link" href="#"><span class="news_related_feature_title_link_label">A Hub for the Community</span><span class="icon_nowrap news_related_feature_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="news_related_feature_body">
<figure class="news_related_feature_figure">
<img class="news_related_feature_image" srcset="https://images.fastspot.com/jhusoe/1220x814/1 1220w, https://images.fastspot.com/jhusoe/980x654/1 980w, https://images.fastspot.com/jhusoe/740x494/1 740w, https://images.fastspot.com/jhusoe/500x334/1 500w, https://images.fastspot.com/jhusoe/300x200/1 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 690px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="news_related_feature_category">Community</p>
</div>
</div>
</div>
<ul class="news_related_items" aria-label="Related News">
<li class="news_related_item">
<div class="news_related_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_plum_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Community</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
</li>
<li class="news_related_item">
<div class="news_related_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_green_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Research</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
</li>
<li class="news_related_item">
<div class="news_related_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_orange_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/3 980w, https://images.fastspot.com/jhusoe/740x494/3 740w, https://images.fastspot.com/jhusoe/500x334/3 500w, https://images.fastspot.com/jhusoe/300x200/3 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Voices</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
</li>
<li class="news_related_item">
<div class="news_related_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_blue_brand">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/4 980w, https://images.fastspot.com/jhusoe/740x494/4 740w, https://images.fastspot.com/jhusoe/500x334/4 500w, https://images.fastspot.com/jhusoe/300x200/4 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Chool News</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="news_related_carousel">
<div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Related News", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
<div class="carousel_row_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_plum_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Community</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
<div class="carousel_row_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_green_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Research</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
<div class="carousel_row_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_orange_gem">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/3 980w, https://images.fastspot.com/jhusoe/740x494/3 740w, https://images.fastspot.com/jhusoe/500x334/3 500w, https://images.fastspot.com/jhusoe/300x200/3 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Voices</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
<div class="carousel_row_card">
<!-- News Card -->
<div class="card card_news card_type_default card_category_blue_brand">
<div class="card_inner card_news_inner">
<div class="card_news_grid">
<div class="card_news_header">
<h3 class="card_news_title">
<a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_external">
<use href="/images/icons.svg#arrow_external" />
</svg>
</span></a>
</h3>
</div>
<div class="card_news_body">
<figure class="card_news_figure">
<img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/4 980w, https://images.fastspot.com/jhusoe/740x494/4 740w, https://images.fastspot.com/jhusoe/500x334/4 500w, https://images.fastspot.com/jhusoe/300x200/4 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<p class="card_news_category">Chool News</p>
</div>
</div>
</div>
</div>
<!-- END: News Card -->
</div>
</div>
<div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination news_related_carousel_pagination"></div>
</div>
<div class="news_related_footer">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_footer_inner">
<div class="news_related_footer_action">
<a class="news_related_action_link" href="#">
<span class="news_related_action_link_label">All News</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
<!-- Person Spotlight -->
<div class="js-anim js-spotlight spotlight component_theme_purple_gem">
<div class="spotlight_block">
<div class="spotlight_frame">
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_inner">
<div class="spotlight_intro">
<div class="spotlight_header">
<h2 class="spotlight_label">People of SOE</h2>
<p class="spotlight_name">Katie Lee, MS '22</p>
<p class="spotlight_title">Student</p>
</div>
<blockquote class="spotlight_quote">
<p>"The flexibility of the online program and the mentoring by the faculty made it possible for me to excel in my teaching career. My professors' passion for gifted education was a great inspiration!”</p>
</blockquote>
</div>
<div class="spotlight_media">
<figure class="js-spotlight-media-figure spotlight_media_figure">
<picture class="spotlight_media_picture">
<source media="(min-width: 1394px)" srcset="https://images.fastspot.com/jhusoe/735x980/1" width="735" height="980">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/jhusoe/555x740/1" width="555" height="740">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/jhusoe/375x500/1" width="375" height="500">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/jhusoe/500x282/1" width="500" height="282">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/jhusoe/980x552/1" width="980" height="552">
<img class="spotlight_media_image" src="//images.fastspot.com/jhusoe/740x416/1" alt="" loading="lazy" width="740" height="416">
</picture>
</figure>
</div>
<div class="spotlight_detail">
<p class="spotlight_description">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Spotlight -->
</div>
{% include '@partial-page-content--landing' with {
page: page,
content: '<p>Non fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis.</p><p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p><p>Curabitur blandit tempus porttitor. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.</p>'
} %}
<div class="full_width_callouts">
{% render '@component-expressive-gallery' %}
{% include '@component-request' with {
theme: 'white',
title: '',
background_image: '1'
} %}
{% include '@component-accordion' with {
title: 'Explore Programs',
items: [
{
title: 'Quam Bibendum',
image: '2',
description: '<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p><p>Curabitur blandit tempus porttitor.</p><p>Etiam porta sem malesuada magna mollis euismod.</p><p>Donec ullamcorper nulla non metus auctor fringilla.</p>'
},
{
title: 'Pellentesque Tellus',
image: '3',
description: '<ul><li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li><li>Curabitur blandit tempus porttitor egestas tortor arcu vitae egestas elementum et sed tincidunt.</li><li>Etiam porta sem malesuada magna mollis euismod.</li><li>Donec ullamcorper nulla non metus auctor fringilla.</li></ul>'
},
{
title: 'Vulputate Porta',
image: '',
description: '<ul><li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li><li>Curabitur blandit tempus porttitor egestas tortor arcu vitae egestas elementum et sed tincidunt.</li><li>Etiam porta sem malesuada magna mollis euismod.</li><li>Donec ullamcorper nulla non metus auctor fringilla.</li></ul>'
}
]
} %}
{% include '@component-theme-cards' with {
full_bleed: true,
title: 'Focus Areas',
description:
'Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.',
items: [
{
title: 'Vision',
image: '1',
alt: '',
description:
'Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.'
},
{
title: 'Research',
image: '2',
alt: '',
description:
'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.'
},
{
title: 'Practice',
image: '3',
alt: '',
description:
'Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.'
}
]
} %}
{% include '@component-related-news' with {
theme: 'gray_light',
card_alignment: 'right',
group_title: 'Related News',
group_link: {
label: 'All News',
url: '#'
},
featured: {
title: 'A Hub for the Community',
category: 'Community',
color: 'plum_gem',
image: '1',
alt: '',
url: '#'
},
cards: [
{
card_type: 'news',
item: {
type: 'default',
title: 'Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference',
category: 'Community',
color: 'plum_gem',
image: '2',
alt: '',
url: '#'
}
},
{
card_type: 'news',
item: {
type: 'default',
title: "When School Feels 'Like Prison,' Test Scores, College Attendance Drop",
category: 'Research',
color: 'green_gem',
image: '2',
alt: '',
url: '#'
}
},
{
card_type: 'news',
item: {
type: 'default',
title: 'A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage',
category: 'Voices',
color: 'orange_gem',
image: '3',
alt: '',
url: '#'
}
},
{
card_type: 'news',
item: {
type: 'default',
title: 'Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students',
category: 'Chool News',
color: 'blue_brand',
image: '4',
alt: '',
url: '#'
}
}
]
} %}
{% include '@component-spotlight' with {
theme: 'purple_gem',
label: '',
name: "Katie Lee, MS '22",
title: 'Student',
quote: '"The flexibility of the online program and the mentoring by the faculty made it possible for me to excel in my teaching career. My professors\' passion for gifted education was a great inspiration!”',
image: '1',
alt: '',
description:
'Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum.',
link: ''
} %}
</div>
{# {% include '@partial-page-subnav-mobile' with {
page: page
} %} #}
No notes defined.