<div class="news_related">
<div class="news_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_header_inner">
<h2 class="news_related_title">Related News</h2>
<div class="news_related_action">
<a href="#" class="news_related_link">
<span class="news_related_link_inner">
<span class="news_related_link_label">View All News</span>
<span class="news_related_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="news_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="news_related_items" aria-label="Related News">
<li class="news_related_item">
<div class="news_card ">
<div class="news_card_grid">
<div class="news_card_grid_item is_media">
<a href="#" aria-label="Machine learning helps scientists see how the brain adapts to different environments">
<figure class="news_card_figure">
<img class="news_card_image" srcset="https://images.fastspot.com/framework/740x494/1 740w, https://images.fastspot.com/framework/500x334/1 500w, https://images.fastspot.com/framework/300x200/1 300w" sizes="(min-width: 1220px) 402px, (min-width: 740px) 445px, 90vw" src="https://images.fastspot.com/framework/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
</a>
</div>
<div class="news_card_grid_item is_body">
<div class="news_card_body">
<div class="news_card_meta">
<div class="news_card_meta_item">
<a href="#">Data Science</a>
</div>
</div>
<div class="news_card_title_wrap">
<h2 class="news_card_title">
<a href="#" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Machine learning helps scientists see how the brain adapts to different environments</span>
</span>
</a>
</h2>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="news_related_item">
<div class="news_card ">
<div class="news_card_grid">
<div class="news_card_grid_item is_media">
<a href="#" aria-label="Symposium explores AI’s boundless promise—and potential dangers">
<figure class="news_card_figure">
<div class="news_card_figure_pill_wrap">
<div class="news_card_figure_pill">
Media Mention
</div>
</div>
<img class="news_card_image" srcset="https://images.fastspot.com/framework/740x494/2 740w, https://images.fastspot.com/framework/500x334/2 500w, https://images.fastspot.com/framework/300x200/2 300w" sizes="(min-width: 1220px) 402px, (min-width: 740px) 445px, 90vw" src="https://images.fastspot.com/framework/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
</a>
</div>
<div class="news_card_grid_item is_body">
<div class="news_card_body">
<div class="news_card_meta">
<div class="news_card_meta_item">
<a href="#">Data Science</a>
</div>
<div class="news_card_meta_item">•</div>
<div class="news_card_meta_item">
January 23rd, 2024
</div>
</div>
<div class="news_card_title_wrap">
<h2 class="news_card_title">
<a href="#" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Symposium explores AI’s boundless promise—and potential dangers</span><span class="icon_nowrap news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg>
</span>
</span>
</a>
</h2>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="news_related_item">
<div class="news_card ">
<div class="news_card_grid">
<div class="news_card_grid_item is_media">
<a href="#" aria-label="Reddit users concerned by vaping health risks">
<figure class="news_card_figure">
<img class="news_card_image" srcset="https://images.fastspot.com/framework/740x494/3 740w, https://images.fastspot.com/framework/500x334/3 500w, https://images.fastspot.com/framework/300x200/3 300w" sizes="(min-width: 1220px) 402px, (min-width: 740px) 445px, 90vw" src="https://images.fastspot.com/framework/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
</a>
</div>
<div class="news_card_grid_item is_body">
<div class="news_card_body">
<div class="news_card_title_wrap">
<h2 class="news_card_title">
<a href="#" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Reddit users concerned by vaping health risks</span>
</span>
</a>
</h2>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
{#
{% include '@component-related-news' with {
title: 'Title',
description: 'Description',
items: [
{
image: '1',
title: 'Item Title',
description: 'Item Description'
}
]
} %}
#}
<div class="news_related">
{% if title %}
<div class="news_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="news_related_header_inner">
{% if title %}
<h2 class="news_related_title">{{ title }}</h2>
{% endif %}
{% if link %}
<div class="news_related_action">
{% include '@partial-link' with {
class: 'news_related',
title: link.title,
url: link.url,
icon: 'arrow_right',
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="news_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="news_related_items" aria-label="{% if title %}{{ title }}{% else %}Related News{% endif %}">
{% for item in items %}
<li class="news_related_item">
{% include "@partial-news-card" with item %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
No notes defined.