<!-- Contact Info -->
<div class="contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:kcerialo@paulsmiths.edu',
'image': '15',
'jobTitle': '',
'name': 'Dr. Karen Edwards',
'telephone': '',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_block_inner component_theme_white">
<div class="contact_block_header">
<h2 class="contact_block_title">Questions? Let's get in touch.</h2>
</div>
<div class="contact">
<figure class="contact_figure">
<img class="contact_image" srcset="https://images.fastspot.com/paul-smiths-college/500x500/15 500w, https://images.fastspot.com/paul-smiths-college/300x300/15 300w, https://images.fastspot.com/paul-smiths-college/100x100/15 100w" sizes="200px" src="https://images.fastspot.com/paul-smiths-college/100x100/15" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="contact_wrapper">
<div class="contact_header">
<p class="contact_name">Dr. Karen Edwards</p>
<div class="contact_info">
<p class="contact_department">Environment & Society</p>
<p class="contact_title">Program Coordinator</p>
</div>
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail">
<div class="contact_detail_label">Phone</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="tel:5183276386">(518) 327-6386</a>
</div>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Email Address</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="mailto:kcerialo@paulsmiths.edu">kcerialo@paulsmiths.edu</a>
</div>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Location</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</div>
<div class="contact_detail_info">1234 Maple Bacon Ln.<br>Baltimore, MD 21211</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
{#
{% include '@component-contact-info' with {
theme: 'theme',
title: 'Title',
item: {
name: 'Full Name',
department: 'Department',
job_titles: [
{
department: 'Forestry',
title: 'Director of Department'
}
],
image: '1',
alt: '',
phone_number: '(410) 555-1234',
email: 'name@university.edu',
location: '1234 Maple Bacon Ln.<br>Baltimore, MD 21211'
}
} %}
#}
{% set component_spacing = null %}
{% if theme != 'white' %}
{% set component_spacing = 'padding' %}
{% endif %}
<!-- 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.job_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 component_theme_{{ theme }}{% if component_spacing %} component_inner_padding{% endif %}">
<div class="contact_block_header">
<h2 class="contact_block_title">{{ title }}</h2>
</div>
<div class="contact">
{% if item.image %}
<figure class="contact_figure">
{% include '@partial-image' with {
class: 'contact',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.square.xsml,
img.square.xxsml,
img.square.thumb
],
sizes: [
'200px'
]
} %}
</figure>
{% endif %}
<div class="contact_wrapper">
<div class="contact_header">
<p class="contact_name">{{ item.name }}</p>
{% for job_title in item.job_titles %}
<div class="contact_info">
<p class="contact_department">{{ job_title.department }}</p>
<p class="contact_title">{{ job_title.title }}</p>
</div>
{% endfor %}
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail">
<div class="contact_detail_label">Phone</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">{{ icon('phone') }}</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="tel:{{ tel(item.phone_number) }}">{{ item.phone_number }}</a>
</div>
</div>
</div>
<div class="contact_detail">
<div class="contact_detail_label">Email Address</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">{{ icon('mail') }}</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="mailto:{{ item.email }}">{{ item.email }}</a>
</div>
</div>
</div>
{% if item.location %}
<div class="contact_detail">
<div class="contact_detail_label">Location</div>
<div class="contact_detail_group">
<div class="contact_detail_icon">{{ icon('place') }}</div>
<div class="contact_detail_info">{{ item.location }}</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
No notes defined.