<!-- Program List -->
<div class="js-accordion program_list">
<div class="fs-row">
<div class="fs-cell">
<div class="program_list_inner">
<ul class="program_list_items" id="item_list" aria-label="">
<li class="js-accordion-item js-program-item-1-1 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-1">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Applied Psychology</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
B.S., B.A. </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On-campus, Online </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Applied Psychology">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>Accounting has long been one of Stonehill’s most popular majors and one that attracts many of the Northeast’s best students.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Business Administration</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-2 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-2">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Business Administration</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major, Minor </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
Certificate </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
Hybrid </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Business Administration">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>The Certificate in Advanced Manufacturing & Integrated Photonics Program is a <a href="#">partnership initiative</a> designed to equip participants with the skills and experience needed to thrive in this burgeoning market.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Partnership Program</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-3 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-3">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Business Administration</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="graduate">
Graduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
B.A. </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Business Administration">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>The American Studies major symbolizes Stonehill’s commitment to interdisciplinary programs that foster deeper learning by examining topics from multiple perspectives. American Studies is an interdisciplinary endeavor to better understand the American nation, its cultures and the diverse histories of its peoples and communities. This broad approach helps students develop skills in critical inquiry, communication, cultural knowledge and self-reflection that in turn engender a desire to advance social justice.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-4 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-4">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Business Administration</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major, Minor </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
B.A. </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Business Administration">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>The anthropology program at Stonehill focuses on the holistic study and understanding of other cultures from an insider’s point of view and explores the diverse ways in which human beings perceive and order the social world.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Sociology & Criminology</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-5 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-5">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Film, Television and Photography</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="graduate">
Graduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Minor </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Film, Television and Photography">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>The Arabic Minor at Stonehill introduces students to the Modern Standard Arabic language as well as integrates aspects of Arabic history, culture, and contemporary events and issues. Minor can be combined with any number of majors, giving students a competitive advantage and unique set of skills. Minors are encouraged to study abroad, expanding their global knowledge and leadership. The study of languages, literatures and cultures is a cornerstone of the liberal arts education</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Languages, Literatures & Cultures</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-6 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-6">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">History</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="History">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p></p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Interdisciplinary</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-7 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-7">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Liberal Studies</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major, Minor </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
B.S. </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Liberal Studies">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>Stonehill’s biochemistry program draws on the disciplines of biology and chemistry. It combines technical training and the liberal arts, resulting in superb scientists who are also well-rounded lifelong learners.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Chemistry</a>
</span>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-program-item-1-8 program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".js-program-item-1-8">
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">Music</span>
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_heading_detail_data" data-level="undergraduate">
Undergraduate
</span>
</div>
</span>
<div class="program_item_heading_major_minor">
Major </div>
</span>
<span class="program_item_heading_group_two">
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
B.S., B.A. </span>
</span>
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
On Campus </span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="Music">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>The Stonehill Biology Program prepares students for life sciences graduate programs and professional programs in medical, allied health and environmental fields. It also prepares graduates for direct entry into the workforce.</p>
</div>
<div class="program_item_links">
<a href="page-program-detail.html" class="program_item_link" aria-label="NaN">
<span class="program_item_link_inner">
<span class="program_item_link_label">Program Detail</span><span class="program_item_link_icon" data-nowrap="true" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="program_item_details">
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="#">Biology</a>
</span>
</div>
</div>
</div>
</div>
</li>
</ul>
<!-- Pagination -->
<div class="pagination">
<nav class="pagination_nav" aria-label="Program Pagination">
<ul class="pagination_nav_list">
</ul>
</nav>
</div>
<!-- END: Pagination -->
</div>
</div>
</div>
</div>
<!-- END: Program List -->
{#
{% include '@partial-program-list' with {
grouped: false,
items: [
{
title: 'Title',
description: 'Description',
url: '#',
mode: ['Mode'],
level: ['Level'],
department: {
url: '#',
label: 'Department'
},
degree: ['Degree']
}
]
} %}
#}
{% set id = uniqid('js-program-item') %}
{% set group_id = uniqid('program-group') %}
<!-- Program List -->
<div class="js-accordion program_list">
<div class="fs-row">
<div class="fs-cell">
<div class="program_list_inner">
<ul class="program_list_items" id="item_list" aria-label="{{ page.title }}">
{% for item in items %}
<li class="js-accordion-item {{ id }}-{{ loop.index }} program_item">
<h2 class="program_item_heading">
<button class="js-accordion-swap js-swap program_item_button" data-swap-target=".{{ id }}-{{ loop.index }}" {% if grouped == true %} data-swap-group="{{ group_id }}" {% endif %}>
<span class="program_item_heading_inner">
<span class="program_item_heading_label">
<span class="program_item_heading_group_one">
<span class="program_item_heading_title">{{ item.title }}</span>
{% if item.level %}
<span class="program_item_heading_levels">
<div class="program_item_heading_detail">
<span class="program_item_heading_detail_label">Degree Level<span class="program_item_detail_label_hint">:</span> </span>
{% for item in item.level %}
<span class="program_item_heading_detail_data" data-level="{{ item|lower }}">
{{ item }}
</span>
{% endfor %}
</div>
</span>
{% endif %}
{% if item.major or item.minor %}
<div class="program_item_heading_major_minor">
{% if item.major %}Major{% endif %}{% if item.major and item.minor %}, {% endif %}{% if item.minor %}Minor{% endif %}
</div>
{% endif %}
</span>
<span class="program_item_heading_group_two">
{% if item.degree %}
<span class="program_item_heading_degree">
<span class="program_item_heading_detail_label">Degree<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_heading_data">
{% for item in item.degree %}
{{ item }}{% if not loop.last %}, {% endif %}
{% endfor %}
</span>
</span>
{% endif %}
<span class="program_item_heading_mode">
<span class="program_item_heading_mode_label">Learning Mode<span class="program_item_heading_mode_label_hint">:</span> </span>
<span class="program_item_heading_mode_data">
{% for item in item.mode %}
{{ item }}{% if not loop.last %}, {% endif %}
{% endfor %}
</span>
</span>
</span>
</span>
<span class="program_item_heading_icon"></span>
</span>
</button>
</h2>
<div class="js-accordion-content program_item_content" aria-label="{{ item.title }}">
<div class="program_item_content_inner">
<div class="program_item_content_group">
<div class="program_item_description typography">
<p>{{ item.description }}</p>
</div>
{% if item.url %}
<div class="program_item_links">
{% include '@partial-link' with {
class: 'program_item',
title: 'Program Detail',
url: item.url,
aria: item.title + ' Program Detail',
nowrap: true,
icon: "arrow_right"
} %}
</div>
{% endif %}
</div>
<div class="program_item_details">
{% if item.department %}
<div class="program_item_detail department">
<span class="program_item_detail_label">Department<span class="program_item_detail_label_hint">:</span> </span>
<span class="program_item_detail_data">
<a class="program_item_detail_data_link" href="{{ item.department.url }}">{{ item.department.label }}</a>
</span>
</div>
{% endif %}
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
{% include '@partial-pagination' with {
title: 'Program Pagination',
pages: 50
} %}
</div>
</div>
</div>
</div>
<!-- END: Program List -->
No notes defined.