lightning_design_header.html

<!-- Header Start -->
<div class="slds-m-around_large">
	<div class="slds-page-header">
		<div class="slds-page-header__row">
			<div class="slds-page-header__col-title">
				<div class="slds-media">
					<div class="slds-media__figure">
						<span class="slds-icon_container slds-icon-standard-opportunity" title="opportunity">
							<svg class="slds-icon slds-page-header__icon" aria-hidden="true">
								<use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#opportunity"></use>
							</svg>
							<span class="slds-assistive-text">Automation</span>
						</span>
					</div>
					<div class="slds-media__body">
						<div class="slds-page-header__name">
							<div class="slds-page-header__name-title">
								<h1>
									<span class="slds-page-header__title slds-truncate">Automations Schedules Listing</span>
								</h1>
							</div>
						</div>
						<p class="slds-page-header__name-meta">All your automations schedules in one page</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Header End -->