<!-- Card Group -->
<div class="facts_stats">
<div class="facts_stats_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="facts_stats_header_inner">
<h2 class="facts_stats_title">Facts & Stats</h2>
<div class="facts_stats_description">
<p>This is the most significant investment you and your family will ever make.</p>
</div>
</div>
</div>
</div>
</div>
<div class="facts_stats_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="facts_stats_items card_count_4" aria-label="Facts & Stats">
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
<svg class="icon icon_laptop">
<use href="/images/icons.svg#laptop" />
</svg>
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">37%</span>
</h3>
<div class="facts_stats_item_description">
<p>of freshmen receive a <a href="">Presidential Scholarship</a></p>
</div>
</div>
</li>
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
<svg class="icon icon_calendar_large">
<use href="/images/icons.svg#calendar_large" />
</svg>
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">$18,821</span>
</h3>
<div class="facts_stats_item_description">
<p>average first-year Presidential Scholarship award</p>
</div>
</div>
</li>
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
<svg class="icon icon_graduation_cap">
<use href="/images/icons.svg#graduation_cap" />
</svg>
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">$30,599</span>
</h3>
<div class="facts_stats_item_description">
<p>average financial aid award for incoming freshmen</p>
</div>
</div>
</li>
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
<svg class="icon icon_networking">
<use href="/images/icons.svg#networking" />
</svg>
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">97%</span>
</h3>
<div class="facts_stats_item_description">
<p>of MU students qualify for financial assistance</p>
</div>
</div>
</li>
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
<svg class="icon icon_friends">
<use href="/images/icons.svg#friends" />
</svg>
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">100%</span>
</h3>
<div class="facts_stats_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
{#
{% include '@component-card-group' with {
title: 'Title',
description: 'Description',
items: [
{
image: '1',
title: 'Item Title',
description: 'Item Description'
}
]
} %}
#}
{% if items|length % 3 == 0 %}
{% set card_count = 3 %}
{% elseif items|length < 3 %}
{% set card_count = 2 %}
{% else %}
{% set card_count = 4 %}
{% endif %}
<!-- Card Group -->
<div class="facts_stats">
{% if title or description %}
<div class="facts_stats_header">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<div class="facts_stats_header_inner">
{% if title %}
<h2 class="facts_stats_title">{{ title }}</h2>
{% endif %}
{% if description %}
<div class="facts_stats_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="facts_stats_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="facts_stats_items card_count_{{ card_count }}" {% if title %} aria-label="{{ title }}" {% endif %}>
{% for item in items %}
<li class="facts_stats_item">
<div class="facts_stats_item_figure">
<span class="facts_stats_item_icon">
{{ icon(item.icon) }}
</span>
</div>
<div class="facts_stats_item_body">
<h3 class="facts_stats_item_stat">
<span class="facts_stats_item_stat_figure">{{ item.stat.figure }}</span>
</h3>
<div class="facts_stats_item_description">
<p>{{ item.description }}</p>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
No notes defined.