<!-- Department List -->
<div class="department_list" aria-label="Departments">
<div class="department_item" id="on_page_1">
<div class="department_item_header">
<h2 class="department_item_title">Art Education</h2>
<div class="department_item_action">
<a href="#" class="department_item_action_link">
<span class="department_item_action_link_inner">
<span class="department_item_action_link_label">Explore Art Education</span><span class="icon_nowrap department_item_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 class="department_item_body">
<div class="programs_list">
<ul class="program_items" aria-label="">
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/4 740w, https://images.fastspot.com/vcuarts/500x334/4 500w, https://images.fastspot.com/vcuarts/300x200/4 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Arts with a Concentration in Art Education</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="department_item" id="on_page_2">
<div class="department_item_header">
<h2 class="department_item_title">Music</h2>
<div class="department_item_action">
<a href="#" class="department_item_action_link">
<span class="department_item_action_link_inner">
<span class="department_item_action_link_label">Explore Music</span><span class="icon_nowrap department_item_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 class="department_item_body">
<div class="programs_list">
<ul class="program_items" aria-label="">
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/5 740w, https://images.fastspot.com/vcuarts/500x334/5 500w, https://images.fastspot.com/vcuarts/300x200/5 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/5" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Music in in</span> <span class="program_item_area">Music with a Concentration in Performance/Guitar</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">As a guitar student, you will have the opportunity to study a number of styles and techniques through classical and jazz lessons, guitar ensembles, masterclasses and guitar pedagogy.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/1 740w, https://images.fastspot.com/vcuarts/500x334/1 500w, https://images.fastspot.com/vcuarts/300x200/1 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Music in in</span> <span class="program_item_area">Music with a Concentration in Performance/Jazz Studies</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/6 740w, https://images.fastspot.com/vcuarts/500x334/6 500w, https://images.fastspot.com/vcuarts/300x200/6 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Music in in</span> <span class="program_item_area">Music with a Concentration in Performance/Piano</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="department_item" id="on_page_3">
<div class="department_item_header">
<h2 class="department_item_title">Photography + Film</h2>
<div class="department_item_action">
<a href="#" class="department_item_action_link">
<span class="department_item_action_link_inner">
<span class="department_item_action_link_label">Explore Photography + Film</span><span class="icon_nowrap department_item_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 class="department_item_body">
<div class="programs_list">
<ul class="program_items" aria-label="">
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/9 740w, https://images.fastspot.com/vcuarts/500x334/9 500w, https://images.fastspot.com/vcuarts/300x200/9 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/9" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Photography + Film</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/8 740w, https://images.fastspot.com/vcuarts/500x334/8 500w, https://images.fastspot.com/vcuarts/300x200/8 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/8" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Photography + Film with a concentration in Filmmaking</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="department_item" id="on_page_4">
<div class="department_item_header">
<h2 class="department_item_title">Theatre</h2>
<div class="department_item_action">
<a href="#" class="department_item_action_link">
<span class="department_item_action_link_inner">
<span class="department_item_action_link_label">Explore Theatre</span><span class="icon_nowrap department_item_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 class="department_item_body">
<div class="programs_list">
<ul class="program_items" aria-label="">
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/10 740w, https://images.fastspot.com/vcuarts/500x334/10 500w, https://images.fastspot.com/vcuarts/300x200/10 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/10" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Art in in</span> <span class="program_item_area">Theatre</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/11 740w, https://images.fastspot.com/vcuarts/500x334/11 500w, https://images.fastspot.com/vcuarts/300x200/11 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/11" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Theatre with a Concentration in Performance</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/12 740w, https://images.fastspot.com/vcuarts/500x334/12 500w, https://images.fastspot.com/vcuarts/300x200/12 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/12" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Theatre with a Concentration in Stage Management/Technical Production</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/13 740w, https://images.fastspot.com/vcuarts/500x334/13 500w, https://images.fastspot.com/vcuarts/300x200/13 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/13" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Theatre with a Concentration in Scene Design/Technical Production</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="#">
<div class="program_item_media">
<figure class="program_item_figure">
<img class="program_row_item_image" srcset="https://images.fastspot.com/vcuarts/740x494/14 740w, https://images.fastspot.com/vcuarts/500x334/14 500w, https://images.fastspot.com/vcuarts/300x200/14 300w" sizes="(min-width: 1394px) 300px, (min-width: 1220px) 275px, (min-width: 980px) 195px, 0" src="https://images.fastspot.com/vcuarts/300x200/14" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">Bachelor of Fine Arts in in</span> <span class="program_item_area">Theatre with a Concentration in Lighting Design/Technical Production</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">Studying art history fosters a particular kind of critical engagement with the world, prompting us to consider relevance of the past to current issues, debates, and social practices.</p>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
{#
{% include '@partial-department-list' with {
grouped: false,
items: [
{
title: 'Title',
description: 'Description',
url: '#',
mode: ['Mode'],
level: ['Level'],
department: {
url: '#',
label: 'Department'
},
degree: ['Degree']
}
]
} %}
#}
<!-- Department List -->
<div class="department_list" aria-label="Departments">
{% for department in departments %}
<div class="department_item" id="on_page_{{ loop.index }}">
<div class="department_item_header">
<h2 class="department_item_title">{{ department.title }}</h2>
<div class="department_item_action">
{% include '@partial-link' with {
class: 'department_item_action',
title: 'Explore ' ~ department.title,
url: '#',
icon: 'arrow_right',
aria: '',
nowrap: true
} %}
</div>
</div>
<div class="department_item_body">
<div class="programs_list">
<ul class="program_items" aria-label="{{ title }}">
{% for item in department.items %}
<li class="program_row">
<div class="program_item">
<a class="program_item_link" href="{{ item.url }}">
<div class="program_item_media">
<figure class="program_item_figure">
{% include '@partial-image' with {
class: 'program_row_item',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
],
sizes: [
"(min-width: 1394px) 300px",
"(min-width: 1220px) 275px",
"(min-width: 980px) 195px",
"0"
]
} %}
</figure>
</div>
<div class="program_item_wrapper">
<div class="program_item_header">
<h3 class="program_item_title">
<span class="program_item_degree">{{ item.degree }} in</span> <span class="program_item_area">{{ item.area }}</span>
</h3>
</div>
<div class="program_item_body">
<p class="program_item_description">{{ item.description }}</p>
</div>
</div>
</a>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endfor %}
</div>
No notes defined.