<!-- Contact Info -->
<div class="contact_block component_theme_gray_light">
    <script type="application/ld+json">
        {
            '@context': 'http://schema.org',
            '@type': 'Person',
            'email': 'mailto:',
            'jobTitle': 'Office of Admissions',
            'name': 'Admission Contact',
            'telephone': '410-516-9797',
            'url': '#'
        }
    </script>
    <div class="contact_block_row">
        <div class="contact_block_frame">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="contact_block_inner">
                        <div class="contact">
                            <div class="contact_header">
                                <h2 class="contact_title">Admission Contact</h2>
                                <div class="contact_label">Office of Admissions</div>
                            </div>
                            <div class="contact_body">
                                <div class="contact_details">
                                    <div class="contact_detail phone">
                                        <div class="contact_detail_label">Phone</div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Local</div>
                                            <div class="contact_detail_info">410-516-9797</div>
                                        </div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Toll-free</div>
                                            <div class="contact_detail_info">877-548-7631</div>
                                        </div>
                                    </div>
                                    <div class="contact_detail email">
                                        <div class="contact_detail_label">Email</div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Request Information</div>
                                            <div class="contact_detail_info">
                                                <a class="contact_detail_info_link" href="mailto:soe-admissionsupport@jhu.edu">soe-admissionsupport@jhu.edu</a>
                                            </div>
                                        </div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Application Assistance</div>
                                            <div class="contact_detail_info">
                                                <a class="contact_detail_info_link" href="mailto:soe.admissions@jhu.edu">soe.admissions@jhu.edu</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="contact_detail location">
                                        <div class="contact_detail_label">Location</div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Office</div>
                                            <div class="contact_detail_info">Office of Admission<br> Johns Hopkins University<br> School of Education<br> 2800 N. Charles Street<br> Baltimore, MD 21218</div>
                                        </div>
                                    </div>
                                    <div class="contact_detail hours">
                                        <div class="contact_detail_label">Hours</div>
                                        <div class="contact_detail_item">
                                            <div class="contact_detail_item_header">Monday-Friday</div>
                                            <div class="contact_detail_info">8:30 a.m. to 5:00 p.m. ET</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Contact Info -->
{#
	{% include '@component-contact-info' with {
		title: 'Title',
		label: 'label',
		phone_numbers: [
			{
				label: 'label',
				number: 'number'
			}
		],
		emails: [
			{
				label: 'label',
				address: 'address'
			}
		],
		locations: [
			{
				label: 'label',
				address: 'address'
			}
		],
		office_hours: [
			{
				label: 'label',
				hours: 'hours'
			}
		]
	} %}
#}

<!-- Contact Info -->
<div class="contact_block component_theme_{{ theme ?: 'gray_light' }}">
	<script type="application/ld+json">
		{
			'@context': 'http://schema.org',
			'@type': 'Person',
			'email': 'mailto:{{ email[0].address }}',
			'jobTitle': '{{ label }}',
			'name': '{{ title }}',
			'telephone': '{{ phone_numbers[0].number }}',
			'url': '#'
		}
	</script>
	<div class="contact_block_row">
		<div class="contact_block_frame">
			<div class="fs-row">
				<div class="fs-cell">
					<div class="contact_block_inner">
						<div class="contact">
							<div class="contact_header">
								<h2 class="contact_title">{{ title }}</h2>
								{% if label %}
									<div class="contact_label">{{ label }}</div>
								{% endif %}
							</div>
							<div class="contact_body">
								<div class="contact_details">
									{% if phone_numbers %}
										<div class="contact_detail phone">
											<div class="contact_detail_label">Phone</div>
											{% for phone_number in phone_numbers %}
												<div class="contact_detail_item">
													<div class="contact_detail_item_header">{{ phone_number.label }}</div>
													<div class="contact_detail_info">{{ phone_number.number }}</div>
												</div>
											{% endfor %}
										</div>
									{% endif %}
									{% if emails %}
										<div class="contact_detail email">
											<div class="contact_detail_label">Email</div>
											{% for email in emails %}
												<div class="contact_detail_item">
													<div class="contact_detail_item_header">{{ email.label }}</div>
													<div class="contact_detail_info">
														<a class="contact_detail_info_link" href="mailto:{{ email.address }}">{{ email.address }}</a>
													</div>
												</div>
											{% endfor %}
										</div>
									{% endif %}
									{% if locations %}
										<div class="contact_detail location">
											<div class="contact_detail_label">Location</div>
											{% for location in locations %}
												<div class="contact_detail_item">
													<div class="contact_detail_item_header">{{ location.label }}</div>
													<div class="contact_detail_info">{{ location.address }}</div>
												</div>
											{% endfor %}
										</div>
									{% endif %}
									{% if office_hours %}
										<div class="contact_detail hours">
											<div class="contact_detail_label">Hours</div>
											{% for office_hour in office_hours %}
												<div class="contact_detail_item">
													<div class="contact_detail_item_header">{{ office_hour.label }}</div>
													<div class="contact_detail_info">{{ office_hour.hours }}</div>
												</div>
											{% endfor %}
										</div>
									{% endif %}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Contact Info -->

No notes defined.