<!-- Contact Info -->
<div class="contact_info">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:jsmith@lemoyne.edu',
'image': '7',
'jobTitle': 'Lorem Consectetur Elit Vestibulum',
'name': 'Jane Smith',
'telephone': '(410) 555-1234',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_info_inner">
<div class="contact_info_header">
<h2 class="contact_info_title">Questions? Let's get in touch.</h2>
</div>
<div class="contact_info_contact">
<div class="contact_info_contact_main">
<figure class="contact_info_contact_figure">
<img class="contact_info_contact_image" srcset="https://images.fastspot.com/le-moyne/300x300/7 300w, https://images.fastspot.com/le-moyne/100x100/7 100w" sizes="100px" src="https://images.fastspot.com/le-moyne/100x100/7" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="contact_info_contact_info">
<h3 class="contact_info_contact_name">Jane Smith</h3>
<div class="contact_info_contact_title">Lorem Consectetur Elit Vestibulum</div>
</div>
</div>
<div class="contact_info_contact_body">
<div class="contact_info_contact_details">
<div class="contact_info_contact_detail contact_info_contact_detail_phone">
<div class="contact_info_contact_detail_label">Phone</div>
<div class="contact_info_contact_detail_item">
<div class="contact_info_contact_detail_info">
<a class="contact_info_contact_detail_info_link" href="tel:4105551234">(410) 555-1234</a>
</div>
<div class="contact_info_contact_detail_item_hint">
<div class="contact_info_contact_detail_hint">mobile</div>
</div>
</div>
<div class="contact_info_contact_detail_item">
<div class="contact_info_contact_detail_info">
<a class="contact_info_contact_detail_info_link" href="tel:4105551234">(410) 555-1234</a>
</div>
<div class="contact_info_contact_detail_item_hint">
<div class="contact_info_contact_detail_hint">office</div>
</div>
</div>
</div>
<div class="contact_info_contact_detail contact_info_contact_detail_email">
<div class="contact_info_contact_detail_label">Email</div>
<div class="contact_info_contact_detail_item">
<div class="contact_info_contact_detail_info">
<a class="contact_info_contact_detail_info_link" href="mailto:jsmith@lemoyne.edu">jsmith<wbr />@lemoyne.edu</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
{#
{% include '@component-contact-info' with {
title: 'Fusce aliquam odio vel.'
item: {
name: 'Full Name',
job_title: 'Director of Department',
image: '1',
phone_numbers: [
{
label: 'mobile',
type: 'telephone',
number: '(410) 555-1234'
}
],
email: 'name@university.edu',
}
} %}
#}
<!-- Contact Info -->
<div class="contact_info">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:{{ item.email }}',
'image': '{{ item.image }}',
'jobTitle': '{{ item.job_title }}',
'name': '{{ item.name }}',
'telephone': '{{ item.phone_numbers[0].number }}',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_info_inner">
<div class="contact_info_header">
<h2 class="contact_info_title">{{ title }}</h2>
</div>
<div class="contact_info_contact">
<div class="contact_info_contact_main">
{% if item.image %}
<figure class="contact_info_contact_figure">
{% include '@partial-image' with {
class: 'contact_info_contact',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.square.xxsml,
img.square.thumb
],
sizes: [
'100px',
]
} %}
</figure>
{% endif %}
<div class="contact_info_contact_info">
<h3 class="contact_info_contact_name">{{ item.name }}</h3>
{% if item.job_title %}
<div class="contact_info_contact_title">{{ item.job_title }}</div>
{% endif %}
</div>
</div>
<div class="contact_info_contact_body">
{% if item.phone_numbers or item.email %}
<div class="contact_info_contact_details">
{% if item.phone_numbers %}
<div class="contact_info_contact_detail contact_info_contact_detail_phone">
<div class="contact_info_contact_detail_label">Phone</div>
{% for phone in item.phone_numbers %}
<div class="contact_info_contact_detail_item">
<div class="contact_info_contact_detail_info">
<a class="contact_info_contact_detail_info_link" href="tel:{{ tel(phone.number) }}">{{ phone.number }}</a>
</div>
<div class="contact_info_contact_detail_item_hint">
<div class="contact_info_contact_detail_hint">{{ phone.label }}</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if item.email %}
<div class="contact_info_contact_detail contact_info_contact_detail_email">
<div class="contact_info_contact_detail_label">Email</div>
<div class="contact_info_contact_detail_item">
<div class="contact_info_contact_detail_info">
<a class="contact_info_contact_detail_info_link" href="mailto:{{ item.email }}">{{ format_email(item.email) }}</a>
</div>
</div>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
No notes defined.