<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">Jane Smith</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 ">
<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">
<figure class="people_meta_figure">
<img class="people_meta_image" srcset="https://images.fastspot.com/framework/740x740/1 740w, https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/100x100/1 100w" sizes="(min-width: 1220px) 420px, (min-width: 980px) 150px, 75px" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
<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="people_entry">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:jane-doe@xyz.edu',
'image': 'janedoe.jpg',
'jobTitle': 'Professor',
'name': 'Jane Doe',
'telephone': '(425) 123-4567',
'url': 'http://www.janedoe.com'
}
</script>
<div class="page_content">
<div class="fs-row">
<div class="fs-cell fs-xl-8 fs-xl-push-2">
<!-- WYSIWYG -->
<div class="typography">
<p>Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<!-- Page Content -->
<div class="full_width_callouts">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell fs-xl-10 fs-xl-push-2">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<blockquote class="testimonial_quote">
<span class="testimonial_quote_open">“</span>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare. Proin pulvinar, magna id vulputate commodo, metus massa tincidunt lorem, <a href="#">non elementum urna dui sed</a> neque. Nulla non ipsum fermentum, fermentum tellus ut, viverra est. Interdum et malesuada fames ac ant faucibus”.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/100x100/1 100w" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">Full Name</span>
<span class="testimonial_quote_title">Senior Director of Department</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<!-- Card Group -->
<div class="link_group">
<div class="link_group_header">
<div class="fs-row">
<div class="fs-cell fs-xl-8 fs-xl-push-2">
<div class="link_group_header_inner">
<h2 class="link_group_title">Facts & Figures</h2>
<div class="link_group_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
</div>
</div>
</div>
</div>
<div class="link_group_body">
<div class="fs-row">
<div class="fs-cell fs-xl-10 fs-xl-push-2">
<ul class="link_group_items" aria-label="Facts & Figures">
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="link_group_item">
<a href="#" class="link_group_item_link">
<span class="link_group_item_link_inner">
<span class="link_group_item_link_label">Link group link</span>
<span class="link_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
</div>
</div>
{% include '@partial-page-header--people-detail' with {
page: page
} %}
<div class="people_entry">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:jane-doe@xyz.edu',
'image': 'janedoe.jpg',
'jobTitle': 'Professor',
'name': 'Jane Doe',
'telephone': '(425) 123-4567',
'url': 'http://www.janedoe.com'
}
</script>
<div class="page_content">
<div class="fs-row">
<div class="fs-cell fs-xl-8 fs-xl-push-2">
<!-- WYSIWYG -->
<div class="typography">
<p>Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<!-- Page Content -->
<div class="full_width_callouts">
{% render "@component-testimonial" %}
{% render "@component-link-group" %}
</div>
</div>
No notes defined.