<div class="page_content" id="page_content" tabindex="-1">
    <div class="fs-row">
        <div class="fs-cell fs-lg-7">

            <!-- Program Meta -->
            <div class="program_meta" id="meta" data-type="program" data-category=", , , ">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="program_meta_inner">
                            <div class="program_meta_body">
                                <div class="program_meta_details">
                                    <div class="program_meta_detail program_meta_frequency">
                                        <span class="program_meta_detail_hint">Frequency</span>
                                        <span class="program_meta_detail_label"></span>
                                    </div>
                                    <div class="program_meta_detail program_meta_location">
                                        <span class="program_meta_detail_hint">Format</span>
                                        <span class="program_meta_detail_label"></span>
                                    </div>
                                    <div class="program_meta_detail program_meta_completion">
                                        <span class="program_meta_detail_hint">Time to Completion</span>
                                        <span class="program_meta_detail_label"></span>
                                    </div>
                                    <div class="program_meta_detail program_meta_credits">
                                        <span class="program_meta_detail_hint">Credits</span>
                                        <span class="program_meta_detail_label"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Program 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_36">
                        <div class="sub_nav_header">
                            <h2 class="sub_nav_title" id="basic_nav_title_36">
                                <span class="sub_nav_title_label">Our Vision</span>
                            </h2>
                        </div>
                        <ul class="sub_nav_list" aria-labelledby="basic_nav_title_36">
                            <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--program' 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-program-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.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 %}
	</div>
</div>

No notes defined.