<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">
                    <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.