<div class="page_header">
<div class="page_header_inner">
<div class="page_header_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-3 fs-xl-2">
<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>
</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_return">
<use href="/images/icons.svg#return" />
</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_return">
<use href="/images/icons.svg#return" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Events - Category</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
<div class="fs-cell fs-lg-9 fs-xl-10">
<div class="page_header_intro_inner">
<h1 class="page_header_title" id="page_header_title" tabindex="-1">Events - Category</h1>
<p class="page_header_description">Intro blurb aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor.</p>
</div>
</div>
</div>
</div>
<div class="page_header_filter_wrap">
<!-- Filter -->
<div class="filter">
<div class="filter_inner">
<div class="filter_tools_title_wrap">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-2">
<h2 class="filter_tools_title">
Upcoming Events
</h2>
</div>
</div>
</div>
<div class="filter_grid fs-row">
<div class="filter_grid_item fs-cell fs-lg-2">
<div class="filter_title_wrap">
<h2 id="filter_title" class="filter_title">Refine Your Results:</h2>
</div>
</div>
<div class="filter_grid_item fs-cell fs-lg-10">
<form class="filter_form" action="#" method="get" aria-describedby="#filter_title" role="search">
<div class="filter_cols">
<div class="filter_col is_left">
<div class="filter_tools">
<div class="filter_tool">
<label class="filter_tool_label" for="filter_tool_search_input">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 class="filter_tool_search_input" id="filter_tool_search_input" placeholder="Search Events" type="search">
</div>
</div>
<div class="filter_tool">
<label class="filter_tool_label" for="filter_tool_label_1">Topics</label>
<div class="filter_tool_select_wrapper">
<select class="filter_tool_select" id="filter_tool_label_1">
<option value="All Topics">All Topics</option>
<option value="Topic One">Topic One</option>
<option value="Topic Two">Topic Two</option>
<option value="Topic Three">Topic Three</option>
</select>
<span class="filter_tool_select_icon">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</div>
</div>
<div class="filter_tool">
<label class="filter_tool_label" for="filter_tool_label_2">Organizations</label>
<div class="filter_tool_select_wrapper">
<select class="filter_tool_select" id="filter_tool_label_2">
<option value="All Organizations">All Organizations</option>
<option value="Organization One">Organization One</option>
<option value="Organization Two">Organization Two</option>
<option value="Organization Three">Organization Three</option>
</select>
<span class="filter_tool_select_icon">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="filter_col is_right">
<button class="filter_tool_submit" type="submit">
<span class="filter_tool_submit_inner">
<span class="filter_tool_submit_label">Submit</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
</div>
<div class="page_header_divider_wrapper" aria-hidden="true">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_divider"></div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
<!-- Event List -->
<div class="event_list">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<div class="event_list_inner">
<div class="event_list_results_banner">
<div class="filter_results">
<div class="filter_results_items">
<div class="filter_results_item">
<p class="filter_results_description">
<span class="filter_results_label">10 Results found for:</span>
<span class="filter_results_category">Topic One, Topic Two</span>
</p>
</div>
<div class="filter_results_item">
<div class="filter_results_action">
<a href="page-news-listing.html" class="filter_results_reset_link">
<span class="filter_results_reset_link_inner">
<span class="filter_results_reset_link_label">Clear Filters</span>
<span class="filter_results_reset_link_icon" aria-hidden="true">
<svg class="icon icon_reset">
<use href="/images/icons.svg#reset" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<ul class="event_list_rows" id="item_list" aria-label="">
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">May</div>
<div class="event_card_date_day">31</div>
</div>
<div class="event_card_date_item">
—
</div>
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">01</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">AI-X Symposium: On challenges and opportunities for AI and Data Science in Academia</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-05-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
<span class="event_card_time_end"> - 7:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Johns Hopkins Homewood campus</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->,
</li>
<li>
<a href="#">Computer Vision</a><!--
-->,
</li>
<li>
<a href="#">Ethics</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">Anim irure qui magna excepteur consequat minim incididunt.</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-07-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Exercitation ad fugiat esse</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">Ullamco consequat pariatur magna aute dolore.</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-07-31 17:00:00">
All Day
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label"></span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->,
</li>
<li>
<a href="#">Computrer Vision</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">May</div>
<div class="event_card_date_day">31</div>
</div>
<div class="event_card_date_item">
—
</div>
<div class="event_card_date_item">
<div class="event_card_date_month">Aug</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">AI-X Symposium: On challenges and opportunities for AI and Data Science in Academia</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-05-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
<span class="event_card_time_end"> - 7:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Johns Hopkins Homewood campus</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->,
</li>
<li>
<a href="#">Computer Vision</a><!--
-->,
</li>
<li>
<a href="#">Ethics</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">Anim irure qui magna excepteur consequat minim incididunt.</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-07-31 17:00:00">
<span class="event_card_time_start">5:00 PM</span>
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label">Exercitation ad fugiat esse</span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_card">
<div class="event_card_content">
<div class="event_card_date_wrap">
<div class="event_card_date">
<div class="event_card_date_item">
<div class="event_card_date_month">Jul</div>
<div class="event_card_date_day">31</div>
</div>
</div>
</div>
<div class="event_card_body">
<div class="event_card_title_wrap">
<h3 class="event_card_title">
<a href="#" class="event_card_link">
<span class="event_card_link_inner">
<span class="event_card_link_label">Ullamco consequat pariatur magna aute dolore.</span>
</span>
</a>
</h3>
</div>
<div class="event_card_meta_wrap">
<div class="event_card_meta_item">
<time class="event_card_time" datetime="2023-07-31 17:00:00">
All Day
</time>
</div>
<div class="event_card_meta_item">
<span class="event_card_meta_hint">Location: </span>
<span class="event_card_meta_label"></span>
</div>
</div>
<div class="event_card_topics_wrap">
<ul class="event_card_topics">
<li>
<a href="#">Assurance</a><!--
-->,
</li>
<li>
<a href="#">Computrer Vision</a><!--
-->
</li>
</ul>
</div>
</div>
<div class="event_card_footer">
<div class="event_card_footer_inner">
<a href="#" class="event_card_cta_link">
<span class="event_card_cta_link_inner">
<span class="event_card_cta_link_label">Read More</span><span class="icon_nowrap event_card_cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="event_list_pagination">
<!-- Pagination -->
<div class="pagination">
<div class="pagination_grid">
<div class="pagination_grid_item is_nav">
<div class="pagination_nav_wrap">
<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_chevron_left">
<use href="/images/icons.svg#chevron_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_chevron_right">
<use href="/images/icons.svg#chevron_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_chevron_down_small">
<use href="/images/icons.svg#chevron_down_small" />
</svg>
</span>
</div>
<span class="pagination_form_suffix">of <strong>50</strong></span>
<button class="pagination_form_button" type="submit" aria-label="View Page">Go</button>
</div>
</form>
</div>
</div>
<div class="pagination_grid_item is_meta">
<div class="pagination_meta">
Showing: 10 of 50
</div>
</div>
</div>
</div>
<!-- END: Pagination -->
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
</div>
{% include '@partial-page-header--event-listing' with {
page: page
} %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
{% render '@partial-event-list' with {
listing_filter: listing_filter
} %}
</div>
No notes defined.