<div class="page_header">
    <div class="page_header_inner">
    </div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">

    <!-- Event Feature -->
    <div class="event_feature">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="event_feature_inner">
                    <div class="event_feature_items js-carousel" data-carousel-options='{"show":{"0px":1},"controls":false,"pagination":true,"touch":false}'>
                        <div class="event_feature_item">
                            <div class="event_feature_item_inner">
                                <figure class="event_feature_item_figure">
                                    <a class="event_feature_item_figure_link" href="#" aria-label="Read more about Blue Jays Go Green Challenge" tabindex="-1">

                                        <img class="event_feature_item_image" srcset="https://images.fastspot.com/jhu-sustainability/980x654/2 980w, https://images.fastspot.com/jhu-sustainability/740x494/2 740w, https://images.fastspot.com/jhu-sustainability/500x334/2 500w, https://images.fastspot.com/jhu-sustainability/300x200/2 300w" sizes="(min-width: 1394px) 602px, (min-width: 1220px) 526px, (min-width: 980px) 421px, (min-width: 740px) 316px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/2" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="event_feature_item_wrapper">
                                    <div class="event_feature_item_header">
                                        <h2 class="event_feature_item_title">

                                            <a href="#" class="event_feature_item_title_link ">
                                                <span class="event_feature_item_title_link_inner">
                                                    <span class="event_feature_item_title_link_label">Blue Jays Go Green Challenge</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <p class="event_feature_item_meta">
                                            <a class="event_feature_item_category" href="#">Sustainability</a>

                                            <span class="event_feature_item_divider"></span>
                                            <span class="event_feature_item_group_association">Homewood Recycling</span>

                                        </p>
                                    </div>
                                    <div class="event_feature_item_body">
                                        <div class="event_feature_item_description">
                                            <p>SPIRAL Center at Johns Hopkins is one of 10 projects to receive support from Department of Energy initiative focused on the development of low-cost energy technologies</p>
                                        </div>
                                        <div class="event_feature_item_details">
                                            <div class="event_feature_item_detail">
                                                <span class="event_feature_item_detail_icon">
                                                    <svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg>
                                                </span>
                                                <time class="event_feature_item_time" datetime="2024-05-31 17:00:00">
                                                    <span class="event_feature_item_time_start">May 31</span>
                                                </time>
                                                |
                                                <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 class="event_feature_item_detail">
                                                <span class="event_feature_item_detail_icon">
                                                    <svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg>
                                                </span>
                                                <span class="event_feature_item_detail_label event_feature_item_detail_location">Red Emma's</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="event_feature_item">
                            <div class="event_feature_item_inner">
                                <figure class="event_feature_item_figure">
                                    <a class="event_feature_item_figure_link" href="#" aria-label="Read more about Another Event Goes Here" tabindex="-1">

                                        <img class="event_feature_item_image" srcset="https://images.fastspot.com/jhu-sustainability/980x654/1 980w, https://images.fastspot.com/jhu-sustainability/740x494/1 740w, https://images.fastspot.com/jhu-sustainability/500x334/1 500w, https://images.fastspot.com/jhu-sustainability/300x200/1 300w" sizes="(min-width: 1394px) 602px, (min-width: 1220px) 526px, (min-width: 980px) 421px, (min-width: 740px) 316px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/1" alt="" loading="lazy" width="300" height="200">
                                    </a>
                                </figure>
                                <div class="event_feature_item_wrapper">
                                    <div class="event_feature_item_header">
                                        <h2 class="event_feature_item_title">

                                            <a href="#" class="event_feature_item_title_link ">
                                                <span class="event_feature_item_title_link_inner">
                                                    <span class="event_feature_item_title_link_label">Another Event Goes Here</span>
                                                </span>
                                            </a>
                                        </h2>
                                        <p class="event_feature_item_meta">
                                            <a class="event_feature_item_category" href="#">Sustainability</a>

                                            <span class="event_feature_item_divider"></span>
                                            <span class="event_feature_item_group_association">Homewood Recycling</span>

                                        </p>
                                    </div>
                                    <div class="event_feature_item_body">
                                        <div class="event_feature_item_description">
                                            <p>Curabitur quis volutpat leo, quis pulvinar enim. Donec consequat interdum nunc at cursus. Aenean eu diam dolor. Cras erat enim.</p>
                                        </div>
                                        <div class="event_feature_item_details">
                                            <div class="event_feature_item_detail">
                                                <span class="event_feature_item_detail_icon">
                                                    <svg class="icon icon_clock">
                                                        <use href="/images/icons.svg#clock" />
                                                    </svg>
                                                </span>
                                                <time class="event_feature_item_time" datetime="2024-05-31 17:00:00">
                                                    <span class="event_feature_item_time_start">May 31</span>
                                                </time>
                                                |
                                                <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 class="event_feature_item_detail">
                                                <span class="event_feature_item_detail_icon">
                                                    <svg class="icon icon_place">
                                                        <use href="/images/icons.svg#place" />
                                                    </svg>
                                                </span>
                                                <span class="event_feature_item_detail_label event_feature_item_detail_location">Red Emma's</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Event Feature -->

    <!-- Filter -->
    <div class="filter filter_full_width">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="filter_inner">
                    <div class="filter_grid">

                        <div class="filter_grid_item is_tools">
                            <form class="filter_tools" action="#" method="get">
                                <div class="filter_tool filter_tool_search">
                                    <label class="filter_label filter_label_search" for="filter_tool_label_1">Search</label>
                                    <div class="filter_tool_search_wrapper">
                                        <span class="filter_tool_search_icon">
                                            <svg class="icon icon_search">
                                                <use href="/images/icons.svg#search" />
                                            </svg>
                                        </span>
                                        <input type="text" id="filter_tool_label_1" class="filter_tool_search_input">
                                    </div>
                                </div>
                                <div class="filter_tool">
                                    <label class="filter_label" for="filter_tool_label_2">Category</label>
                                    <div class="filter_tool_select_wrapper">
                                        <select class="filter_tool_select" id="filter_tool_label_2">
                                            <option value="All Categories">All Categories</option>
                                            <option value="Category One">Category One</option>
                                            <option value="Another Category">Another Category</option>
                                        </select>
                                        <span class="filter_tool_select_icon">
                                            <svg class="icon icon_expand">
                                                <use href="/images/icons.svg#expand" />
                                            </svg>
                                        </span>
                                    </div>
                                </div>
                                <div class="filter_tool">
                                    <label class="filter_label" for="filter_tool_label_3">Type</label>
                                    <div class="filter_tool_select_wrapper">
                                        <select class="filter_tool_select" id="filter_tool_label_3">
                                            <option value="All Types">All Types</option>
                                            <option value="Type One">Type One</option>
                                            <option value="Another Type">Another Type</option>
                                        </select>
                                        <span class="filter_tool_select_icon">
                                            <svg class="icon icon_expand">
                                                <use href="/images/icons.svg#expand" />
                                            </svg>
                                        </span>
                                    </div>
                                </div>
                                <div class="filter_tool filter_tool_submit_wrapper">
                                    <button class="filter_tools_submit" type="submit">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- END: Filter -->

    <!-- Event List -->
    <div class="event_list">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="event_list_inner">
                    <h2 class="event_list_title" id="event_list_title">Upcoming Events</h2>
                    <ul class="event_list_rows" id="item_list" aria-labelledby="event_list_title">
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <figure class="event_list_item_figure">
                                        <a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Phasellus viverra nulla ut metus varius laoreet" tabindex="-1">

                                            <img class="event_list_item_image" srcset="https://images.fastspot.com/jhu-sustainability/980x654/1 980w, https://images.fastspot.com/jhu-sustainability/740x494/1 740w, https://images.fastspot.com/jhu-sustainability/500x334/1 500w, https://images.fastspot.com/jhu-sustainability/300x200/1 300w" sizes="(min-width: 1394px) 394px, (min-width: 1220px) 344px, (min-width: 980px) 275px, (min-width: 740px) 206px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/1" alt="" loading="lazy" width="300" height="200">
                                        </a>
                                    </figure>
                                    <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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category One</a>

                                                <span class="event_list_item_divider"></span>
                                                <span class="event_list_item_group_association">Homewood Recycling</span>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-05-31 17:00:00">
                                                        <span class="event_list_item_time_start">May 31</span>
                                                        <span class="event_list_item_time_end"> - Jun 13, 2023</span>
                                                    </time>
                                                    |
                                                    <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>
                                                    <a href="#" class="event_list_item_detail_link">
                                                        <span class="event_list_item_detail_label event_list_item_detail_location">Fastspot, 2980 Long Name of Road Rd. Baltimore, MD 21218</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <div class="event_list_item_placeholder">
                                        <a class="event_list_item_figure_link event_list_item_figure_link_placeholder" href="page-event-detail.html" aria-label="Read more about Aenean commodo ligula eget dolor" tabindex="-1">
                                            <img src="/images/placeholder-calendar.svg" class="event_list_item_placeholder_icon" width="123" height="123" alt="">
                                        </a>
                                    </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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category One</a>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-05-31 17:00:00">
                                                        <span class="event_list_item_time_start">May 31</span>
                                                    </time>
                                                </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_label event_list_item_detail_location">Location</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <figure class="event_list_item_figure">
                                        <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/jhu-sustainability/980x654/2 980w, https://images.fastspot.com/jhu-sustainability/740x494/2 740w, https://images.fastspot.com/jhu-sustainability/500x334/2 500w, https://images.fastspot.com/jhu-sustainability/300x200/2 300w" sizes="(min-width: 1394px) 394px, (min-width: 1220px) 344px, (min-width: 980px) 275px, (min-width: 740px) 206px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/2" alt="" loading="lazy" width="300" height="200">
                                        </a>
                                    </figure>
                                    <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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category Two</a>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-05-31 17:00:00">
                                                        <span class="event_list_item_time_start">May 31</span>
                                                        <span class="event_list_item_time_end"> - Jun 13, 2023</span>
                                                    </time>
                                                    |
                                                    <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_label event_list_item_detail_location">Location</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <figure class="event_list_item_figure">
                                        <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/jhu-sustainability/980x654/3 980w, https://images.fastspot.com/jhu-sustainability/740x494/3 740w, https://images.fastspot.com/jhu-sustainability/500x334/3 500w, https://images.fastspot.com/jhu-sustainability/300x200/3 300w" sizes="(min-width: 1394px) 394px, (min-width: 1220px) 344px, (min-width: 980px) 275px, (min-width: 740px) 206px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/3" alt="" loading="lazy" width="300" height="200">
                                        </a>
                                    </figure>
                                    <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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category One</a>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-06-13 17:00:00">
                                                        <span class="event_list_item_time_start">Jun 13</span>
                                                    </time>
                                                    |
                                                    <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_label event_list_item_detail_location">Location</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <div class="event_list_item_placeholder">
                                        <a class="event_list_item_figure_link event_list_item_figure_link_placeholder" href="page-event-detail.html" aria-label="Read more about Aenean massa" tabindex="-1">
                                            <img src="/images/placeholder-calendar.svg" class="event_list_item_placeholder_icon" width="123" height="123" alt="">
                                        </a>
                                    </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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category Three</a>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-06-22 17:00:00">
                                                        <span class="event_list_item_time_start">Jun 22</span>
                                                    </time>
                                                    |
                                                    <span class="event_list_item_detail_label">
                                                        <span class="event_list_item_detail_label_date">5:00 PM - 7:21 PM</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="event_list_row">
                            <div class="event_list_item">
                                <div class="event_list_item_inner">
                                    <figure class="event_list_item_figure">
                                        <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/jhu-sustainability/980x654/4 980w, https://images.fastspot.com/jhu-sustainability/740x494/4 740w, https://images.fastspot.com/jhu-sustainability/500x334/4 500w, https://images.fastspot.com/jhu-sustainability/300x200/4 300w" sizes="(min-width: 1394px) 394px, (min-width: 1220px) 344px, (min-width: 980px) 275px, (min-width: 740px) 206px, calc(100vw - 66px)" src="https://images.fastspot.com/jhu-sustainability/300x200/4" alt="" loading="lazy" width="300" height="200">
                                        </a>
                                    </figure>
                                    <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>
                                            <p class="event_list_item_meta">
                                                <a class="event_list_item_category" href="#">Category One</a>

                                            </p>
                                        </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>
                                                    <time class="event_list_item_time" datetime="2023-06-23 17:00:00">
                                                        <span class="event_list_item_time_start">Jun 23</span>
                                                    </time>
                                                    |
                                                    <span class="event_list_item_detail_label">
                                                        <span class="event_list_item_detail_label_date">5:00 PM - 7:21 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_label event_list_item_detail_location">Location</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </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_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">
                                    <div class="pagination_form_elem_wrap">
                                        <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>
                                    </div>
                                    <span class="pagination_form_suffix">of 50</span>
                                    <button class="pagination_form_button button theme_dark" type="submit" aria-label="View Page">
                                        <div class="button_inner">Go</div>
                                    </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">
	{% render '@partial-event-feature' %}

	{% include '@partial-filter' with {
		label: '',
		active: '',
		action_category: '#',
		action_search: '#',
		full_width: true,
		tools: [
			{
				label: 'Search',
				search: true,
			},
			{
				label: 'Category',
				options: [
					{
						label: 'All Categories'
					},
					{
						label: 'Category One'
					},
					{
						label: 'Another Category'
					}
				]
			},
			{
				label: 'Type',
				options: [
					{
						label: 'All Types'
					},
					{
						label: 'Type One'
					},
					{
						label: 'Another Type'
					}
				]
			}
		],
		search_placeholder: 'Search by keyword',
		results: '',
		category: ''
	} %}

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

No notes defined.