<div class="page_header theme_">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_intro">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Event Category</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="event_listing_filters">
<div class="event_listing_filters_inner">
<!-- Filter -->
<div class="filter">
<div class="fs-row">
<div class="fs-cell">
<div class="filter_inner">
<div class="filter_bar">
<form class="filter_tools" action="" method="get">
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_1">Search</label>
<div class="filter_search_form">
<input class="filter_search_input" id="filter_tool_label_1" type="search" placeholder="Search events...">
<span class="filter_search_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</div>
</div>
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_2">Category</label>
<select class="filter_tool_select" id="filter_tool_label_2">
<option value="Showing All" selected>Showing All</option>
<option value="Category A">Category A</option>
<option value="A Needlessly Long Category Title Goes Here">A Needlessly Long Category Title Goes Here</option>
</select>
</div>
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_3">Date</label>
<input type="date" class="filter_date_input" id="filter_tool_label_3">
</div>
<div class="filter_tool filter_tool_submit">
<button class="filter_tools_submit_button">
<span class="filter_tools_submit_button_inner">
<span class="filter_tools_submit_button_label">Submit</span>
<span class="filter_tools_submit_button_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
<div class="filter_results_wrap">
<div class="filter_results">
<p class="filter_results_description">
<span class="filter_results_label">12 Results found for:</span>
<span class="filter_results_category">Example</span>
</p>
<div class="filter_results_action">
<a href="page-news-listing.html" class="filter_results_reset_link">
<span class="filter_results_reset_link_inner">
<span class="filter_results_reset_link_label">Reset</span>
<span class="filter_results_reset_link_icon" aria-hidden="true">
<svg class="icon icon_reset">
<use href="/images/icons.svg#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
</div>
</div>
<!-- Event List -->
<div class="event_list">
<div class="fs-row">
<div class="fs-cell">
<div class="event_list_inner">
<ul class="event_list_rows">
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure event_list_item_figure_sm">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Community Engagement Day" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/1 980w, https://images.fastspot.com/le-moyne/740x494/1 740w, https://images.fastspot.com/le-moyne/500x334/1 500w, https://images.fastspot.com/le-moyne/300x200/1 300w" sizes="(min-width: 980px) 0px, (min-width: 740px) 691px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/1" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner " datetime="2023-05-31 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">May</span>
<span class="event_date_pill_start_day">31</span>
</span>
<span class="event_date_pill_separator">-</span>
<span class="event_date_pill_end">
<span class="event_date_pill_end_month">Jun</span>
<span class="event_date_pill_end_day">29</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Community Engagement Day</span>
</span>
</a>
</h2>
<div class="event_list_item_description">
<p>Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit.</p>
</div>
<div class="event_list_item_details">
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">When</h3>
<strong class="event_list_item_detail_label">
<span class="event_list_item_detail_label_date">
5:00 PM
- 5:00 PM
</span>
</strong>
</div>
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">Where</h3>
<strong class="event_list_item_detail_label">Grewen Hall</strong>
<span class="event_list_item_detail_note">Open to Public</span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Campus</a>
</li>
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Athletics</a>
</li>
</ul>
</div>
</div>
</div>
<figure class="event_list_item_figure event_list_item_figure_lg">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Community Engagement Day" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/1 980w, https://images.fastspot.com/le-moyne/740x494/1 740w, https://images.fastspot.com/le-moyne/500x334/1 500w, https://images.fastspot.com/le-moyne/300x200/1 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, 0px" src="https://images.fastspot.com/le-moyne/300x200/1" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner event_date_pill_inner_same_month" datetime="2023-05-31 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">May</span>
<span class="event_date_pill_start_day">31</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Aenean commodo ligula eget dolor</span>
</span>
</a>
</h2>
<div class="event_list_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 class="event_list_item_details">
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">When</h3>
<strong class="event_list_item_detail_label">
<span class="event_list_item_detail_label_date">
5:00 PM
- 7:00 PM
</span>
</strong>
</div>
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">Where</h3>
<strong class="event_list_item_detail_label">Location</strong>
<span class="event_list_item_detail_note"></span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category One</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure event_list_item_figure_sm">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about In enim justo" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/2 980w, https://images.fastspot.com/le-moyne/740x494/2 740w, https://images.fastspot.com/le-moyne/500x334/2 500w, https://images.fastspot.com/le-moyne/300x200/2 300w" sizes="(min-width: 980px) 0px, (min-width: 740px) 691px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/2" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner event_date_pill_inner_same_month" datetime="2023-05-31 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">May</span>
<span class="event_date_pill_start_day">31</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">In enim justo</span>
</span>
</a>
</h2>
<div class="event_list_item_details">
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">When</h3>
<strong class="event_list_item_detail_label">
<span class="event_list_item_detail_label_date">
5:00 PM
- 7:00 PM
</span>
</strong>
</div>
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">Where</h3>
<strong class="event_list_item_detail_label">Location</strong>
<span class="event_list_item_detail_note">Open to Public</span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category Two</a>
</li>
</ul>
</div>
</div>
</div>
<figure class="event_list_item_figure event_list_item_figure_lg">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about In enim justo" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/2 980w, https://images.fastspot.com/le-moyne/740x494/2 740w, https://images.fastspot.com/le-moyne/500x334/2 500w, https://images.fastspot.com/le-moyne/300x200/2 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, 0px" src="https://images.fastspot.com/le-moyne/300x200/2" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure event_list_item_figure_sm">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Maecenas nec odio et ante tincidunt tempus phasellus viverra nulla ut metus varius laoreet consectetuer adipiscing elit" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/3 980w, https://images.fastspot.com/le-moyne/740x494/3 740w, https://images.fastspot.com/le-moyne/500x334/3 500w, https://images.fastspot.com/le-moyne/300x200/3 300w" sizes="(min-width: 980px) 0px, (min-width: 740px) 691px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/3" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner event_date_pill_inner_same_month" datetime="2023-05-13 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">May</span>
<span class="event_date_pill_start_day">13</span>
</span>
<span class="event_date_pill_separator">-</span>
<span class="event_date_pill_end">
<span class="event_date_pill_end_day">31</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Maecenas nec odio et ante tincidunt tempus phasellus viverra nulla ut metus varius laoreet consectetuer adipiscing elit</span>
</span>
</a>
</h2>
<div class="event_list_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 class="event_list_item_details">
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">When</h3>
<strong class="event_list_item_detail_label">
<span class="event_list_item_detail_label_date">
5:00 PM
- 7:00 PM
</span>
</strong>
</div>
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">Where</h3>
<strong class="event_list_item_detail_label">Location</strong>
<span class="event_list_item_detail_note"></span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category One</a>
</li>
</ul>
</div>
</div>
</div>
<figure class="event_list_item_figure event_list_item_figure_lg">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Maecenas nec odio et ante tincidunt tempus phasellus viverra nulla ut metus varius laoreet consectetuer adipiscing elit" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/3 980w, https://images.fastspot.com/le-moyne/740x494/3 740w, https://images.fastspot.com/le-moyne/500x334/3 500w, https://images.fastspot.com/le-moyne/300x200/3 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, 0px" src="https://images.fastspot.com/le-moyne/300x200/3" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner event_date_pill_inner_same_month" datetime="2023-06-22 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">Jun</span>
<span class="event_date_pill_start_day">22</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Aenean massa</span>
</span>
</a>
</h2>
<div class="event_list_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 class="event_list_item_details">
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category Three</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure event_list_item_figure_sm">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Cras ultricies mi eu turpis" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/4 980w, https://images.fastspot.com/le-moyne/740x494/4 740w, https://images.fastspot.com/le-moyne/500x334/4 500w, https://images.fastspot.com/le-moyne/300x200/4 300w" sizes="(min-width: 980px) 0px, (min-width: 740px) 691px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/4" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="event_list_date_wrapper">
<div class="event_date_pill">
<time class="event_date_pill_inner event_date_pill_inner_same_month" datetime="2023-06-23 17:00:00">
<span class="event_date_pill_start">
<span class="event_date_pill_start_month">Jun</span>
<span class="event_date_pill_start_day">23</span>
</span>
</time>
</div>
</div>
<div class="event_list_item_info">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Cras ultricies mi eu turpis</span>
</span>
</a>
</h2>
<div class="event_list_item_description">
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
</div>
<div class="event_list_item_details">
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">When</h3>
<strong class="event_list_item_detail_label">
<span class="event_list_item_detail_label_date">
5:00 PM
</span>
</strong>
</div>
<div class="event_list_item_detail">
<h3 class="event_list_item_detail_title">Where</h3>
<strong class="event_list_item_detail_label">Location</strong>
<span class="event_list_item_detail_note">Open to Public</span>
</div>
<div class="event_list_item_detail event_list_item_detail_category">
<h3 class="event_list_item_detail_title">Category</h3>
<ul class="event_list_item_detail_list" aria-label="Categories">
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category One</a>
</li>
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category Two</a>
</li>
<li class="event_list_item_detail_item">
<a class="event_list_item_detail_link" href="#">Category Three</a>
</li>
</ul>
</div>
</div>
</div>
<figure class="event_list_item_figure event_list_item_figure_lg">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Cras ultricies mi eu turpis" tabindex="-1">
<img class="event_list_item_image" srcset="https://images.fastspot.com/le-moyne/980x654/4 980w, https://images.fastspot.com/le-moyne/740x494/4 740w, https://images.fastspot.com/le-moyne/500x334/4 500w, https://images.fastspot.com/le-moyne/300x200/4 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, 0px" src="https://images.fastspot.com/le-moyne/300x200/4" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
</div>
</li>
</ul>
<div class="event_list_pagination">
<!-- Pagination -->
<div class="pagination">
<nav class="pagination_nav" aria-label="Events Pagination">
<a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_left">
<use href="/images/icons.svg#caret_left" />
</svg>
</span>
<span class="pagination_arrow_label">Previous Page</span>
</a>
<a class="pagination_arrow pagination_arrow_right" href="#">
<span class="pagination_arrow_label">Next Page</span>
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</nav>
<form class="pagination_form" action="#" method="get">
<div class="pagination_form_inner">
<label class="pagination_form_label" for="pagination_form_select">Page</label>
<div class="pagination_form_select_wrapper">
<select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
</div>
<span class="pagination_form_suffix">of 50</span>
<button class="pagination_form_button" type="submit" aria-label="View Page">
<span class="pagination_form_button_inner">
<span class="pagination_form_button_label">Go</span>
<span class="pagination_form_button_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
<!-- END: Pagination -->
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
</div>
{% include '@partial-page-header' with {
page: page
} %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% if page.filters %}
<div class="event_listing_filters">
{% if page.filters_title %}
<h2 class="event_listing_title">{{ page.filters_title }}</h2>
{% endif %}
<div class="event_listing_filters_inner">
{% include '@partial-filter' with {
tools: page.filters,
results: '12',
category: 'Example',
} %}
</div>
</div>
{% endif %}
{% render '@partial-event-list' %}
</div>
No notes defined.