<div class="page_content" id="page_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<!-- News Meta -->
<div class="news_meta" id="meta" data-type="news" data-category="">
<div class="news_meta_inner">
<div class="news_meta_body">
<div class="news_meta_details">
<div class="news_meta_detail news_meta_category">
<span class="news_meta_detail_hint">Category</span>
<span class="news_meta_detail_label"></span>
</div>
<div class="news_meta_detail news_meta_date">
<span class="news_meta_detail_hint">Published</span>
<time class="news_meta_detail_label" datetime="">September 12, 2024</time>
</div>
<div class="news_meta_detail news_meta_author">
<span class="news_meta_detail_hint">Author</span>
<span class="news_meta_detail_label"></span>
</div>
</div>
</div>
<div class="news_meta_share">
<div class="share_tools ">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
</div>
<ul class="share_tools_list" aria-label="Share Options">
<li class="share_tool_item print">
<a class="share_tool" href="#" onclick="window.print();return false;">
<span class="share_tool_icon">
<svg class="icon icon_print">
<use href="/images/icons.svg#print" />
</svg>
</span>
<span class="share_tool_label">Print</span>
</a>
</li>
<li class="share_tool_item">
<a class="share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="share_tool_item">
<a class="share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="share_tool_item">
<a class="share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: News Meta -->
<div class="page_content_inner">
<p class="page_description">The most important aspect of our strategic vision for the Johns Hopkins School of Education is our people: students, staff, faculty, and leadership.</p>
</div>
</div>
<div class="fs-cell fs-lg-4 fs-xl-3 fs-lg-push-1 fs-xl-push-2">
<div class="page_sidebar large">
<div class="sub_nav_wrapper">
<nav class="sub_nav" aria-labelledby="basic_nav_title_33">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title_33">
<span class="sub_nav_title_label">Our Vision</span>
</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title_33">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">A Vision Defined by Action</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Our Pillars: Areas of Impact</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Our Common Commitment</span>
</div>
</a>
</li>
</ul>
</nav>
<div class="page_cta">
<a class="page_cta_link" href="#">
<span class="page_cta_link_label">Emphasized Link</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@partial-page-content--news' with {
page: page,
content: 'content'
} %}
#}
<div class="page_content" id="page_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
{% include '@partial-news-meta' with {
page: page
} %}
<div class="page_content_inner">
{% if page.description %}
<p class="page_description">{{ page.description }}</p>
{% endif %}
{% if content %}
<!-- WYSIWYG -->
<div class="typography">
{{ content }}
</div>
<!-- END: WYSIWYG -->
{% endif %}
</div>
</div>
{% if page.image %}
<div class="fs-cell fs-lg-5">
<div class="header_media large">
<div class="header_media_inner">
<figure class="header_media_figure">
<span class="header_media_figure_inner">
{% include '@partial-image' with {
class: 'header_media',
alt: '',
image: page.image,
loading: 'eager',
sources: [
img.square.med,
img.square.sml,
img.square.xsml,
img.square.xxsml,
img.square.thumb
],
sizes: [
'(min-width: 1394px) 500px',
'(min-width: 1220px) 450px',
'(min-width: 980px) 360px',
'0'
]
} %}
</span>
{% if page.image_caption %}
<figcaption class="header_media_figcaption">
{{ page.image_caption }}
</figcaption>
{% endif %}
</figure>
</div>
</div>
{% if page.subNav != false or page.cta or page.related_content %}
<div class="page_sidebar large has_media">
{% if page.subNav != false or page.cta %}
<div class="sub_nav_wrapper">
{% if page.subNav != false %}
{% include '@navigation-basic' with {
class: 'sub',
modifier: '',
title: page.title_short,
title_prefix: '',
active_index: '',
links: page.subNav
} %}
{% endif %}
{% if page.cta %}
<div class="page_cta">
<a class="page_cta_link" href="{{ page.cta.url }}">
<span class="page_cta_link_label">{{ page.cta.label }}</span>
</a>
</div>
{% endif %}
</div>
{% endif %}
{% if page.related_content %}
<div class="related_content">
{% for card in page.related_content %}
<div class="related_content_card">
{% include '@partial-' ~ card.card_type ~ '-card' with {
item: card.item
} %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
</div>
{% else %}
{% if page.subNav != false or page.cta or page.related_content %}
<div class="fs-cell fs-lg-4 fs-xl-3 fs-lg-push-1 fs-xl-push-2">
<div class="page_sidebar large">
{% if page.subNav != false or page.cta %}
<div class="sub_nav_wrapper">
{% if page.subNav != false %}
{% include '@navigation-basic' with {
class: 'sub',
modifier: '',
title: page.title_short,
title_prefix: '',
active_index: '',
links: page.subNav
} %}
{% endif %}
{% if page.cta %}
<div class="page_cta">
<a class="page_cta_link" href="{{ page.cta.url }}">
<span class="page_cta_link_label">{{ page.cta.label }}</span>
</a>
</div>
{% endif %}
</div>
{% endif %}
{% if page.related_content %}
<div class="related_content">
{% for card in page.related_content %}
<div class="related_content_card">
{% include '@partial-' ~ card.card_type ~ '-card' with {
item: card.item
} %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endif %}
</div>
</div>
No notes defined.