VCUarts Component Library

Page Header: People Detail 

<div class="people_detail_header">
    <div class="people_detail_intro">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="people_detail_intro_inner">
                    <div class="people_detail_intro_meta">
                        <div class="people_detail_intro_group">
                            <div class="people_detail_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_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">Nullam dictum felis eu</span>
                                                    </span>
                                                </span>
                                            </li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                            <h1 class="people_detail_title" id="page_title" tabindex="-1">Nullam dictum felis eu</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{#
	{% include '@partial-page-header--people-detail' with {
		page: page
	} %}
#}

<div class="people_detail_header">
	<div class="people_detail_intro">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="people_detail_intro_inner">
					<div class="people_detail_intro_meta">
						<div class="people_detail_intro_group">
							<div class="people_detail_breadcrumb">
								{% render '@navigation-breadcrumb' with {
									page: page,
									modifier: '',
									links: page.breadcrumbNav,
									icon_home: '',
									icon_divider: '',
									icon_end: ''
								} %}
							</div>
							<h1 class="people_detail_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.