<div class="news_featured">
<div class="news_featured_small">
<div class="news_featured_main">
<div class="news_featured_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_primary_inner">
<h2 class="news_featured_title">Featured News</h2>
<div class="news_featured_primary_group">
<div class="news_featured_primary_header">
<h3 class="news_featured_primary_title">
<a class="news_featured_primary_title_link" href="#">Bringing “People Power” to Academic Success</a>
</h3>
<p class="news_featured_primary_category">
<span class="news_featured_primary_category_label">Research</span>
</p>
</div>
<div class="news_featured_primary_description">
<p>The National Partnership for Student Success, with U.S. Department of Education and AmeriCorps, will help students recover from impact of COVID-19 pandemic</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_secondary small">
<div class="news_featured_secondary_inner">
<div class="js-slick news_featured_secondary_list" data-slick='{"regionLabel": "Featured News", "arrows": false, "dots": true, "appendDots": ".news_featured_secondary_pagination", "infinite": false, "mobileFirst": true, "variableWidth": true, "responsive": [{"breakpoint": 634, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "variableWidth": false}}]}'>
<div class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/2 500w, https://images.fastspot.com/jhusoe/300x169/2 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/2" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</div>
<div class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/3 500w, https://images.fastspot.com/jhusoe/300x169/3 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/3" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</div>
<div class="news_featured_secondary_item theme_orange_gem">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">Can We Stop Gun Violence in America?</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/4 500w, https://images.fastspot.com/jhusoe/300x169/4 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/4" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Voices</p>
</div>
</div>
</div>
</div>
<div class="news_featured_secondary_pagination carousel_pagination"></div>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
<div class="news_featured_secondary large">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_secondary_inner">
<ul class="news_featured_secondary_list" aria-label="Featured News">
<li class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/2 500w, https://images.fastspot.com/jhusoe/300x169/2 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/2" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</li>
<li class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/3 500w, https://images.fastspot.com/jhusoe/300x169/3 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/3" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</li>
<li class="news_featured_secondary_item theme_orange_gem">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">Can We Stop Gun Violence in America?</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/500x282/4 500w, https://images.fastspot.com/jhusoe/300x169/4 300w" sizes="(min-width: 980px) 0, (min-width: 740px) 212px, 290px" src="https://images.fastspot.com/jhusoe/300x169/4" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Voices</p>
</div>
</div>
</li>
</ul>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_sidebar">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_sidebar_inner">
<div class="news_featured_sidebar_header">
<h3 class="news_featured_sidebar_title">In the headlines</h3>
</div>
<ul class="news_featured_sidebar_list" aria-label="In the headlines">
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Facing Regional Shortages, U.S. Schools Now Employing 160,000 'Underqualified' Teachers</h4>
<p class="news_featured_sidebar_item_meta">
<a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">The74</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-10-05 17:00:00">Oct 5</time>
</p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Student absenteeism skyrocketed in the pandemic as test scores plunged</h4>
<p class="news_featured_sidebar_item_meta">
<a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">Washington Post</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-29 17:00:00">Sep 29</time>
</p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Off-the-Shelf or Custom-Made? Why Some Districts Are Designing Their Own Curriculum</h4>
<p class="news_featured_sidebar_item_meta">
<a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">EducationWeek</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-29 17:00:00">Sep 29</time>
</p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Reading and Math Scores Plummeted During Pandemic, New Data Show</h4>
<p class="news_featured_sidebar_item_meta">
<a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">The Wall Street Journal</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-15 17:00:00">Sep 15</time>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_large">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_inner">
<div class="news_featured_main">
<div class="news_featured_primary">
<div class="news_featured_primary_inner">
<h2 class="news_featured_title">Featured News</h2>
<div class="news_featured_primary_group">
<div class="news_featured_primary_header">
<h3 class="news_featured_primary_title">
<a class="news_featured_primary_title_link" href="#">Bringing “People Power” to Academic Success</a>
</h3>
<p class="news_featured_primary_category">
<span class="news_featured_primary_category_label">Research</span>
</p>
</div>
<div class="news_featured_primary_description">
<p>The National Partnership for Student Success, with U.S. Department of Education and AmeriCorps, will help students recover from impact of COVID-19 pandemic</p>
</div>
</div>
</div>
</div>
<div class="news_featured_secondary">
<div class="news_featured_secondary_inner">
<ul class="news_featured_secondary_list" aria-label="Featured News">
<li class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/740x416/2 740w, https://images.fastspot.com/jhusoe/500x282/2 500w, https://images.fastspot.com/jhusoe/300x169/2 300w" sizes="(min-width: 1394px) 286px, (min-width: 1220px) 250px, (min-width: 980px) 200px, 0" src="https://images.fastspot.com/jhusoe/300x169/2" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</li>
<li class="news_featured_secondary_item theme_blue_brand">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/740x416/3 740w, https://images.fastspot.com/jhusoe/500x282/3 500w, https://images.fastspot.com/jhusoe/300x169/3 300w" sizes="(min-width: 1394px) 286px, (min-width: 1220px) 250px, (min-width: 980px) 200px, 0" src="https://images.fastspot.com/jhusoe/300x169/3" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Research</p>
</div>
</div>
</li>
<li class="news_featured_secondary_item theme_orange_gem">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="#">Can We Stop Gun Violence in America?</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
<img class="news_featured_secondary_image" srcset="https://images.fastspot.com/jhusoe/740x416/4 740w, https://images.fastspot.com/jhusoe/500x282/4 500w, https://images.fastspot.com/jhusoe/300x169/4 300w" sizes="(min-width: 1394px) 286px, (min-width: 1220px) 250px, (min-width: 980px) 200px, 0" src="https://images.fastspot.com/jhusoe/300x169/4" alt="" loading="lazy" width="300" height="169">
</figure>
<p class="news_featured_secondary_category">Voices</p>
</div>
</div>
</li>
</ul>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
</div>
<div class="news_featured_sidebar">
<div class="news_featured_sidebar_inner">
<div class="news_featured_sidebar_header">
<h3 class="news_featured_sidebar_title">In the headlines</h3>
</div>
<ul class="news_featured_sidebar_list" aria-label="In the headlines">
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Facing Regional Shortages, U.S. Schools Now Employing 160,000 'Underqualified' Teachers</h4>
<p class="news_featured_sidebar_item_meta"><a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">The74</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-10-05 17:00:00">Oct 5</time></p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Student absenteeism skyrocketed in the pandemic as test scores plunged</h4>
<p class="news_featured_sidebar_item_meta"><a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">Washington Post</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-29 17:00:00">Sep 29</time></p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Off-the-Shelf or Custom-Made? Why Some Districts Are Designing Their Own Curriculum</h4>
<p class="news_featured_sidebar_item_meta"><a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">EducationWeek</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-29 17:00:00">Sep 29</time></p>
</li>
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">Reading and Math Scores Plummeted During Pandemic, New Data Show</h4>
<p class="news_featured_sidebar_item_meta"><a class="news_featured_sidebar_item_source" href="#"><span class="news_featured_sidebar_item_source_label">The Wall Street Journal</span></a> - <time class="news_featured_sidebar_item_date" datetime="2023-09-15 17:00:00">Sep 15</time></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
{#
{% include '@component-featured-news' with {
title: 'Title',
primary: {
title: 'Main Title',
category: 'Main Category',
description: 'Main Description',
url: '#'
},
secondary: [
{
theme: 'color',
title: 'Secondary Title',
category: 'Secondary Category',
image: '1',
alt: '',
url: ''
}
],
sidebar: [
{
title: 'Sidebar Title',
source: {
url: 'Sidebar Category',
label: 'Sidebar Category'
},
date: '2019-01-01 17:00:00'
}
]
} %}
#}
<div class="news_featured">
<div class="news_featured_small">
<div class="news_featured_main">
<div class="news_featured_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_primary_inner">
<h2 class="news_featured_title">{{ title ?: "Featured News" }}</h2>
<div class="news_featured_primary_group">
<div class="news_featured_primary_header">
<h3 class="news_featured_primary_title">
<a class="news_featured_primary_title_link" href="{{ primary.url }}">{{ primary.title }}</a>
</h3>
<p class="news_featured_primary_category">
<span class="news_featured_primary_category_label">{{ primary.category }}</span>
</p>
</div>
<div class="news_featured_primary_description">
<p>{{ primary.description }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_secondary small">
<div class="news_featured_secondary_inner">
<div class="js-slick news_featured_secondary_list" data-slick='{"regionLabel": "{{ title ?: 'Featured News' }}", "arrows": false, "dots": true, "appendDots": ".news_featured_secondary_pagination", "infinite": false, "mobileFirst": true, "variableWidth": true, "responsive": [{"breakpoint": 634, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "variableWidth": false}}]}'>
{% for item in secondary %}
<div class="news_featured_secondary_item theme_{{ item.theme }}">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="{{ item.url }}">{{ item.title }}</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
{% include '@partial-image' with {
class: 'news_featured_secondary',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 980px) 0',
'(min-width: 740px) 212px',
'290px'
]
} %}
</figure>
<p class="news_featured_secondary_category">{{ item.category }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="news_featured_secondary_pagination carousel_pagination"></div>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
<div class="news_featured_secondary large">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_secondary_inner">
<ul class="news_featured_secondary_list" aria-label="{{ title ?: "Featured News" }}">
{% for item in secondary %}
<li class="news_featured_secondary_item theme_{{ item.theme }}">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="{{ item.url }}">{{ item.title }}</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
{% include '@partial-image' with {
class: 'news_featured_secondary',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 980px) 0',
'(min-width: 740px) 212px',
'290px'
]
} %}
</figure>
<p class="news_featured_secondary_category">{{ item.category }}</p>
</div>
</div>
</li>
{% endfor %}
</ul>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_sidebar">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_sidebar_inner">
<div class="news_featured_sidebar_header">
<h3 class="news_featured_sidebar_title">In the headlines</h3>
</div>
<ul class="news_featured_sidebar_list" aria-label="In the headlines">
{% for item in sidebar %}
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">{{ item.title }}</h4>
<p class="news_featured_sidebar_item_meta">
<a class="news_featured_sidebar_item_source" href="{{ item.source.url }}"><span class="news_featured_sidebar_item_source_label">{{ item.source.label }}</span></a> - <time class="news_featured_sidebar_item_date" datetime="{{ item.date }}">{{ item.date|date('M j') }}</time>
</p>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="news_featured_large">
<div class="fs-row">
<div class="fs-cell">
<div class="news_featured_inner">
<div class="news_featured_main">
<div class="news_featured_primary">
<div class="news_featured_primary_inner">
<h2 class="news_featured_title">{{ title ?: "Featured News" }}</h2>
<div class="news_featured_primary_group">
<div class="news_featured_primary_header">
<h3 class="news_featured_primary_title">
<a class="news_featured_primary_title_link" href="{{ primary.url }}">{{ primary.title }}</a>
</h3>
<p class="news_featured_primary_category">
<span class="news_featured_primary_category_label">{{ primary.category }}</span>
</p>
</div>
<div class="news_featured_primary_description">
<p>{{ primary.description }}</p>
</div>
</div>
</div>
</div>
<div class="news_featured_secondary">
<div class="news_featured_secondary_inner">
<ul class="news_featured_secondary_list" aria-label="{{ title ?: "Featured News" }}">
{% for item in secondary %}
<li class="news_featured_secondary_item theme_{{ item.theme }}">
<div class="news_featured_secondary_item_inner">
<h3 class="news_featured_secondary_title">
<a class="news_featured_secondary_title_link" href="{{ item.url }}">{{ item.title }}</a>
</h3>
<div class="news_featured_secondary_media">
<figure class="news_featured_secondary_figure">
{% include '@partial-image' with {
class: 'news_featured_secondary',
alt: item.alt,
image: item.image,
loading: 'lazy',
sources: [
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 1394px) 286px',
'(min-width: 1220px) 250px',
'(min-width: 980px) 200px',
'0'
]
} %}
</figure>
<p class="news_featured_secondary_category">{{ item.category }}</p>
</div>
</div>
</li>
{% endfor %}
</ul>
<div class="news_featured_more">
<a class="news_featured_more_link" href="#">
<span class="news_featured_more_link_label">View all News</span>
</a>
</div>
</div>
</div>
</div>
<div class="news_featured_sidebar">
<div class="news_featured_sidebar_inner">
<div class="news_featured_sidebar_header">
<h3 class="news_featured_sidebar_title">In the headlines</h3>
</div>
<ul class="news_featured_sidebar_list" aria-label="In the headlines">
{% for item in sidebar %}
<li class="news_featured_sidebar_item">
<h4 class="news_featured_sidebar_item_title">{{ item.title }}</h4>
<p class="news_featured_sidebar_item_meta"><a class="news_featured_sidebar_item_source" href="{{ item.source.url }}"><span class="news_featured_sidebar_item_source_label">{{ item.source.label }}</span></a> - <time class="news_featured_sidebar_item_date" datetime="{{ item.date }}">{{ item.date|date('M j') }}</time></p>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
No notes defined.