<!-- Theme Cards -->
<div class="js-anim js-themes themes">
<div class="fs-row">
<div class="fs-cell">
<div class="themes_inner">
<div class="themes_header">
<h2 class="themes_title">
<span class="themes_title_label">Facing Challenges Together</span>
</h2>
<div class="themes_description">
<p>Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p>
</div>
</div>
<div class="themes_body">
<ul class="themes_list" aria-label="Facing Challenges Together">
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/14 555w, https://images.fastspot.com/jhusoe/375x500/14 375w, https://images.fastspot.com/jhusoe/225x300/14 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/14" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Mental Health</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Students and clients increasingly are being diagnosed with mental health disorders, challenging educators to move beyond an emphasis on academic achievement to one addressing mental health and social-emotional well-being.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/13 555w, https://images.fastspot.com/jhusoe/375x500/13 375w, https://images.fastspot.com/jhusoe/225x300/13 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/13" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Entrepreneurial Mindest</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>States and districts are experimenting with policy approaches that emphasize entrepreneurial solutions to school safety and early childhood education, and for-profit startups are competing with nonprofit, traditional providers.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/12 555w, https://images.fastspot.com/jhusoe/375x500/12 375w, https://images.fastspot.com/jhusoe/225x300/12 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/12" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Equity in Education</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Education occurs in a context of growing societal and racial inequity—particularly in cities like Baltimore. Through our operation of the Henderson-Hopkins School, we have seen how local challenges reflect global ones.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/11 555w, https://images.fastspot.com/jhusoe/375x500/11 375w, https://images.fastspot.com/jhusoe/225x300/11 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/11" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Rigorous Research</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>Research funders and consumers of research are requiring more rigorous studies that demonstrate the capacity to change practice at scale and make a lasting, positive impact.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
<img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/555x740/10 555w, https://images.fastspot.com/jhusoe/375x500/10 375w, https://images.fastspot.com/jhusoe/225x300/10 225w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/225x300/10" alt="" loading="lazy" width="225" height="300">
</figure>
</div>
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">Innovating Funding</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>As the challenges and their solutions become more complex, securing financial resources requires more innovation and responsiveness.</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Theme Cards -->
{#
{% include '@component-theme-cards' with {
title: 'Title',
description: 'Description',
full_bleed: true,
items: [
{
title: 'Item Title',
image: '1',
alt: '',
description: 'Item Description'
}
]
} %}
#}
<!-- Theme Cards -->
<div class="js-anim js-themes themes">
<div class="fs-row">
<div class="fs-cell">
<div class="themes_inner">
<div class="themes_header">
<h2 class="themes_title">
<span class="themes_title_label">{{ title }}</span>
</h2>
{% if description %}
<div class="themes_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
<div class="themes_body">
<ul class="themes_list" aria-label="{{ title }}">
{% for item in items %}
<li class="js-theme-item theme_item">
<div class="theme_item_inner">
{% if full_bleed == true %}
<div class="theme_item_media full_bleed">
<figure class="theme_item_figure">
{% include '@partial-image' with {
class: 'theme_item',
alt: image.alt,
image: item.image,
loading: 'lazy',
sources: [
img.portraitFull.sml,
img.portraitFull.xsml,
img.portraitFull.xxsml
],
sizes: [
'(min-width: 980px) 180px',
'135px'
]
} %}
</figure>
</div>
{% else %}
<div class="theme_item_media inset">
<figure class="theme_item_figure">
{% include '@partial-image' with {
class: 'theme_item',
alt: image.alt,
image: item.image,
loading: 'lazy',
sources: [
img.square.xsml,
img.square.xxsml,
img.square.thumb
],
sizes: [
'(min-width: 980px) 180px',
'135px'
]
} %}
</figure>
</div>
{% endif %}
<div class="theme_item_wrapper">
<div class="theme_item_header">
<h3 class="theme_item_title">{{ item.title }}</h3>
</div>
<div class="theme_item_body">
<div class="theme_item_description">
<p>{{ item.description }}</p>
</div>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Theme Cards -->
No notes defined.