<!-- Contact Info -->
<div class="person_contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:',
'image': '1',
'jobTitle': 'Title',
'name': 'Department or Office Name',
'telephone': '',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="person_contact_inner">
<div class="person_contact_header">
<h2 class="person_contact_title">Contact</h2>
</div>
<div class="people_item">
<div class="people_item_header">
<div class="people_item_info">
<h2 class="people_item_name">
<a class="people_item_name_link" href="#">
<span class="people_item_name_label">Department or Office Name</span>
<span class="people_item_name_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</a>
</h2>
<div class="people_item_title">Title</div>
</div>
<figure class="people_item_figure">
<img class="people_item_image" srcset="https://images.fastspot.com/methodist-university/300x300/1 300w, https://images.fastspot.com/methodist-university/100x100/1 100w" src="https://images.fastspot.com/methodist-university/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
<div class="people_item_details">
<div class="people_item_detail contact">
<div class="people_item_detail_label">Contact</div>
<div class="people_item_detail_item">
<div class="people_item_detail_item_header">
<div class="people_item_detail_icon">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</div>
<div class="people_item_detail_hint">Email: </div>
</div>
<div class="people_item_detail_info">
<a class="people_item_detail_info_link" href="mailto:name@university.edu">
<span class="people_item_detail_info_label">name@university.edu</span>
</a>
</div>
</div>
<div class="people_item_detail_item">
<div class="people_item_detail_item_header">
<div class="people_item_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<div class="people_item_detail_hint">Phone: </div>
</div>
<div class="people_item_detail_info">
<a class="people_item_detail_info_link" href="tel:4105551234">
<span class="people_item_detail_info_label">(410) 555-1234</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
{#
{% include '@component-contact-info' with {
item: {
name: 'Full Name',
title: 'Director of Department',
image: '1',
phone_numbers: [
{
label: 'mobile',
type: 'telephone',
number: '(410) 555-1234'
}
],
email: 'name@university.edu',
location: '1234 Maple Bacon Ln.<br>Baltimore, MD 21211',
office_hours: [
{
label: 'Monday',
hours: '9am - 5pm'
}
],
social_links: [
{
title: 'LinkedIn',
url: '#'
}
]
}
} %}
#}
<!-- Contact Info -->
<div class="person_contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:{{ item.email }}',
'image': '{{ item.image }}',
'jobTitle': '{{ item.title }}',
'name': '{{ item.name }}',
'telephone': '{{ item.phone_numbers[0].number }}',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="person_contact_inner">
<div class="person_contact_header">
<h2 class="person_contact_title">Contact</h2>
</div>
{% render '@partial-people-item' with {
item: item
} %}
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
No notes defined.