<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event" data-category="Category 1, Category 2">
<div class="fs-row">
<div class="fs-cell">
<div class="event_meta_inner">
<div class="event_meta_body">
<div class="event_meta_detail event_meta_detail_category">
<ul class="event_meta_detail_list" aria-label="Categories">
<li class="event_meta_detail_item">
<a class="event_meta_detail_link event_meta_category_link" href="#">Category 1</a>
</li>
<li class="event_meta_detail_item">
<a class="event_meta_detail_link event_meta_category_link" href="#">Category 2</a>
</li>
</ul>
</div>
<p class="event_meta_group_association">
<span class="event_meta_group_association_label">
Organized by Homewood Recycling
</span>
</p>
<div class="event_meta_body_inner">
<div class="event_meta_details">
<div class="event_details">
<div class="event_details_detail">
<span class="event_details_detail_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="event_details_detail_label">
<span class="event_details_detail_label_date">May 31 - Jun 13</span>
| <span class="event_details_detail_label_time">5:00 PM - 7:00 PM</span> </span>
</div>
<div class="event_details_detail">
<span class="event_details_detail_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</span>
<a href="#" class="event_details_detail_link">
<span class="event_details_detail_label">Location Name</span>
</a>
</div>
</div>
</div>
<div class="event_meta_actions">
<!-- Event Actions -->
<div class="event_actions">
<div class="event_actions_header">
<h2 class="event_actions_title" id="event_actions_title">
<span class="event_actions_title_label">Event Actions</span>
</h2>
</div>
<div class="event_actions_body">
<ul class="event_actions_list" aria-labelledby="event_actions_title">
<li class="event_action">
<a href="#" class="button theme_dark ">
<span class="button_inner">
<span class="button_label">Register</span>
</span>
</a>
</li>
<li class="event_action">
<a href="#" class="button theme_dark ">
<span class="button_inner">
<span class="button_label">Another Link</span>
</span>
</a>
</li>
<li class="event_action">
<a href="#" class="button theme_dark ">
<span class="button_inner">
<span class="button_label">Another Link</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- END: Event Actions -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Meta -->
{#
{% include '@partial-event-meta' with {
item: {
date: {
same_day: false,
all_day: false,
from: '2023-05-31 17:00:00',
to: '2023-06-13 19:00:00'
},
location: 'Location',
categories: [
{
label: 'Category',
url: '#'
}
]
}
} %}
#}
<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event" data-category="{% for item in item.categories %}{{ item.label }}{% if not loop.last %}, {% endif %}{% endfor %}">
<div class="fs-row">
<div class="fs-cell">
<div class="event_meta_inner">
<div class="event_meta_body">
{% if item.categories %}
<div class="event_meta_detail event_meta_detail_category">
<ul class="event_meta_detail_list" aria-label="Categories">
{% for category in item.categories %}
<li class="event_meta_detail_item">
<a class="event_meta_detail_link event_meta_category_link" href="{{ category.url }}">{{ category.label }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if item.group_association %}
<p class="event_meta_group_association">
<span class="event_meta_group_association_label">
{{ item.group_association }}
</span>
</p>
{% endif %}
<div class="event_meta_body_inner">
<div class="event_meta_details">
{% render '@partial-event-details' %}
</div>
<div class="event_meta_actions">
{% render '@partial-event-actions' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Meta -->
No notes defined.