<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">&bull;</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">&#xfeff;
                                                            <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.