<!-- Contact Info -->
<div class="contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:',
'image': '',
'jobTitle': '',
'name': '',
'telephone': '',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_block_inner">
<div class="contact_block_header">
<h2 class="contact_block_group_title">Get in Touch</h2>
<span class="contact_block_group_description">Our faculty leads can help you take the next step with your major, minor, or other education plans.</span>
</div>
<div class="contact_block_wrapper">
<div class="contact main">
<div class="contact_header">
<div class="contact_info">
<h2 class="contact_name">
<a href="#" class="contact_name_link">
<span class="contact_name_link_inner">
<span class="contact_name_link_label">Alyxandria Abel</span><span class="contact_name_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="contact_title">Part-time Instructor</div>
</div>
<figure class="contact_figure">
<img class="contact_image" srcset="https://images.fastspot.com/mount-saint-marys-university/300x300/1 300w, https://images.fastspot.com/mount-saint-marys-university/100x100/1 100w" src="https://images.fastspot.com/mount-saint-marys-university/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail department">
<div class="contact_detail_label">Department</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="#" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">Department of Biology</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="contact_detail contact child">
<div class="contact_detail_label">Contact</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="tel:3109544261" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">(310) 954-4261</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="tel:3109544261" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">(310) 954-4261</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="mailto:aabel@msmu.edu" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">aabel@msmu.edu</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="contact main">
<div class="contact_header">
<div class="contact_info">
<h2 class="contact_name">
<a href="#" class="contact_name_link">
<span class="contact_name_link_inner">
<span class="contact_name_link_label">Angela Abruzzi</span><span class="contact_name_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="contact_title">Senior Instructional Designer</div>
</div>
<figure class="contact_figure">
<img class="contact_image" srcset="https://images.fastspot.com/mount-saint-marys-university/300x300/2 300w, https://images.fastspot.com/mount-saint-marys-university/100x100/2 100w" src="https://images.fastspot.com/mount-saint-marys-university/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail department">
<div class="contact_detail_label">Department</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="#" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">Department of Biology</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="contact_detail contact child">
<div class="contact_detail_label">Contact</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="tel:3109544261" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">(310) 954-4261</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_info">
<a href="mailto:aabel@msmu.edu" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">aabel@msmu.edu</span><span class="contact_detail_info_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</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="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="contact_block_inner">
<div class="contact_block_header">
<h2 class="contact_block_group_title">{{ title }}</h2>
{% if description %}
<span class="contact_block_group_description">{{ description }}</span>
{% endif %}
</div>
<div class="contact_block_wrapper">
{% for item in items %}
<div class="contact main">
<div class="contact_header">
<div class="contact_info">
{% if item.url %}
<h2 class="contact_name">
{% include '@partial-link' with {
title: item.name,
url: item.url,
class: 'contact_name',
js: false,
icon: 'arrow_right',
aria: '',
nowrap: true
} %}
</h2>
{% else %}
<h2 class="contact_name">{{ item.name }}</h2>
{% endif %}
{% if item.title %}
<div class="contact_title">{{ item.title }}</div>
{% endif %}
</div>
{% if item.image %}
<figure class="contact_figure">
{% include '@partial-image' with {
class: 'contact',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.square.xxsml,
img.square.thumb
]
} %}
</figure>
{% endif %}
</div>
<div class="contact_body">
{% render '@partial-contact-details--contact-info' with {
item: item
} %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
No notes defined.