<!-- Card Group -->
<div class="card_group">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_header">
<div class="card_group_header_inner">
<h2 class="card_group_title">Related News</h2>
<a href="#" class="card_group_header_link">
<span class="card_group_header_link_inner">
<span class="card_group_header_link_label">View All News</span>
<span class="card_group_header_link_icon" aria-hidden="true">
<span class="card_group_header_link_icon_inner">
<span class="card_group_header_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
<div class="card_group_body">
<ul class="card_group_items card_count_4" aria-label="Related News">
<li class="card_group_item">
<div class="card_group_item_header">
<h2 class="card_group_item_title">
<a href="#" class="card_group_item_title_link">
<span class="card_group_item_title_link_inner">
<span class="card_group_item_title_link_label">Next Up: Fire Captain</span>
<span class="card_group_item_title_link_icon" aria-hidden="true">
<span class="card_group_item_title_link_icon_inner">
<span class="card_group_item_title_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="card_group_item_categories">
<div class="card_group_item_category_hint">Categories</div>
<ul class="card_group_item_category_list" aria-label="Categories">
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Emergency Medical Services</a>
</li>
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Next Up</a>
</li>
</ul>
</div>
</div>
<div class="card_group_item_body">
<div class="card_group_item_description">
<p>After graduating from Tyler’s emergency medical services – paramedic program, Damian Winn’s career is heating up. He’s gone from volunteer to full-time firefighter to paramedic mentor. With his sought-after paramedic skills, he’s not just putting out fires. He’s the crucial link in keeping people alive.</p>
</div>
</div>
</li>
<li class="card_group_item">
<div class="card_group_item_header">
<h2 class="card_group_item_title">
<a href="#" class="card_group_item_title_link">
<span class="card_group_item_title_link_inner">
<span class="card_group_item_title_link_label">Tyler Announces New Student Success Webinars</span>
<span class="card_group_item_title_link_icon" aria-hidden="true">
<span class="card_group_item_title_link_icon_inner">
<span class="card_group_item_title_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="card_group_item_categories">
<div class="card_group_item_category_hint">Categories</div>
<ul class="card_group_item_category_list" aria-label="Categories">
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Academics</a>
</li>
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Announcement</a>
</li>
</ul>
</div>
</div>
<div class="card_group_item_body">
<div class="card_group_item_description">
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis.</p>
</div>
</div>
</li>
<li class="card_group_item">
<div class="card_group_item_header">
<h2 class="card_group_item_title">
<a href="#" class="card_group_item_title_link">
<span class="card_group_item_title_link_inner">
<span class="card_group_item_title_link_label">Tyler Grad Designs Logo Supporting Frontline COVID Workers</span>
<span class="card_group_item_title_link_icon" aria-hidden="true">
<span class="card_group_item_title_link_icon_inner">
<span class="card_group_item_title_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="card_group_item_categories">
<div class="card_group_item_category_hint">Categories</div>
<ul class="card_group_item_category_list" aria-label="Categories">
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Graphic Design</a>
</li>
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Noteworthy Stories</a>
</li>
</ul>
</div>
</div>
<div class="card_group_item_body">
<div class="card_group_item_description">
<p>Mark Van Der Hyde is part of a family devoted to public service. His wife is a critical care nurse at Lowell General Hospital near Boston, while his Dad and brother are nurses, his sister works in a medical office, and his mom works in food service.</p>
</div>
</div>
</li>
<li class="card_group_item">
<div class="card_group_item_header">
<h2 class="card_group_item_title">
<a href="#" class="card_group_item_title_link">
<span class="card_group_item_title_link_inner">
<span class="card_group_item_title_link_label">John Tyler Community College Announces its Annual Student Award Winners</span>
<span class="card_group_item_title_link_icon" aria-hidden="true">
<span class="card_group_item_title_link_icon_inner">
<span class="card_group_item_title_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</h2>
<div class="card_group_item_categories">
<div class="card_group_item_category_hint">Categories</div>
<ul class="card_group_item_category_list" aria-label="Categories">
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Academics</a>
</li>
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="page-news-category.html">Announcement</a>
</li>
</ul>
</div>
</div>
<div class="card_group_item_body">
<div class="card_group_item_description">
<p>Each year, JTCC honors its students for their academic excellence, leadership, school pride, community service and more through its Student Awards Celebration. This year’s ceremony could not be held in person due to the pandemic, so the college announced award winners during a virtual ceremony, shared on social media.</p>
</div>
</div>
</li>
</ul>
</div>
<a href="#" class="card_group_discovery_link">
<span class="card_group_discovery_link_inner">
<span class="card_group_discovery_link_label">View all News</span>
<span class="card_group_discovery_link_icon" aria-hidden="true">
<span class="card_group_discovery_link_icon_inner">
<span class="card_group_discovery_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
<!-- END: Card Group -->
{% if items|length % 4 == 0 %}
{% set card_count = 4 %}
{% elseif items|length % 3 == 0 %}
{% set card_count = 3 %}
{% else %}
{% set card_count = 2 %}
{% endif %}
<!-- Card Group -->
<div class="card_group">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_header">
<div class="card_group_header_inner">
<h2 class="card_group_title">{{ title|title }}</h2>
{% render "@partial-link" with {
class: "card_group_header",
title: "View All News",
url: item.url,
icon: "caret_right"
} %}
</div>
</div>
<div class="card_group_body">
<ul class="card_group_items card_count_{{ card_count }}" {% if title %} aria-label="{{ title }}" {% endif %}>
{% for item in items %}
<li class="card_group_item">
{% if item.image %}
<figure class="card_group_item_figure">
{% render "@partial-image" with {
class: "card_group_item",
alt: "",
image: item.image,
sources: [
img("classic").sml,
img("classic").xsml,
img("classic").xxsml
]
} %}
</figure>
{% endif %}
<div class="card_group_item_header">
<h2 class="card_group_item_title">
{% render "@partial-link" with {
class: "card_group_item_title",
title: item.title,
url: item.url,
icon: "caret_right"
} %}
</h2>
{% if item.categories %}
<div class="card_group_item_categories">
<div class="card_group_item_category_hint">Categories</div>
<ul class="card_group_item_category_list" aria-label="Categories">
{% for category in item.categories %}
<li class="card_group_item_category">
<a class="card_group_item_category_link" href="{{ item.category_url }}">{{ category }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="card_group_item_body">
{% if item.description %}
<div class="card_group_item_description">
<p>{{ item.description }}</p>
</div>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
{% render '@partial-link' with {
title: "View all News",
url: "#",
class: "card_group_discovery",
icon: "caret_right"
} %}
</div>
</div>
</div>
<!-- END: Card Group -->
No notes defined.