<div class="people_detail_featured theme_brand_green">
<div class="fs-row">
<div class="fs-cell">
<div class="people_detail_featured_inner">
<div class="people_detail_featured_breadcrumb">
<div class="page_breadcrumb page_breadcrumb_integrated">
<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_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</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_forward_slash">
<use href="/images/icons.svg#forward_slash" />
</svg>
</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>
</div>
<div class="people_detail_featured_body">
<figure class="js-rock people_detail_featured_item_figure">
<a class="people_detail_featured_item_figure_link" href="" aria-label="Read more about Professor" tabindex="-1">
<img class="people_detail_featured_item_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" src="https://images.fastspot.com/framework/300x300/1" alt="" loading="lazy" width="300" height="300">
</a>
</figure>
<div class="people_detail_featured_item_wrapper">
<div class="people_detail_featured_item_header">
<h2 class="people_detail_featured_item_name">
Lauren Bausch
</h2>
<div class="people_detail_featured_item_title">
Professor
</div>
<div class="people_detail_featured_details">
<div class="people_detail_featured_detail">
<div class="people_detail_featured_detail_icon">
<svg class="icon icon_phone">
<use href="/images/icons.svg#phone" />
</svg>
</div>
<a class="people_detail_featured_detail_link" href="tel:7076217000">(707) 621-7000</a>
</div>
<div class="people_detail_featured_detail">
<div class="people_detail_featured_detail_icon">
<svg class="icon icon_email">
<use href="/images/icons.svg#email" />
</svg>
</div>
<a class="people_detail_featured_detail_link" href="mailto:l.bausch@drbu.edu">l.bausch@drbu.edu</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
{#
{% include '@component-related-news' with {
title: 'Title',
description: 'Description',
items: [
{
image: '1',
title: 'Item Title',
description: 'Item Description'
}
]
} %}
#}
<div class="people_detail_featured theme_{{ theme }}">
<div class="fs-row">
<div class="fs-cell">
<div class="people_detail_featured_inner">
<div class="people_detail_featured_breadcrumb">
<div class="page_breadcrumb page_breadcrumb_integrated">
<div class="page_breadcrumb_inner">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: '',
icon_divider: 'forward_slash',
icon_end: '',
} %}
</div>
</div>
</div>
<div class="people_detail_featured_body">
{% if image %}
<figure class="js-rock people_detail_featured_item_figure">
<a class="people_detail_featured_item_figure_link" href="{{ url }}" aria-label="Read more about {{ title }}" tabindex="-1">
{% include '@partial-image' with {
class: 'people_detail_featured_item',
alt: '',
image: image,
loading: 'lazy',
sources: [
img.square.sml,
img.square.xsml,
img.square.xxsml
]
} %}
</a>
</figure>
{% endif %}
<div class="people_detail_featured_item_wrapper">
<div class="people_detail_featured_item_header">
{% if categories %}
<div class="people_detail_featured_item_categories">
<div class="people_detail_featured_item_category_hint">Categories</div>
<ul class="people_detail_featured_item_category_list" aria-label="Categories">
{% for category in categories %}
<li class="people_detail_featured_item_category">
<a class="people_detail_featured_item_category_link" href="{{ category.url }}">{{ category.label }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
<h2 class="people_detail_featured_item_name">
{{ name }}
</h2>
<div class="people_detail_featured_item_title">
{{ title }}
</div>
<div class="people_detail_featured_details">
{% if phone %}
<div class="people_detail_featured_detail">
<div class="people_detail_featured_detail_icon">{{ icon('phone') }}</div>
<a class="people_detail_featured_detail_link" href="tel:{{ tel(phone) }}">{{ phone }}</a>
</div>
{% endif %}
{% if email %}
<div class="people_detail_featured_detail">
<div class="people_detail_featured_detail_icon">{{ icon('email') }}</div>
<a class="people_detail_featured_detail_link" href="mailto:{{ email }}">{{ email }}</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
No notes defined.