<!-- Related Events -->
<div class="event_related">
<div class="event_related_header">
<div class="fs-row">
<div class="fs-cell fs-lg-11">
<div class="event_related_header_inner">
<h2 class="event_related_title">Related Events</h2>
<span class="event_related_description">Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</span>
</div>
</div>
</div>
</div>
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell fs-lg-11">
<ul class="event_related_items js-carousel" data-carousel-options='{"maxWidth":"1219px", "matchWidth": false, "controls": false, "contained": false, "show": {"500px":2}}'>
<li class="event_related_item">
<!-- 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">Does it Spark Joy? Increasing Student Agency in Science Learning</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>
<span class="event_item_date_pill">
Dec 1
-
Jan 1
</span>
</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 -->
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
<!-- Related Events -->
<div class="event_related">
{% if title or description %}
<div class="event_related_header">
<div class="fs-row">
<div class="fs-cell fs-lg-11">
<div class="event_related_header_inner">
{% if title %}
<h2 class="event_related_title">{{ title }}</h2>
{% endif %}
{% if description %}
<span class="event_related_description">{{ description }}</span>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell fs-lg-11">
<ul class="event_related_items js-carousel" data-carousel-options='{"maxWidth":"1219px", "matchWidth": false, "controls": false, "contained": false, "show": {"500px":2}}'>
{% for item in items %}
<li class="event_related_item">
{% render "@partial-event-item" with {
item: item
} %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
No notes defined.