<!-- Header -->
<header class="js-header header" id="header">
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
<div class="js-alert-wrapper">
</div>
<div class="js-cookie-wrapper">
</div>
<div class="header_group js-mouse-trail-effect">
<div class="mouse_trail_effect js-mouse-trail-effect-container ">
<figure class="mouse_trail_effect_images">
<img class="active js-mouse-trail-effect-image mouse_trail_effect_image" srcset="https://images.fastspot.com/vcuarts/1440x617/1 1440w, https://images.fastspot.com/vcuarts/1220x523/1 1220w, https://images.fastspot.com/vcuarts/980x420/1 980w, https://images.fastspot.com/vcuarts/740x317/1 740w, https://images.fastspot.com/vcuarts/500x214/1 500w, https://images.fastspot.com/vcuarts/300x129/1 300w" sizes="(min-width: 980px) 100vw, 0" src="https://images.fastspot.com/vcuarts/300x129/1" alt="" loading="lazy" width="300" height="129">
<img class="js-mouse-trail-effect-image mouse_trail_effect_image" srcset="https://images.fastspot.com/vcuarts/1440x617/2 1440w, https://images.fastspot.com/vcuarts/1220x523/2 1220w, https://images.fastspot.com/vcuarts/980x420/2 980w, https://images.fastspot.com/vcuarts/740x317/2 740w, https://images.fastspot.com/vcuarts/500x214/2 500w, https://images.fastspot.com/vcuarts/300x129/2 300w" sizes="(min-width: 980px) 100vw, 0" src="https://images.fastspot.com/vcuarts/300x129/2" alt="" loading="lazy" width="300" height="129">
<img class="js-mouse-trail-effect-image mouse_trail_effect_image" srcset="https://images.fastspot.com/vcuarts/1440x617/3 1440w, https://images.fastspot.com/vcuarts/1220x523/3 1220w, https://images.fastspot.com/vcuarts/980x420/3 980w, https://images.fastspot.com/vcuarts/740x317/3 740w, https://images.fastspot.com/vcuarts/500x214/3 500w, https://images.fastspot.com/vcuarts/300x129/3 300w" sizes="(min-width: 980px) 100vw, 0" src="https://images.fastspot.com/vcuarts/300x129/3" alt="" loading="lazy" width="300" height="129">
</figure>
<canvas class="js-mouse-trail-effect-canvas mouse_trail_effect_canvas"></canvas>
</div>
<div class="js-header-primary header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="js-home-feature-logo home_feature_logo">
<h1 class="home_feature_logo_heading" id="page_title" tabindex="-1">
<a class="home_feature_logo_link" href="page-home.html">
<span class="home_feature_logo_label">VCUarts</span>
<span class="home_feature_logo_group">
<span class="home_feature_logo_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
<span class="home_feature_logo_icons" aria-hidden="true">
</span>
<span class="home_feature_logo_letters" aria-hidden="true">
</span>
</span>
</a>
</h1>
</div>
<div class="header_controls">
<div class="js-header-controls-navs header_controls_navs">
<div class="header_controls_navs_inner">
<div class="header_departments_nav">
<div class="js-nav-toggle-group js-departments-nav-group js-departments-nav-group-head toggle_nav_group departments_nav_group departments_nav_group_head">
<button class="js-departments-nav-toggle js-nav-toggle-button js-swap departments_nav_toggle button_toggle" data-swap-target=".js-departments-nav-group" data-swap-linked="departments">
<span class="departments_nav_toggle_inner_default departments_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="departments_nav_toggle_label_default departments_nav_toggle_label button_toggle_label_default button_toggle_label">Departments</span>
<span class="departments_nav_toggle_icon_default departments_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="departments_nav_toggle_inner_active departments_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="departments_nav_toggle_label_active departments_nav_toggle_label button_toggle_label_active button_toggle_label">Departments</span>
<span class="departments_nav_toggle_icon_active departments_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-departments-nav-panel js-departments-nav-panel-head toggle_nav_panel departments_nav_panel departments_nav_panel_head">
<nav class="js-nav-toggle js-departments-nav js-departments-nav-head toggle_nav departments_nav departments_nav_head" aria-labelledby="toggle_nav_title-71">
<div class="toggle_nav_header departments_nav_header">
<h2 class="toggle_nav_title departments_nav_title" id="toggle_nav_title-71">Departments</h2>
</div>
<ul class="js-nav-toggle-list js-departments-nav-list toggle_nav_list departments_nav_list" aria-labelledby="toggle_nav_title-71">
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Art Education</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Art History</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Cinema</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Communication Arts</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Craft</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Dance & Choreography</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Fashion Design + Merchandising</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Graphic Design</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Interior Design</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Kinetic Imaging</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Music</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Painting + Printmaking</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Photography + Film</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Sculpture + Extended Media</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Theatre</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header_audience_nav">
<div class="js-nav-toggle-group js-audience-nav-group js-audience-nav-group-head toggle_nav_group audience_nav_group audience_nav_group_head">
<button class="js-audience-nav-toggle js-nav-toggle-button js-swap audience_nav_toggle button_toggle" data-swap-target=".js-audience-nav-group" data-swap-linked="audience">
<span class="audience_nav_toggle_inner_default audience_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="audience_nav_toggle_label_default audience_nav_toggle_label button_toggle_label_default button_toggle_label">Resources for</span>
<span class="audience_nav_toggle_icon_default audience_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="audience_nav_toggle_inner_active audience_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="audience_nav_toggle_label_active audience_nav_toggle_label button_toggle_label_active button_toggle_label">Resources for</span>
<span class="audience_nav_toggle_icon_active audience_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-audience-nav-panel js-audience-nav-panel-head toggle_nav_panel audience_nav_panel audience_nav_panel_head">
<nav class="js-nav-toggle js-audience-nav js-audience-nav-head toggle_nav audience_nav audience_nav_head" aria-labelledby="toggle_nav_title-72">
<div class="toggle_nav_header audience_nav_header">
<h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_title-72">Audience</h2>
</div>
<ul class="js-nav-toggle-list js-audience-nav-list toggle_nav_list audience_nav_list" aria-labelledby="toggle_nav_title-72">
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Current Students</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Faculty & Staff</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Admitted Students</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Families & Parents</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Alumni</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Donors</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Press & Vendors</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="js-header-menu-toggle header_menu_toggle">
<a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_toggle_inner_default menu_toggle_inner">
<span class="menu_toggle_label_default menu_toggle_label">Menu</span>
<span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-home-feature-body home_feature_body">
<div class="home_feature_content">
<div class="fs-row">
<div class="fs-cell">
<div class="home_feature_content_inner">
<div class="home_feature_description_wrapper">
<p class="home_feature_description">VCU Career Services has launched an ambitious new strategic plan to guide their endeavors from Fall 2022-Spring 2026 in service of students, alumni, employer and community partners, and our many other important stakeholders on-and off-campus.</p><span class="home_feature_actions inline">
<a href="#" class="home_feature_action_link">
<span class="home_feature_action_link_inner">
<span class="home_feature_action_link_label">Undergraduate</span><span class="icon_nowrap home_feature_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
<a href="#" class="home_feature_action_link">
<span class="home_feature_action_link_inner">
<span class="home_feature_action_link_label">Graduate</span><span class="icon_nowrap home_feature_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a></span>
</div>
<div class="home_feature_actions block">
<div class="home_feature_action">
<a href="#" class="home_feature_action_link">
<span class="home_feature_action_link_inner">
<span class="home_feature_action_link_label">Undergraduate</span><span class="icon_nowrap home_feature_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 class="home_feature_action">
<a href="#" class="home_feature_action_link">
<span class="home_feature_action_link_inner">
<span class="home_feature_action_link_label">Graduate</span><span class="icon_nowrap home_feature_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>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Header -->
<header class="js-header header" id="header">
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
<div class="js-alert-wrapper">
{% if page.alert == true %}
{% set alert_path = page.alert_path|default('/components/render/partial-alert') %}
<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
<script>
var AlertURL = "{{ alert_path|path }}";
</script>
{% endif %}
</div>
<div class="js-cookie-wrapper">
{% if page.cookie == true %}
{% set cookie_path = page.cookie_path|default('/components/render/partial-cookie') %}
<!-- WordPress / Drupal, use CookieURL to target the script that returns this content. For BigTree, enter the cookie markup here. -->
<script>
var CookieURL = "{{ cookie_path|path }}";
</script>
{% endif %}
</div>
<div class="header_group js-mouse-trail-effect">
{% include "@partial-mouse-trail-effect" with {
images: [ '1', '2', '3' ],
} %}
<div class="js-header-primary header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="js-home-feature-logo home_feature_logo">
<h1 class="home_feature_logo_heading" id="page_title" tabindex="-1">
<a class="home_feature_logo_link" href="page-home.html">
<span class="home_feature_logo_label">{{ config.name }}</span>
<span class="home_feature_logo_group">
<span class="home_feature_logo_icon">{{ icon('logo') }}</span>
<span class="home_feature_logo_icons" aria-hidden="true">
{% for letter in page.letters %}
<span class="home_feature_logo_icons_item home_feature_logo_icons_item_{{ loop.index }}">{{ icon('logo_letter_' ~ loop.index) }}</span>
{% endfor %}
</span>
<span class="home_feature_logo_letters" aria-hidden="true">
{% for letter in page.letters %}
<span class="js-home-feature-logo-letter home_feature_logo_letter home_feature_logo_letter_{{ loop.index }}" data-image-count="{{ letter.images.length }}">
{% for image in letter.images %}
<img class="js-home-feature-logo-letter_image home_feature_logo_letter_image home_feature_logo_letter_image_{{ loop.index }}" src="https://images.fastspot.com/{{ config.images }}/450x508/{{ image }}" alt="">
{% endfor %}
</span>
{% endfor %}
</span>
</span>
</a>
</h1>
</div>
<div class="header_controls">
<div class="js-header-controls-navs header_controls_navs">
<div class="header_controls_navs_inner">
<div class="header_departments_nav">
{% include '@navigation-toggle' with {
class: 'departments',
modifier: 'head',
title: 'Departments',
links: navigation.departments,
icon: '',
child_icon: '',
toggle: {
title: 'Departments',
icon: 'chevron_down',
title_active: 'Departments',
icon_active: 'close',
swap_target: '.js-departments-nav-group',
swap_link: 'departments'
}
} %}
</div>
<div class="header_audience_nav">
{% include '@navigation-toggle' with {
class: 'audience',
modifier: 'head',
title: 'Audience',
links: navigation.audience,
icon: '',
child_icon: '',
toggle: {
title: 'Resources for',
icon: 'chevron_down',
title_active: 'Resources for',
icon_active: 'close',
swap_target: '.js-audience-nav-group',
swap_link: 'audience'
}
} %}
</div>
</div>
</div>
<div class="js-header-menu-toggle header_menu_toggle">
{% include '@partial-link-toggle' with {
class: 'menu',
js: true,
title: 'Menu',
url: '#menu',
icon: 'menu',
swap_target: '.menu',
swap_link: 'menu'
} %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-home-feature-body home_feature_body">
{# <div class="home_feature_body_media">
<figure class="home_feature_body_figure">
{% include '@partial-image' with {
class: 'home_feature_body',
alt: '',
image: page.image,
loading: 'eager',
sources: [
img.ultrawide.xlrg,
img.ultrawide.lrg,
img.ultrawide.med,
img.ultrawide.sml,
img.ultrawide.xsml,
img.ultrawide.xxsml
],
sizes: [
"(min-width: 980px) 100vw",
"0"
]
} %}
</figure>
<div class="home_feature_body_mask"></div>
</div> #}
<div class="home_feature_content">
<div class="fs-row">
<div class="fs-cell">
<div class="home_feature_content_inner">
<div class="home_feature_description_wrapper">
<p class="home_feature_description">{{ page.description }}</p><span class="home_feature_actions inline">{% include '@partial-link' with { class: 'home_feature_action', title: 'Undergraduate', url: '#', icon: 'arrow_right', nowrap: true} %}{% include '@partial-link' with { class: 'home_feature_action', title: 'Graduate', url: '#', icon: 'arrow_right', nowrap: true } %}</span>
</div>
<div class="home_feature_actions block">
<div class="home_feature_action">
{% include '@partial-link' with {
class: 'home_feature_action',
title: 'Undergraduate',
url: '#',
icon: 'arrow_right',
nowrap: true
} %}
</div>
<div class="home_feature_action">
{% include '@partial-link' with {
class: 'home_feature_action',
title: 'Graduate',
url: '#',
icon: 'arrow_right',
nowrap: true
} %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
No notes defined.