<div class="news_list">
<div class="fs-row">
<div class="fs-cell">
<div class="news_list_inner">
<ul class="news_list_items" id="item_list" aria-label="">
<li class="news_list_item">
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="#" aria-label="Read more about Next Up: Fire Captain" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/300x200/1" data-srcset="//images.fastspot.com/jtcc/300x200/1 300w, //images.fastspot.com/jtcc/500x334/1 500w, //images.fastspot.com/jtcc/740x494/1 740w, //images.fastspot.com/jtcc/980x654/1 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/jtcc/980x654/1" srcset="//images.fastspot.com/jtcc/980x654/1 980w, //images.fastspot.com/jtcc/740x494/1 740w, //images.fastspot.com/jtcc/500x334/1 500w, //images.fastspot.com/jtcc/300x200/1 300w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="#" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Next Up: Fire Captain</span>
<span class="news_item_title_link_icon" aria-hidden="true">
<span class="news_item_title_link_icon_inner">
<span class="news_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="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Emergency Medical Services</a>
</li>
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Next Up</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_item_detail_hint">Published:
</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
</div>
<div class="news_item_detail news_item_author">
<span class="news_item_detail_hint">by
</span>
<span class="news_item_detail_label">Author</span>
</div>
</div>
<div class="news_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>
</div>
</div>
<!-- END: News Item -->
</li>
<li class="news_list_item">
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="#" aria-label="Read more about Tyler Announces New Student Success Webinars" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/300x200/2" data-srcset="//images.fastspot.com/jtcc/300x200/2 300w, //images.fastspot.com/jtcc/500x334/2 500w, //images.fastspot.com/jtcc/740x494/2 740w, //images.fastspot.com/jtcc/980x654/2 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/jtcc/980x654/2" srcset="//images.fastspot.com/jtcc/980x654/2 980w, //images.fastspot.com/jtcc/740x494/2 740w, //images.fastspot.com/jtcc/500x334/2 500w, //images.fastspot.com/jtcc/300x200/2 300w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="#" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Tyler Announces New Student Success Webinars</span>
<span class="news_item_title_link_icon" aria-hidden="true">
<span class="news_item_title_link_icon_inner">
<span class="news_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="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Academics</a>
</li>
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Announcement</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_item_detail_hint">Published:
</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
</div>
<div class="news_item_detail news_item_author">
<span class="news_item_detail_hint">by
</span>
<span class="news_item_detail_label">Author</span>
</div>
</div>
<div class="news_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>
</div>
</div>
<!-- END: News Item -->
</li>
<li class="news_list_item">
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="#" aria-label="Read more about Tyler Grad Designs Logo Supporting Frontline COVID Workers" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/300x200/3" data-srcset="//images.fastspot.com/jtcc/300x200/3 300w, //images.fastspot.com/jtcc/500x334/3 500w, //images.fastspot.com/jtcc/740x494/3 740w, //images.fastspot.com/jtcc/980x654/3 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/jtcc/980x654/3" srcset="//images.fastspot.com/jtcc/980x654/3 980w, //images.fastspot.com/jtcc/740x494/3 740w, //images.fastspot.com/jtcc/500x334/3 500w, //images.fastspot.com/jtcc/300x200/3 300w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="#" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">Tyler Grad Designs Logo Supporting Frontline COVID Workers</span>
<span class="news_item_title_link_icon" aria-hidden="true">
<span class="news_item_title_link_icon_inner">
<span class="news_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="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Graphic Design</a>
</li>
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Noteworthy Stories</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_item_detail_hint">Published:
</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
</div>
<div class="news_item_detail news_item_author">
<span class="news_item_detail_hint">by
</span>
<span class="news_item_detail_label">Author</span>
</div>
</div>
<div class="news_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>
</div>
</div>
<!-- END: News Item -->
</li>
<li class="news_list_item">
<div class="news_item">
<figure class="news_item_figure">
<a class="news_item_figure_link" href="#" aria-label="Read more about John Tyler Community College Announces its Annual Student Award Winners" tabindex="-1">
<span class="lazy_image_wrapper news_item_image_wrapper">
<img class="js-lazy js-lazyload news_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/300x200/4" data-srcset="//images.fastspot.com/jtcc/300x200/4 300w, //images.fastspot.com/jtcc/500x334/4 500w, //images.fastspot.com/jtcc/740x494/4 740w, //images.fastspot.com/jtcc/980x654/4 980w" alt="">
</span>
<noscript>
<img class="news_item_image" src="https://images.fastspot.com/jtcc/980x654/4" srcset="//images.fastspot.com/jtcc/980x654/4 980w, //images.fastspot.com/jtcc/740x494/4 740w, //images.fastspot.com/jtcc/500x334/4 500w, //images.fastspot.com/jtcc/300x200/4 300w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="news_item_wrapper">
<div class="news_item_header">
<h2 class="news_item_title">
<a href="#" class="news_item_title_link">
<span class="news_item_title_link_inner">
<span class="news_item_title_link_label">John Tyler Community College Announces its Annual Student Award Winners</span>
<span class="news_item_title_link_icon" aria-hidden="true">
<span class="news_item_title_link_icon_inner">
<span class="news_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="news_item_categories">
<div class="news_item_category_hint">Categories</div>
<ul class="news_item_category_list" aria-label="Categories">
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Academics</a>
</li>
<li class="news_item_category">
<a class="news_item_category_link" href="page-news-category.html">Announcement</a>
</li>
</ul>
</div>
</div>
<div class="news_item_body">
<div class="news_item_details">
<div class="news_item_detail news_item_date">
<span class="news_item_detail_hint">Published:
</span>
<time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
</div>
<div class="news_item_detail news_item_author">
<span class="news_item_detail_hint">by
</span>
<span class="news_item_detail_label">Author</span>
</div>
</div>
<div class="news_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>
</div>
</div>
<!-- END: News Item -->
</li>
</ul>
<div class="pagination js-pagination-via-url">
<nav class="pagination_nav" aria-label="Template Pagination">
<a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_left">
<use href="/images/icons.svg#caret_left" />
</svg>
</span>
<span class="pagination_arrow_label">Previous Page</span>
</a>
<a class="pagination_arrow pagination_arrow_right" href="#">
<span class="pagination_arrow_label">Next Page</span>
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</nav>
<form class="pagination_form" action="" method="get">
<div class="pagination_form_inner">
<label class="pagination_form_label" for="pagination_form_select">Page</label>
<div class="pagination_form_select_wrapper">
<select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
<option value="https://dev.jtcc.edu/news/P1">1</option>
<option value="https://dev.jtcc.edu/news/P2">2</option>
<option value="https://dev.jtcc.edu/news/P3">3</option>
<option value="https://dev.jtcc.edu/news/P4">4</option>
<option value="https://dev.jtcc.edu/news/P5">5</option>
<option value="https://dev.jtcc.edu/news/P6">6</option>
<option value="https://dev.jtcc.edu/news/P7">7</option>
<option value="https://dev.jtcc.edu/news/P8">8</option>
<option value="https://dev.jtcc.edu/news/P9">9</option>
<option value="https://dev.jtcc.edu/news/P10">10</option>
<option value="https://dev.jtcc.edu/news/P11">11</option>
<option value="https://dev.jtcc.edu/news/P12">12</option>
<option value="https://dev.jtcc.edu/news/P13">13</option>
<option value="https://dev.jtcc.edu/news/P14">14</option>
<option value="https://dev.jtcc.edu/news/P15">15</option>
<option value="https://dev.jtcc.edu/news/P16">16</option>
<option value="https://dev.jtcc.edu/news/P17">17</option>
<option value="https://dev.jtcc.edu/news/P18">18</option>
<option value="https://dev.jtcc.edu/news/P19">19</option>
<option value="https://dev.jtcc.edu/news/P20">20</option>
<option value="https://dev.jtcc.edu/news/P21">21</option>
<option value="https://dev.jtcc.edu/news/P22">22</option>
<option value="https://dev.jtcc.edu/news/P23">23</option>
<option value="https://dev.jtcc.edu/news/P24">24</option>
<option value="https://dev.jtcc.edu/news/P25">25</option>
<option value="https://dev.jtcc.edu/news/P26">26</option>
<option value="https://dev.jtcc.edu/news/P27">27</option>
<option value="https://dev.jtcc.edu/news/P28">28</option>
<option value="https://dev.jtcc.edu/news/P29">29</option>
<option value="https://dev.jtcc.edu/news/P30">30</option>
<option value="https://dev.jtcc.edu/news/P31">31</option>
<option value="https://dev.jtcc.edu/news/P32">32</option>
<option value="https://dev.jtcc.edu/news/P33">33</option>
<option value="https://dev.jtcc.edu/news/P34">34</option>
<option value="https://dev.jtcc.edu/news/P35">35</option>
<option value="https://dev.jtcc.edu/news/P36">36</option>
<option value="https://dev.jtcc.edu/news/P37">37</option>
<option value="https://dev.jtcc.edu/news/P38">38</option>
<option value="https://dev.jtcc.edu/news/P39">39</option>
<option value="https://dev.jtcc.edu/news/P40">40</option>
<option value="https://dev.jtcc.edu/news/P41">41</option>
<option value="https://dev.jtcc.edu/news/P42">42</option>
<option value="https://dev.jtcc.edu/news/P43">43</option>
<option value="https://dev.jtcc.edu/news/P44">44</option>
<option value="https://dev.jtcc.edu/news/P45">45</option>
<option value="https://dev.jtcc.edu/news/P46">46</option>
<option value="https://dev.jtcc.edu/news/P47">47</option>
<option value="https://dev.jtcc.edu/news/P48">48</option>
<option value="https://dev.jtcc.edu/news/P49">49</option>
<option value="https://dev.jtcc.edu/news/P50">50</option>
</select>
<span class="pagination_form_select_icon">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
<span class="pagination_form_suffix">of
50</span>
<button class="pagination_form_button" type="submit" aria-label="View Page">
<span class="pagination_form_button_label">Go</span>
<span class="pagination_form_button_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="news_list">
<div class="fs-row">
<div class="fs-cell">
<div class="news_list_inner">
<ul class="news_list_items" id="item_list" aria-label="{{ page.title }}">
{% for item in items %}
<li class="news_list_item">
{% render "@partial-news-item" with {
item: item
} %}
</li>
{% endfor %}
</ul>
{% render "@partial-pagination" %}
</div>
</div>
</div>
</div>
No notes defined.