<!-- Related Events -->
<div class="event_related">
<div class="section_header event_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Related Events</h2>
<p class="section_header_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_white">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More Events</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="event_related_items" aria-label="Related Events">
<li class="event_related_item">
<div class="event_related_item_wrapper">
<div class="event_related_item_date">
<time class="event_date theme_white_blue_light" datetime="2023-05-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
May
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_related_item_body">
<div class="event_related_item_location">
In-Person
| Hopkins, Baltimore
</div>
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h2>
<p class="event_related_item_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</li>
<li class="event_related_item">
<div class="event_related_item_wrapper">
<div class="event_related_item_date">
<time class="event_date theme_white_blue_light" datetime="2023-05-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
May
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_related_item_body">
<div class="event_related_item_location">
In-Person
| Location
</div>
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">Aenean commodo ligula eget dolor</span>
</span>
</a>
</h2>
<p class="event_related_item_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
{#
{% include '@component-events-related' with {
title: 'Title',
description: 'Description',
items: [
{
image: '1',
title: 'Item Title',
description: 'Item Description'
}
]
} %}
#}
<!-- Related Events -->
<div class="event_related">
{% include "@partial-section-header" with {
class: 'event_related_header',
title: title,
description: description,
link: link,
link_theme: page.theme == 'dark' ? 'white' : 'default',
} %}
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="event_related_items" aria-label="{{ title }}">
{% for item in items %}
<li class="event_related_item">
<div class="event_related_item_wrapper">
<div class="event_related_item_date">
{% include "@partial-event-date" with {
date: item.date,
theme: page.theme == 'dark' ? 'white_blue_light' : 'default',
} %}
</div>
<div class="event_related_item_body">
{% if item.location or item.location_type %}
<div class="event_related_item_location">
{% if item.location_type %}
{{ item.location_type }}
{% if item.location %}|{% endif %}
{% endif %}
{% if item.location %}
{{ item.location }}
{% endif %}
</div>
{% endif %}
<h2 class="event_related_item_title">
{% include '@partial-link' with {
class: 'event_related_item_title',
title: item.title,
url: item.url
} %}
</h2>
{% if item.description %}
<p class="event_related_item_description">{{ item.description }}</p>
{% endif %}
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
No notes defined.