<div class="page_content" id="page_content" tabindex="-1">
<div class="fs-row">
<div class="fs-cell fs-lg-7">
<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 sub_nav_is_children" aria-labelledby="basic_nav_title_26">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title_26">
<span class="sub_nav_title_label">Our Vision</span>
</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title_26">
<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>
<nav class="sub_nav sub_nav_is_siblings" aria-labelledby="basic_nav_title_27">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title_27">
<span class="sub_nav_title_label">Our Vision</span>
</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title_27">
<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' 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">
<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: 'is_children',
title: page.title_short,
title_prefix: '',
active_index: '',
links: page.subNav
} %}
{% include '@navigation-basic' with {
class: 'sub',
modifier: 'is_siblings',
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.