<div class="events_related">
<div class="events_related_header">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<div class="events_related_header_inner">
<h2 class="events_related_title">View More Upcoming events</h2>
<div class="events_related_action">
<a href="#" class="events_related_link">
<span class="events_related_link_inner">
<span class="events_related_link_label">View All Events</span>
<span class="events_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="events_related_body">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<ul class="events_related_items" aria-label="View More Upcoming events">
<li class="events_related_item">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">May</div>
<div class="event_card_date_day">31</div>
</div>
<div class="event_card_date_item">
—
</div>
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">01</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">AI-X Symposium: On challenges and opportunities for AI and Data Science in Academia</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-05-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
<span class="event_card_time_end"> - 7:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Johns Hopkins Homewood campus</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->,
</li>
<li>
<a href="#">Computer Vision</a><!--
-->,
</li>
<li>
<a href="#">Ethics</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="events_related_item">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">Anim irure qui magna excepteur consequat minim incididunt.</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-07-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Exercitation ad fugiat esse</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</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="events_related">
{% if title %}
<div class="events_related_header">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<div class="events_related_header_inner">
{% if title %}
<h2 class="events_related_title">{{ title }}</h2>
{% endif %}
{% if link %}
<div class="events_related_action">
{% include '@partial-link' with {
class: 'events_related',
title: link.title,
url: link.url,
icon: 'arrow_right',
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="events_related_body">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<ul class="events_related_items" aria-label="{% if title %}{{ title }}{% else %}Related News{% endif %}">
{% for item in items %}
<li class="events_related_item">
{% include "@partial-event-card" with item %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
No notes defined.