<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">Nullam dictum felis eu</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">Nullam dictum felis eu</h1>
<p class="page_header_description">Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</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_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="" type="search">
</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>
{#
{% include '@partial-page-header' with {
page: page
} %}
#}
<div class="page_header">
<div class="page_header_inner">
{% if page.title or page.description %}
<div class="page_header_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-3 fs-xl-2">
{% if page.breadcrumbNav != false %}
<div class="page_header_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_divider: 'return',
} %}
</div>
{% endif %}
</div>
<div class="fs-cell fs-lg-9 fs-xl-10">
<div class="page_header_intro_inner">
{% if page.title %}
<h1 class="page_header_title" id="page_header_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
{% if page.description %}
<p class="page_header_description">{{ page.description }}</p>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% if not listing_filter.category %}
<div class="page_header_featured_wrap">
{% render '@partial-event-feature' %}
</div>
{% endif %}
<div class="page_header_filter_wrap">
{% include "@partial-filter" with listing_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>
No notes defined.