<!-- Evemt Item -->
<div class="event_item">
<div class="event_item_wrapper">
<figure class="event_item_figure">
<span class="lazy_image_wrapper event_item_group_image_wrapper">
<img class="js-lazy js-lazyload event_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
</span>
<noscript>
<img class="event_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="event_item_group">
<div class="event_item_header">
<h2 class="event_item_title">
<a href="page-event-detail.html" class="event_item_title_link">
<span class="event_item_title_link_inner">
<span class="event_item_title_link_label">In Enim Justo Rhoncus Ut</span>
<span class="event_item_title_link_icon" aria-hidden="true">
<span class="event_item_title_link_icon_inner">
<svg class="icon icon_arrow_right">
<use xlink:href="/images/icons.svg#arrow_right"></use>
</svg>
</span>
</span>
</span>
</a>
</h2>
</div>
<div class="event_item_body">
<!-- Event Details -->
<div class="event_details">
<div class="event_detail event_detail_date">
<span class="event_detail_hint">When: </span>
<span class="event_detail_label">
<span class="event_detail_label_date">May 31</span>
5:00 PM - 7:00 PM
–
<span class="event_detail_label_date">Jun 13</span>
5:00 PM - 7:00 PM
</span>
</div>
<div class="event_detail event_detail_location">
<span class="event_detail_hint">Where: </span>
<span class="event_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
</div>
<div class="event_detail event_detail_category">
<span class="event_detail_hint">Category: </span>
<ul class="event_detail_list" aria-label="Categories">
<li class="event_detail_item">
<a class="event_detail_link" href="page-event-category.html">Category One</a>
</li>
</ul>
</div>
</div>
<!-- END: Event Details -->
<div class="event_item_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
<!-- Evemt Item -->
<div class="event_item{% if feature %} event_item_feature{% endif %}">
{% if feature %}
{% if group_title %}
<h2 class="event_feature_mobile_group_title">{{ group_title }}</h2>
{% endif %}
<div class="event_item_feature_image_wrapper">
<figure class="event_item_figure">
{% if item.url %}
<a class="event_item_figure_link" href="{{ item.url }}" aria-label="Read more about {{ item.title }}" tabindex="-1">
{% endif %}
{% include "@partial-image" with {
class: "event_item",
alt: "",
image: item.image,
sources: [
img.classic.med,
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
{% if item.url %}
</a>
{% endif %}
</figure>
</div>
{% endif %}
<div class="event_item_wrapper">
{% if group_title %}
<h2 class="event_feature_group_title">{{ group_title }}</h2>
{% endif %}
{% if item.image %}
<figure class="event_item_figure">
{% include "@partial-image" with {
class: "event_item_group",
alt: "",
image: item.image,
sources: [
img.classic.med,
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
{% endif %}
<div class="event_item_group">
<div class="event_item_header">
{% if group_title %}
<h3 class="event_item_title">
{% else %}
<h2 class="event_item_title">
{% endif %}
{% if item.url %}
{% include "@partial-link" with {
class: "event_item_title",
title: item.title,
url: item.url,
icon: 'arrow_right'
} %}
{% else %}
{{ item.title }}
{% endif %}
{% if group_title %}
</h3>
{% else %}
</h2>
{% endif %}
{% if item.date.begin %}
<span class="event_item_date_pill">
{{ item.date.begin|date("M j") }}
{% if item.date.end %} -
{% if item.date.begin|date("M") == item.date.end|date("M") %}
{{ item.date.end|date("j") }}
{% else %}
{{ item.date.end|date("M j") }}
{% endif %}
{% endif %}
</span>
{% endif %}
</div>
<div class="event_item_body">
{% if item.date or item.author %}
{% render "@partial-event-details" with {
item: item
} %}
{% endif %}
{% if item.description %}
<div class="event_item_description">
<p>{{ item.description }}</p>
</div>
{% endif %}
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
No notes defined.