<div class="values_stats component_has_radius">
<div class="values_stats_wrap">
<div class="fs-row">
<div class="fs-cell">
<div class="values_stats_inner">
<header class="values_stats_header">
<h2 class="values_stats_pre_title">
What Drives Us
</h2>
</header>
<div class="values_stats_carousel_wrap">
<div class="values_carousel js-values-carousel">
<div class="values_carousel_inner">
<div class="js-carousel-embla embla__overlay-controls" data-carousel-embla='{"loop":true,"autoplay":{"delay":4000,"playOnInit":false,"stopOnMouseEnter":false,"stopOnInteraction":true,"stopOnFocusIn":true}}'>
<div class="embla">
<div id="values-carousel-viewport-2" class="embla__viewport" data-js="viewport">
<ul class="embla__container" data-js="container">
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Compassion</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>A firm belief, expressed through an enthusiastic demeanor, that amid both the positive and challenging moments in life, there is a constant presence within us.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Duis</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Occaecat eiusmod dolore sit quis qui aliqua mollit incididunt. Dolor consequat eiusmod et ad incididunt tempor aliqua.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Tempor</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Tempor laborum non anim consectetur consequat do deserunt Lorem sunt ullamco anim magna exercitation est laborum.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Exercitation</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Laborum amet amet ea consectetur cupidatat est ad incididunt est. Amet eu laboris qui.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Labore</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Proident ut duis cupidatat anim consequat ullamco nostrud aute sit veniam eu deserunt non.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Fugiat</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Sint culpa velit adipisicing et laborum officia labore quis duis duis. Velit in et elit et excepteur ut.</p>
</div>
</div>
</li>
<li class="embla__slide">
<div class="values_carousel_item">
<h3 class="values_carousel_title">Consequat</h3>
<div class="values_carousel_duration_bar"></div>
<div class="values_carousel_desc">
<p>Irure sint sint exercitation consectetur aliqua dolor tempor proident incididunt eiusmod consequat non.</p>
</div>
</div>
</li>
</ul>
</div>
<div class="embla__controls" aria-controls="values-carousel-viewport-2">
<button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
<div class="embla__button-inner">
<svg class="icon icon_arrow_carousel_left">
<use href="/images/icons.svg#arrow_carousel_left" />
</svg>
</div>
</button>
<button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
<div class="embla__button-inner">
<svg class="icon icon_arrow_carousel_right">
<use href="/images/icons.svg#arrow_carousel_right" />
</svg>
</div>
</button>
</div>
<div class="values_carousel_toggle_btn_wrap">
<button type="button" class="values_carousel_toggle_btn" aria-label="Toggle Slider and Videos" aria-controls="values-carousel-viewport-2" data-js="btn-toggle">
<span class="values_carousel_toggle_btn_icon is_pause" disabled data-type="pause">
<svg class="icon icon_video_pause_alt">
<use href="/images/icons.svg#video_pause_alt" />
</svg>
</span>
<span class="values_carousel_toggle_btn_icon is_play" data-type="play">
<svg class="icon icon_video_play_alt">
<use href="/images/icons.svg#video_play_alt" />
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="values_stats_stats_wrap">
<div class="values_stats_stats_items">
<div class="values_stats_stats_item">
<div class="values_stat">
<header class="values_stat_header">
<h3 class="values_stat_title">
<span class="values_stat_pretitle">Top</span>
<span>10%</span>
</h3>
</header>
<div class="values_stat_body">
<div class="values_stat_desc">
<p>Best Colleges for Criminal Justice in the nation</p>
</div>
<p class="values_stat_source">niche.com</p>
</div>
<footer class="values_stat_footer">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Criminal Justice Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</footer>
</div>
</div>
<div class="values_stats_stats_item">
<div class="values_stat">
<header class="values_stat_header">
<h3 class="values_stat_title">
<span>#1</span>
</h3>
</header>
<div class="values_stat_body">
<div class="values_stat_desc">
<p>Undergraduate Forensic Science School in the nation</p>
</div>
<p class="values_stat_source">plexuss.com</p>
</div>
<footer class="values_stat_footer">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Forensic Science Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</footer>
</div>
</div>
<div class="values_stats_stats_item">
<div class="values_stat">
<header class="values_stat_header">
<h3 class="values_stat_title">
<span>#10</span>
</h3>
</header>
<div class="values_stat_body">
<div class="values_stat_desc">
<p>Among Regional Colleges in the North for top performers in social mobility</p>
</div>
<p class="values_stat_source">U.S. News & World Report</p>
</div>
<footer class="values_stat_footer">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Admissions & Aid</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</footer>
</div>
</div>
<div class="values_stats_stats_item">
<div class="values_stat">
<header class="values_stat_header">
<h3 class="values_stat_title">
<span>#8</span>
</h3>
</header>
<div class="values_stat_body">
<div class="values_stat_desc">
<p>Undergraduate Cybersecurity School in the nation</p>
</div>
<p class="values_stat_source">plexuss.com</p>
</div>
<footer class="values_stat_footer">
<a href="#" class="underline_link theme_gold">
<span class="underline_link_inner">
<span class="underline_link_label">Cybersecurity Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="values_stats component_has_radius">
<div class="values_stats_wrap">
<div class="fs-row">
<div class="fs-cell">
<div class="values_stats_inner">
<header class="values_stats_header">
<h2 class="values_stats_pre_title">
{{ pretitle }}
</h2>
</header>
<div class="values_stats_carousel_wrap">
{% include "@partial-values-carousel" with {
items: values
} %}
</div>
<div class="values_stats_stats_wrap">
<div class="values_stats_stats_items">
{% for item in stats %}
<div class="values_stats_stats_item">
<div class="values_stat">
<header class="values_stat_header">
<h3 class="values_stat_title">
{% if item.pretitle %}
<span class="values_stat_pretitle">{{ item.pretitle }}</span>
{% endif %}
<span>{{ item.stat }}</span>
</h3>
</header>
<div class="values_stat_body">
<div class="values_stat_desc">
<p>{{ item.description }}</p>
</div>
{% if item.source %}
<p class="values_stat_source">{{ item.source }}</p>
{% endif %}
</div>
<footer class="values_stat_footer">
{% include '@partial-link' with {
title: item.link.title,
url: item.link.href,
target: '',
class: 'underline',
js: false,
icon: 'arrow_right',
aria: '',
nowrap: true,
theme: 'gold'
} %}
</footer>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.