<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_meta_wrap" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- Person Meta -->
<div class="people_meta" id="meta" data-type="entity">
<div class="fs-row">
<div class="fs-cell">
<div class="people_meta_inner">
<div class="people_meta_grid has_no_image">
<div class="people_meta_grid_item is_header">
<header class="people_meta_header">
<h1 id="page_title" class="people_meta_title">
Adam Charles
</h1>
<ul class="people_meta_positions_wrap" aria-label="Adam Charles titles / positions">
<li class="people_meta_position">
Associate Professor
</li>
<li class="people_meta_position">
International Teaching and Global Leadership
</li>
</ul>
</header>
</div>
<div class="people_meta_grid_item is_meta">
<table class="people_meta_table">
<thead>
<tr>
<th>Label</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<th>Primary School</th>
<td>
<a href="#">Whiting School of Engineering</a>
</td>
</tr>
<tr>
<th>Department</th>
<td>
Biomedical Engineering
</td>
</tr>
<tr>
<th>Focus Area</th>
<td>
<ul>
<li>
<a href="Machine Learning">Machine Learning</a><!--
--><span>,</span>
</li>
<li>
<a href="Application">Application</a><!--
--><span>,</span>
</li>
<li>
<a href="Ethics">Ethics</a><!--
-->
</li>
</ul>
</td>
</tr>
<tr>
<th>Contact</th>
<td>
<a href="mailto:name@university.edu">name@university.edu</a>
</td>
</tr>
</tbody>
</table>
<div class="person_meta_links_wrap">
<div class="person_meta_link_item">
<a href="#" class="person_meta_personal_link">
<span class="person_meta_personal_link_inner">
<span class="person_meta_personal_link_label">Research Lab</span><span class="icon_nowrap person_meta_personal_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="person_meta_link_item">
<a href="#" class="person_meta_personal_link">
<span class="person_meta_personal_link_inner">
<span class="person_meta_personal_link_label">Website</span><span class="icon_nowrap person_meta_personal_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="person_meta_link_item">
<a href="#" class="person_meta_personal_link">
<span class="person_meta_personal_link_inner">
<span class="person_meta_personal_link_label">Get In Touch</span><span class="icon_nowrap person_meta_personal_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 class="people_meta_grid_item is_media">
<div class="people_meta_social_wrap is_desktop">
<div class="people_meta_detail social">
<div class="people_meta_detail_label">Social</div>
<ul class="people_meta_socials" aria-label="Social Links for Adam Charles">
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles Facebook" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span><span class="people_meta_social_link_label">Facebook</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles X" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg>
</span><span class="people_meta_social_link_label">X</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles LinkedIn" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span><span class="people_meta_social_link_label">LinkedIn</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="people_meta_grid_item is_social">
<div class="people_meta_social_wrap">
<div class="people_meta_detail social">
<div class="people_meta_detail_label">Social</div>
<ul class="people_meta_socials" aria-label="Social Links for Adam Charles">
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles Facebook" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span><span class="people_meta_social_link_label">Facebook</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles X" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg>
</span><span class="people_meta_social_link_label">X</span></a>
</li>
<li class="people_meta_social">
<a class="people_meta_social_link" href="#" aria-label="Adam Charles LinkedIn" target="_blank" rel="noopener"><span class="people_meta_social_link_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span><span class="people_meta_social_link_label">LinkedIn</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
</div>
</div>
</div>
</div>
</div>
</div>
<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">
{% 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_meta_wrap" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% render '@partial-people-meta' with {
page: page
} %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.