<div class="page_header  ">
    <div class="page_header_inner">
        <div class="page_header_top">

            <div class="page_header_content_wrap">
                <div class="page_header_breadcrumb">
                    <div class="fs-row">
                        <div class="fs-cell">
                            <div class="page_header_breadcrumb_inner">

                                <div class="breadcrumb">
                                    <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                        <div class="breadcrumb_nav_header">
                                            <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                        </div>
                                        <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                            <li class="breadcrumb_item breadcrumb_item_home">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Home</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_forward_slash">
                                                        <use href="/images/icons.svg#forward_slash" />
                                                    </svg></span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Navigation Level</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_forward_slash">
                                                        <use href="/images/icons.svg#forward_slash" />
                                                    </svg></span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Parent Level</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_forward_slash">
                                                        <use href="/images/icons.svg#forward_slash" />
                                                    </svg></span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <span class="breadcrumb_pill">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Events</span>
                                                    </span>
                                                </span>
                                            </li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="page_header_intro">
                    <div class="fs-row">
                        <div class="fs-cell fs-lg-10">
                            <div class="page_header_intro_inner">
                                <h1 class="page_header_title" id="page_header_title" tabindex="-1">Events</h1>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="page_header_meta_wrap">
                </div>

            </div>
        </div>

        <div class="page_header_feature">
            <div class="page_header_feature_inner">
                <div class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
                    <div class="event_feature">
                        <div class="fs-row">
                            <div class="fs-cell">
                                <div class="event_feature_inner">
                                    <ul class="event_feature_items" aria-label="">
                                        <li class="event_feature_item">
                                            <div class="event_feature_item_grid">
                                                <div class="event_feature_item_grid_item is_title">
                                                    <h2 class="event_feature_item_title">

                                                        <a href="page-event-detail.html" class="event_feature_item_title_link">
                                                            <span class="event_feature_item_title_link_inner">
                                                                <span class="event_feature_item_title_link_label">In Enim Justo Rhoncus Ut</span>
                                                            </span>
                                                        </a>
                                                    </h2>
                                                </div>

                                                <div class="event_feature_item_grid_item is_date">
                                                    <div class="event_feature_item_time_wrapper">
                                                        <time class="event_feature_item_time " datetime="2023-05-31 17:00:00">
                                                            <span class="event_feature_item_time_prefix">From</span>

                                                            <div class="event_feature_item_time_date_wrap">
                                                                <span class="event_feature_item_time_start_month">May</span>
                                                                <span class="event_feature_item_time_start_day">31</span>
                                                            </div>
                                                        </time>
                                                    </div>
                                                </div>

                                                <div class="event_feature_item_grid_item is_meta">
                                                    <div class="event_feature_item_body">
                                                        <div class="event_feature_item_details">
                                                            <div class="event_feature_item_detail">
                                                                <span class="event_feature_item_detail_hint">Time:&nbsp;</span>
                                                                <span class="event_feature_item_detail_label">
                                                                    <span class="event_feature_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="event_feature_item">
                                            <div class="event_feature_item_grid">
                                                <div class="event_feature_item_grid_item is_title">
                                                    <h2 class="event_feature_item_title">

                                                        <a href="page-event-detail.html" class="event_feature_item_title_link">
                                                            <span class="event_feature_item_title_link_inner">
                                                                <span class="event_feature_item_title_link_label">Aenean commodo ligula eget dolor</span>
                                                            </span>
                                                        </a>
                                                    </h2>
                                                </div>

                                                <div class="event_feature_item_grid_item is_date">
                                                    <div class="event_feature_item_time_wrapper">
                                                        <time class="event_feature_item_time is_same_day" datetime="2023-05-31 17:00:00">

                                                            <div class="event_feature_item_time_date_wrap">
                                                                <span class="event_feature_item_time_start_month">May</span>
                                                                <span class="event_feature_item_time_start_day">31</span>
                                                            </div>
                                                        </time>
                                                    </div>
                                                </div>

                                                <div class="event_feature_item_grid_item is_meta">
                                                    <div class="event_feature_item_body">
                                                        <div class="event_feature_item_details">
                                                            <div class="event_feature_item_detail">
                                                                <span class="event_feature_item_detail_hint">Time:&nbsp;</span>
                                                                <span class="event_feature_item_detail_label">
                                                                    <span class="event_feature_item_detail_label_date">All Day Event</span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="event_feature_item">
                                            <div class="event_feature_item_grid">
                                                <div class="event_feature_item_grid_item is_title">
                                                    <h2 class="event_feature_item_title">

                                                        <a href="page-event-detail.html" class="event_feature_item_title_link">
                                                            <span class="event_feature_item_title_link_inner">
                                                                <span class="event_feature_item_title_link_label">In Enim Justo Rhoncus Ut</span>
                                                            </span>
                                                        </a>
                                                    </h2>
                                                </div>

                                                <div class="event_feature_item_grid_item is_date">
                                                    <div class="event_feature_item_time_wrapper">
                                                        <time class="event_feature_item_time " datetime="2023-05-31 17:00:00">
                                                            <span class="event_feature_item_time_prefix">From</span>

                                                            <div class="event_feature_item_time_date_wrap">
                                                                <span class="event_feature_item_time_start_month">May</span>
                                                                <span class="event_feature_item_time_start_day">31</span>
                                                            </div>
                                                        </time>
                                                    </div>
                                                </div>

                                                <div class="event_feature_item_grid_item is_meta">
                                                    <div class="event_feature_item_body">
                                                        <div class="event_feature_item_details">
                                                            <div class="event_feature_item_detail">
                                                                <span class="event_feature_item_detail_hint">Time:&nbsp;</span>
                                                                <span class="event_feature_item_detail_label">
                                                                    <span class="event_feature_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="full_width_callouts" tabindex="-1" aria-labelledby="page_header_title">

    <!-- Filter -->
    <div class="filter theme_light_blue">
        <div class="filter_wrap">
            <div class="fs-row">
                <div class="fs-cell fs-xl-11 fs-xl-justify-center">
                    <div class="filter_inner">
                        <form class="filter_tools" action="#" method="get">
                            <div class="filter_tool">
                                <label class="filter_tool_label" for="filter_tool_search_input">Search</label>
                                <div class="filter_tool_search_wrapper">
                                    <input class="filter_tool_search_input" id="filter_tool_search_input" placeholder="Search by keyword" type="search">
                                    <span class="filter_tool_search_icon"><svg class="icon icon_search">
                                            <use href="/images/icons.svg#search" />
                                        </svg></span>
                                </div>
                            </div>
                            <div class="filter_tool is_type_select">
                                <label class="filter_tool_label" for="filter_tool_label_1">Category</label>

                                <div class="filter_tool_select_wrapper">
                                    <select class="filter_tool_select" id="filter_tool_label_1">
                                        <option value="All Categories">All Categories</option>
                                        <option value="Category One">Category One</option>
                                        <option value="Another Category">Another Category</option>
                                    </select>

                                </div>
                            </div>
                            <div class="filter_tool is_type_date">
                                <label class="filter_tool_label" for="filter_tool_label_2">Date</label>

                                <div class="filter_tool_date_wrapper">
                                    <input type="date" class="filter_tool_date_input" value="2025-05-20" id="filter_tool_label_2">
                                </div>
                            </div>
                            <div class="filter_tool">
                                <button class="filter_tool_submit" type="submit">
                                    <span class="filter_tool_submit_inner">
                                        <span class="filter_tool_submit_label">Submit</span>
                                        <span class="filter_tool_submit_icon"><svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg></span>
                                    </span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Filter -->

    <!-- Event List -->
    <div class="event_list">
        <div class="fs-row">
            <div class="fs-cell fs-xl-11 fs-xl-justify-center">
                <div class="event_list_inner">
                    <ul class="event_list_rows" id="item_list" aria-labelledby="page_header_title">
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time " datetime="2023-05-31 17:00:00">
                                        <span class="event_list_item_time_prefix">From</span>

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">May</span>
                                            <span class="event_list_item_time_start_day">31</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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">Phasellus viverra nulla ut metus varius laoreet</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>
                                    <div class="event_list_item_body">
                                        <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">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                                <span class="event_list_item_detail_label">
                                                    <span class="event_list_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                </span>
                                            </div>
                                            <div class="event_list_item_detail">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Location:&nbsp;</span>
                                                <span class="event_list_item_detail_label">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time is_same_day" datetime="2023-05-31 17:00:00">

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">May</span>
                                            <span class="event_list_item_time_start_day">31</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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>
                                    <div class="event_list_item_body">
                                        <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">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Location:&nbsp;</span>
                                                <span class="event_list_item_detail_label">Location</span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time " datetime="2023-05-31 17:00:00">
                                        <span class="event_list_item_time_prefix">From</span>

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">May</span>
                                            <span class="event_list_item_time_start_day">31</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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>
                                    <div class="event_list_item_body">
                                        <div class="event_list_item_details">
                                            <div class="event_list_item_detail">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                                <span class="event_list_item_detail_label">
                                                    <span class="event_list_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                </span>
                                            </div>
                                            <div class="event_list_item_detail">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Location:&nbsp;</span>
                                                <span class="event_list_item_detail_label">Location</span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time is_same_day" datetime="2023-06-13 17:00:00">

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">Jun</span>
                                            <span class="event_list_item_time_start_day">13</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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>
                                    <div class="event_list_item_body">
                                        <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">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                                <span class="event_list_item_detail_label">
                                                    <span class="event_list_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                </span>
                                            </div>
                                            <div class="event_list_item_detail">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Location:&nbsp;</span>
                                                <span class="event_list_item_detail_label">Location</span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time is_same_day" datetime="2023-06-22 17:00:00">

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">Jun</span>
                                            <span class="event_list_item_time_start_day">22</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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>
                                    <div class="event_list_item_body">
                                        <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">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                                <span class="event_list_item_detail_label">
                                                    <span class="event_list_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                </span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_time_wrapper">
                                    <time class="event_list_item_time is_same_day" datetime="2023-06-23 17:00:00">

                                        <div class="event_list_item_time_date_wrap">
                                            <span class="event_list_item_time_start_month">Jun</span>
                                            <span class="event_list_item_time_start_day">23</span>
                                        </div>
                                    </time>
                                </div>

                                <div class="event_list_item_wrapper">
                                    <div class="event_list_item_header">
                                        <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>
                                    <div class="event_list_item_body">
                                        <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">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Time:&nbsp;</span>
                                                <span class="event_list_item_detail_label">
                                                    <span class="event_list_item_detail_label_date">5:00 PM - 6:30 PM</span>
                                                </span>
                                            </div>
                                            <div class="event_list_item_detail">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Location:&nbsp;</span>
                                                <span class="event_list_item_detail_label">Location</span>
                                            </div>
                                            <div class="event_list_item_detail event_list_item_detail_category">
                                                <span class="event_list_item_detail_icon"><svg class="icon icon_label">
                                                        <use href="/images/icons.svg#label" />
                                                    </svg></span>
                                                <span class="event_list_item_detail_hint">Categories:&nbsp;</span>
                                                <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>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="event_list_pagination">

                        <!-- Pagination -->
                        <div class="pagination">
                            <div class="fs-row">
                                <div class="fs-cell fs-xl-11 fs-xl-justify-center">
                                    <div class="pagination_inner">
                                        <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_arrow_left">
                                                        <use href="/images/icons.svg#arrow_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_arrow_right">
                                                        <use href="/images/icons.svg#arrow_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>
                                                    <span class="pagination_form_select_icon"><svg class="icon icon_expand">
                                                            <use href="/images/icons.svg#expand" />
                                                        </svg></span>
                                                </div>
                                                <span class="pagination_form_suffix">of 50</span>
                                                <button class="pagination_form_button" type="submit" aria-label="View Page">
                                                    <div class="pagination_form_button_inner">
                                                        <div class="pagination_form_button_label">Go</div>
                                                        <div class="pagination_form_button_icon"><svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg></div>
                                                    </div>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: Pagination -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Event Item -->
</section>
{% include '@partial-page-header' with {
	page: page
} %}

<section class="full_width_callouts" tabindex="-1" aria-labelledby="page_header_title">
	{% include '@partial-filter' with {
		theme: 'light_blue',
		label: '',
		action_category: '#',
		tools: [
			{
				label: 'Category',
				options: [
					{
						label: 'All Categories'
					},
					{
						label: 'Category One'
					},
					{
						label: 'Another Category'
					}
				]
			},
			{
				label: 'Date',
				type: 'date'
			}
		],
		search_placeholder: 'Search by keyword',
		results: '',
		category: ''
	} %}

	{% render '@partial-event-list' %}
</section>

No notes defined.