<!-- People Header -->
<div class="people_header">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<div class="people_header_inner">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_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_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<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>
</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>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Royce Robertson, Ed.D.</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="people_header_body">
<div class="people_header_info">
<h1 class="people_header_title" id="page_title">Royce Robertson, Ed.D.</h1>
<ul class="people_header_details">
<li class="people_header_details_item">
<span class="people_header_details_title">Associate Professor</span>
<span class="people_header_details_department">Madden College of Business & Economics</span>
</li>
<li class="people_header_details_item">
<span class="people_header_details_title">Program Director</span>
<span class="people_header_details_department">Jones Center for Academic Technology</span>
</li>
</ul>
</div>
<figure class="people_header_figure">
<img class="people_header_image" srcset="https://images.fastspot.com/le-moyne/300x300/1 300w, https://images.fastspot.com/le-moyne/100x100/1 100w" sizes="(min-width: 1394px) 289px, (min-width: 1220px) 252px, (min-width: 980px) 282px, (min-width: 740px) 211px, (min-width: 500px) 27.2753vw + 3.6px, (min-width: 353px) 300px, calc((100vw - 40px) * .9591)" src="https://images.fastspot.com/le-moyne/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Feature -->
{#
{% include '@partial-people-header' with {
item: {
title: 'Title',
jobs: [
{
title: 'Professor',
department: 'Lorem, ipsum.'
}
],
image: '1',
}
} %}
#}
<!-- People Header -->
<div class="people_header">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<div class="people_header_inner">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home',
} %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="people_header_body">
<div class="people_header_info">
<h1 class="people_header_title" id="page_title">{{ page.title }}</h1>
<ul class="people_header_details">
{% for job in page.jobs %}
<li class="people_header_details_item">
<span class="people_header_details_title">{{ job.title }}</span>
<span class="people_header_details_department">{{ job.department }}</span>
</li>
{% endfor %}
</ul>
</div>
{% if page.image %}
<figure class="people_header_figure">
{% include '@partial-image' with {
class: 'people_header',
alt: '',
image: page.image,
loading: 'lazy',
sources: [
img.square.xxsml,
img.square.thumb,
],
sizes: [
'(min-width: 1394px) 289px',
'(min-width: 1220px) 252px',
'(min-width: 980px) 282px',
'(min-width: 740px) 211px',
'(min-width: 500px) 27.2753vw + 3.6px',
'(min-width: 353px) 300px',
'calc((100vw - 40px) * .9591)'
]
} %}
</figure>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Feature -->
No notes defined.