<div class="page_header_wrapper ">
<div class="page_header">
<div class="page_header_content">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_content_inner">
<div class="page_header_breadcrumb">
<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">
<i class="fa-regular fa-regular fa-house"></i>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"></span>
</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"></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"></span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<div class="page_header_meta_wrap">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"email": "vulputate-eget@university.edu",
"image": "https://images.fastspot.com/merced/500x500/1",
"jobTitle": null,
"name": "Hi Mom",
"telephone": "",
"url": "#"
}
</script>
<!-- Person Meta -->
<div class="people-meta" id="people-meta-1">
<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-content">
<h1 class="people-meta__title">
Dr. John S Albana, Sr.
</h1>
<div class="people-meta__position">
Dean of Instruction Business Economics Edu. & Noncredit Instruction
</div>
<div class="people-meta__details">
<div class="people-meta__detail people-meta__detail--contact">
<div class="people-meta__detail-label visually_hide">
Contact
</div>
<div class="people-meta__detail-items">
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-header">
<div class="people-meta__detail-item-header-icon" aria-hidden="true">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<div class="people-meta__detail-item-header-label">
Phone
</div>
</div>
<div class="people-meta__detail-item-body">
<div class="people-meta__detail-item-body-label">
<a href="tel:(410) 555-1234" class="people-meta__detail_link">
<span class="people-meta__detail_link_inner">
<span class="people-meta__detail_link_label">(410) 555-1234</span>
</span>
</a>
</div>
</div>
</div>
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-header">
<div class="people-meta__detail-item-header-icon" aria-hidden="true">
<svg class="icon icon_mail">
<use href="/images/icons.svg#mail" />
</svg>
</div>
<div class="people-meta__detail-item-header-label">
Email Address
</div>
</div>
<div class="people-meta__detail-item-body">
<div class="people-meta__detail-item-body-label">
<a href="mailto:vulputate-eget@university.edu" class="people-meta__detail_link">
<span class="people-meta__detail_link_inner">
<span class="people-meta__detail_link_label">vulputate-eget@university.edu</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="people-meta__detail people-meta__detail--location">
<div class="people-meta__detail-label">
<div class="people-meta__detail-label__icon">
<svg class="icon icon_location">
<use href="/images/icons.svg#location" />
</svg>
</div>
<div class="people-meta__detail-label__text">Location</div>
</div>
<div class="people-meta__detail-items">
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-body">
<div class="people-meta__detail-item-body-label">
<a href="#" class="people-meta__detail_link">
<span class="people-meta__detail_link_inner">
<span class="people-meta__detail_link_label">Merced Campus</span>
</span>
</a>Appleseed Library<br>Room 214<br>Curabitur ullamcorper ultricies
</div>
</div>
</div>
</div>
</div>
<div class="people-meta__detail people-meta__detail--hours">
<div class="people-meta__detail-label">
<div class="people-meta__detail-label__icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</div>
<div class="people-meta__detail-label__text">Office Hours</div>
</div>
<div class="people-meta__detail-items">
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-body">
<div class="people-meta__detail-item-body-label">
Monday & Wednesday: 9-10:30a (In-person)</div>
</div>
</div>
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-body">
<div class="people-meta__detail-item-body-label">
Monday - Thursday: 10:30-11a (Zoom)</div>
</div>
</div>
</div>
</div>
<div class="people-meta__detail people-meta__detail--social">
<div class="people-meta__detail-label" id="people-meta-1__detail-label-social">
<div class="people-meta__detail-label__icon">
<svg class="icon icon_at">
<use href="/images/icons.svg#at" />
</svg>
</div>
<div class="people-meta__detail-label__text">Social</div>
</div>
<div class="people-meta__detail-items">
<div class="people-meta__socials" aria-labelledby="page-header__title people-meta-1__detail-label-social">
<div class="people-meta__detail-item">
<div class="people-meta__detail-item-body">
<a href="#" class="people-meta__detail_link"><span class="people-meta__detail_link_inner"><span class="people-meta__detail_link_label">Linkedin</span></span></a>,
<a href="#" class="people-meta__detail_link"><span class="people-meta__detail_link_inner"><span class="people-meta__detail_link_label">X</span></span></a>,
<a href="#" class="people-meta__detail_link"><span class="people-meta__detail_link_inner"><span class="people-meta__detail_link_label">Facebook</span></span></a>,
<a href="#" class="people-meta__detail_link"><span class="people-meta__detail_link_inner"><span class="people-meta__detail_link_label">Instagram</span></span></a>
</div>
</div>
</div>
</div>
</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/merced/500x500/1 500w, https://images.fastspot.com/merced/300x300/1 300w, https://images.fastspot.com/merced/100x100/1 100w" sizes="(min-width: 1240px) 225px, (min-width: 980px) calc(4.17vw + 154px), 130px" src="https://images.fastspot.com/merced/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Person Meta -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@component-page-header' with {
page: page
} %}
#}
<div class="page_header_wrapper {% if page.background or page.video %} page_header_has_media{% endif %}">
<div class="page_header">
<div class="page_header_content">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_content_inner">
{% if page.breadcrumbNav != false %}
<div class="page_header_breadcrumb">
{% render '@navigation-breadcrumb' with {
modifier: '',
links: page.breadcrumbNav,
icon_home: 'fa-regular fa-house',
icon_divider: 'fa-slash-forward'
} %}
</div>
{% endif %}
<div class="page_header_meta_wrap">
{% render '@component-people-meta' with {
item: {
name: page.title,
job_title: page.description,
image: page.image
}
} %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.