<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event" data-category="Category 1">
<div class="fs-row">
<div class="fs-cell">
<div class="event_meta_inner">
<div class="event_meta_body">
<div class="event_meta_details">
<div class="event_meta_detail">
<span class="event_meta_detail_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</span>
<span class="event_meta_detail_hint">Time: </span>
<span class="event_meta_detail_label">
<span class="event_meta_detail_label_date">May 31</span>
5:00 PM - 7:00 PM
– <span class="event_meta_detail_label_date">Jun 13</span>
5:00 PM - 7:00 PM
</span>
</div>
<div class="event_meta_detail">
<span class="event_meta_detail_icon">
<svg class="icon icon_place">
<use href="/images/icons.svg#place" />
</svg>
</span>
<span class="event_meta_detail_hint">Location: </span>
<span class="event_meta_detail_label">Location</span>
</div>
<div class="event_meta_detail event_meta_detail_category">
<span class="event_meta_detail_icon">
<svg class="icon icon_label">
<use href="/images/icons.svg#label" />
</svg>
</span>
<span class="event_meta_detail_hint">Categories: </span>
<ul class="event_meta_detail_list" aria-label="Categories">
<li class="event_meta_detail_item">
<a class="event_meta_detail_link" href="#">Category 1</a>
</li>
</ul>
</div>
</div>
</div>
<div class="js-share-tools share_tools">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
<span class="share_tools_toggle">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_label">Share This</span>
</span>
</span>
</div>
<ul class="share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Meta -->
{#
{% include '@partial-event-meta' with {
item: {
date: {
from: {
begin: '2017-05-31 17:00:00',
end: '2017-05-31 19:00:00'
},
to: {
begin: '2017-06-13 17:00:00',
end: '2017-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">
<div class="event_meta_details">
<div class="event_meta_detail">
<span class="event_meta_detail_icon">{{ icon('clock') }}</span>
<span class="event_meta_detail_hint">Time: </span>
<span class="event_meta_detail_label">
<span class="event_meta_detail_label_date">{{ item.date.from.begin|date('M d') }}</span>
{{ item.date.from.begin|date('g:i A') }}{{ item.date.from.end ? " - " ~ item.date.from.end|date('g:i A') }}
{% if item.date.to %}
– <span class="event_meta_detail_label_date">{{ item.date.to.begin|date('M d') }}</span>
{{ item.date.to.begin|date('g:i A') }}{{ item.date.to.end ? " - " ~ item.date.to.end|date('g:i A') }}
{% endif %}
</span>
</div>
{% if item.location %}
<div class="event_meta_detail">
<span class="event_meta_detail_icon">{{ icon('place') }}</span>
<span class="event_meta_detail_hint">Location: </span>
<span class="event_meta_detail_label">{{ item.location }}</span>
</div>
{% endif %}
{% if item.categories %}
<div class="event_meta_detail event_meta_detail_category">
<span class="event_meta_detail_icon">{{ icon('label') }}</span>
<span class="event_meta_detail_hint">Categories: </span>
<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" href="{{ category.url }}">{{ category.label }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
{% include '@partial-share' with {
title: 'Share This',
icon: '',
items: ['Twitter', 'Facebook', 'Linkedin']
} %}
</div>
</div>
</div>
</div>
<!-- END: Event Meta -->
No notes defined.