<!-- Related Faculty -->
<div class="faculty_related">
<div class="faculty_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="faculty_related_header_inner">
<div class="faculty_related_title">
<h2 class="faculty_related_title_primary">Our Faculty</h2>
<p class="faculty_related_title_secondary">Ipsum Consectetur Pharetra Purus Consectetur Pharetra Purus</p>
</div>
<div class="faculty_related_action">
<a href="#" class="faculty_related_action_link">
<span class="faculty_related_action_link_inner">
<span class="faculty_related_action_link_label">Explore all Faculty & Staff</span><span class="icon_nowrap faculty_related_action_link_icon" 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 class="faculty_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="faculty_related_body_inner">
<ul class="faculty_related_items" aria-label="">
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/1 980w, https://images.fastspot.com/vcuarts/740x740/1 740w, https://images.fastspot.com/vcuarts/500x500/1 500w, https://images.fastspot.com/vcuarts/300x300/1 300w, https://images.fastspot.com/vcuarts/100x100/1 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">Elissa Armstrong</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/2 980w, https://images.fastspot.com/vcuarts/740x740/2 740w, https://images.fastspot.com/vcuarts/500x500/2 500w, https://images.fastspot.com/vcuarts/300x300/2 300w, https://images.fastspot.com/vcuarts/100x100/2 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">A. Blair Clemo</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/3 980w, https://images.fastspot.com/vcuarts/740x740/3 740w, https://images.fastspot.com/vcuarts/500x500/3 500w, https://images.fastspot.com/vcuarts/300x300/3 300w, https://images.fastspot.com/vcuarts/100x100/3 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/3" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">Susie Ganch</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/4 980w, https://images.fastspot.com/vcuarts/740x740/4 740w, https://images.fastspot.com/vcuarts/500x500/4 500w, https://images.fastspot.com/vcuarts/300x300/4 300w, https://images.fastspot.com/vcuarts/100x100/4 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/4" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">Hillary Waters Fayle</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/5 980w, https://images.fastspot.com/vcuarts/740x740/5 740w, https://images.fastspot.com/vcuarts/500x500/5 500w, https://images.fastspot.com/vcuarts/300x300/5 300w, https://images.fastspot.com/vcuarts/100x100/5 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/5" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">Cynthia Myron</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="#">
<figure class="faculty_related_item_figure">
<img class="faculty_related_item_image" srcset="https://images.fastspot.com/vcuarts/980x980/6 980w, https://images.fastspot.com/vcuarts/740x740/6 740w, https://images.fastspot.com/vcuarts/500x500/6 500w, https://images.fastspot.com/vcuarts/300x300/6 300w, https://images.fastspot.com/vcuarts/100x100/6 100w" sizes="(min-width: 940px) 24vw, (min-width: 940px) 30vw, (min-width: 600px) 45vw, 300px" src="https://images.fastspot.com/vcuarts/100x100/6" alt="" loading="lazy" width="100" height="100">
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
<a href="#" class="faculty_related_item_name_link">
<span class="faculty_related_item_name_link_inner">
<span class="faculty_related_item_name_link_label">Bohyun Yoon</span>
<span class="faculty_related_item_name_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h3>
<p class="faculty_related_item_title">Associate Professor</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related Faculty -->
{#
{% include '@component-faculty-related' with {
page_nav_id: '',
title: 'Title Primary',
secondary_title: 'Title Secondary',
link: {
url: '#',
label: 'Label',
aria: ''
},
items: [
{
name: 'Item Name',
image: '1',
title: 'Item Title',
url: '#'
}
]
} %}
#}
<!-- Related Faculty -->
<div class="{% if page_nav_id %}js-page-nav-component {% endif %}faculty_related{% if items.length > 6 %} js-faculty-related{% endif %}"{% if page_nav_id %} id="{{ page_nav_id }}"{% endif %}>
<div class="faculty_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="faculty_related_header_inner">
<div class="faculty_related_title">
<h2 class="faculty_related_title_primary">{{ title }}</h2>
{% if secondary_title %}
<p class="faculty_related_title_secondary">{{ secondary_title }}</p>
{% endif %}
</div>
<div class="faculty_related_action">
{% include '@partial-link' with {
class: 'faculty_related_action',
title: 'Explore all Faculty & Staff',
url: '#',
icon: 'arrow_right',
aria: '',
nowrap: true
} %}
</div>
</div>
</div>
</div>
</div>
<div class="faculty_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="faculty_related_body_inner">
<ul class="faculty_related_items" aria-label="{{ group_title }}">
{% for item in items %}
<li class="faculty_related_row js-faculty-related-row">
<div class="faculty_related_item">
<div class="faculty_related_item_inner">
<div class="faculty_related_item_media">
<a class="faculty_related_item_media_link" href="{{ item.url }}">
<figure class="faculty_related_item_figure">
{% include '@partial-image' with {
class: 'faculty_related_item',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.square.med,
img.square.sml,
img.square.xsml,
img.square.xxsml,
img.square.thumb
],
sizes: [
"(min-width: 940px) 24vw",
"(min-width: 940px) 30vw",
"(min-width: 600px) 45vw",
"300px"
]
} %}
</figure>
</a>
</div>
<div class="faculty_related_item_wrapper">
<div class="faculty_related_item_group">
<h3 class="faculty_related_item_name">
{% include '@partial-link' with {
class: 'faculty_related_item_name',
title: item.name,
url: item.url,
icon: 'arrow_right',
nowrap: false
} %}
</h3>
<p class="faculty_related_item_title">{{ item.title }}</p>
</div>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% if items.length > 6 %}
<div class="faculty_related_more">
<div class="fs-row">
<div class="fs-cell">
<div class="faculty_related_more_inner">
<button class="js-swap faculty_related_button" data-swap-target=".js-faculty-related" aria-label="View all Faculty">
<span class="faculty_related_button_button_inner">
<span class="faculty_related_button_button_label">Show More</span><span class="icon_nowrap faculty_related_button_button_icon" aria-hidden="true">{{ icon('arrow_down') }}</span>
</span>
</button>
</div>
</div>
</div>
</div>
{% endif %}
</div>
<!-- END: Related Faculty -->
No notes defined.