<!-- Related Faculty -->
<div class="faculty_related js-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">&#xfeff;
                                    <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>
                        <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>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <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">&#xfeff;
                                <svg class="icon icon_arrow_down">
                                    <use href="/images/icons.svg#arrow_down" />
                                </svg>
                            </span>
                        </span>
                    </button>
                </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">&#xfeff;{{ icon('arrow_down') }}</span>
							</span>
						</button>
					</div>
				</div>
			</div>
		</div>
	{% endif %}
</div>
<!-- END: Related Faculty -->

No notes defined.