<!-- Contact Info -->
<div class="contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:crafts@vcu.edu',
'name': 'Connect with the Department of Craft/Material Studies',
'telephone': '',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_block_inner">
<div class="contact">
<div class="contact_header">
<div class="contact_info">
<h2 class="contact_name">Connect with the Department of Craft/Material Studies</h2>
</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">
<a class="contact_detail_item_link" href="tel:8048281477">804-828-1477</a>
</div>
</div>
<div class="contact_detail email">
<div class="contact_detail_label">Email</div>
<div class="contact_detail_item">
<a class="contact_detail_item_link" href="mailto:crafts@vcu.edu">crafts@vcu.edu</a>
</div>
</div>
<div class="contact_detail location">
<div class="contact_detail_label">Address</div>
<div class="contact_detail_item">1000 West Broad Street, Room 239<br> Richmond, VA 21284</div>
</div>
<div class="contact_detail social">
<div class="contact_detail_label">Social</div>
<ul class="contact_socials" aria-label="Social Links for Connect with the Department of Craft/Material Studies">
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Connect with the Department of Craft/Material Studies Instagram" target="_blank" rel="noopener">
<span class="contact_social_link_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span>
<span class="contact_social_link_label">Instagram</span>
</a>
</li>
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Connect with the Department of Craft/Material Studies Facebook" target="_blank" rel="noopener">
<span class="contact_social_link_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="contact_social_link_label">Facebook</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
{#
{% include '@component-contact-info' with {
item: {
name: 'Full Name',
phone_number: '(410) 555-1234',
email: 'name@university.edu',
location: '1234 Maple Bacon Ln.<br>Baltimore, MD 21211',
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 }}',
'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">
<div class="contact_header">
<div class="contact_info">
<h2 class="contact_name">{{ item.name }}</h2>
</div>
</div>
<div class="contact_body">
<div class="contact_details">
{% if item.phone_number %}
<div class="contact_detail phone">
<div class="contact_detail_label">Phone</div>
<div class="contact_detail_item">
<a class="contact_detail_item_link"href="tel:{{ tel(item.phone_number) }}">{{ item.phone_number }}</a>
</div>
</div>
{% endif %}
<div class="contact_detail email">
<div class="contact_detail_label">Email</div>
<div class="contact_detail_item">
<a class="contact_detail_item_link" href="mailto:{{ item.email }}">{{ item.email }}</a>
</div>
</div>
{% if item.location %}
<div class="contact_detail location">
<div class="contact_detail_label">Address</div>
<div class="contact_detail_item">{{ item.location }}</div>
</div>
{% endif %}
{% if item.social_links %}
<div class="contact_detail social">
<div class="contact_detail_label">Social</div>
<ul class="contact_socials" aria-label="Social Links for {{ item.name }}">
{% for social in item.social_links %}
<li class="contact_social">
<a class="contact_social_link" href="{{ social.url }}" aria-label="{{ item.name }} {{ social.title }}" target="_blank" rel="noopener">
<span class="contact_social_link_icon">{{ icon(social.title|lower) }}</span>
<span class="contact_social_link_label">{{ social.title }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
No notes defined.