Breadcrumbs

Markup

<div class="breadcrumbs">

	<ul>
		<li><a href="#">AAA Home</a></li>
		<li><a href="#">Automotive</a></li>
		<li><a href="#">Roadside Assistance</a></li>
		<li><a href="#">Roadside Services</a></li>
		<li class="current"><a href="#">Auto Glass Services</a></li>
	</ul>

	<!-- Do not implement this link -->
	<a href="/inc/modules/?module=breadcrumbs" class="module-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">Breadcrumbs</span>
	</a>
	<!-- Do not implement this link -->

</div>

This component is used in conjunction with the hero image on all non-landing pages. This element is to be eliminated on mobile.

To apply the "current" page state style, add the current class to the list item.