<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</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</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_featured_wrap">
<!-- Event Feature -->
<div class="event_feature_block">
<div class="fs-row fs-lg-justify-end">
<div class="fs-cell fs-lg-10">
<div class="event_feature_block_inner">
<header class="event_feature_block_head">
<h2 class="event_feature_block_title">Featured Event</h2>
</header>
<div class="event_feature">
<figure class="event_feature_figure">
<img class="event_feature_image" srcset="https://images.fastspot.com/framework/1440x617/1 1440w, https://images.fastspot.com/framework/1220x523/1 1220w, https://images.fastspot.com/framework/980x420/1 980w, https://images.fastspot.com/framework/740x317/1 740w, https://images.fastspot.com/framework/500x214/1 500w, https://images.fastspot.com/framework/300x129/1 300w" sizes="(min-width: 1478px) 1315px, (min-width: 980px) 70vw, 90vw" src="https://images.fastspot.com/framework/300x129/1" alt="" loading="lazy" width="300" height="129">
</figure>
<div class="event_feature_wrapper">
<div class="event_feature_wrapper_inner">
<div class="event_feature_header">
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">AI-X Symposium: On challenges and opportunities for AI and Data Science in Academia</span>
</span>
</a>
</h3>
<div class="event_feature_time_wrapper">
<time class="event_feature_time" datetime="2023-05-31 17:00:00">
<span class="event_feature_time_start">May 31, 2023</span>
</time>
</div>
</div>
<div class="event_feature_body">
<div class="event_feature_details">
<div class="event_feature_detail">
<span class="event_feature_detail_hint">Time: </span>
<span class="event_feature_detail_label">
<span class="event_feature_detail_label_date">5:00 PM - 7:00 PM</span>
</span>
</div>
<div class="event_feature_detail">•</div>
<div class="event_feature_detail">
<span class="event_feature_detail_hint">Location: </span>
<span class="event_feature_detail_label">Johns Hopkins Homewood campus</span>
</div>
</div>
<div class="event_feature_description">
<p>At the symposium, thought leaders from industry and academia will come together to discuss strategies that can help guide the future of artificial intelligence and data science within major universities. Speakers will address the major challenges in AI and data science and discuss those areas that will have the greatest impact on scholarship, discovery, and translation.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Feature -->
</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">
<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.