<div class="breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sup Bull</a></li>
<li><a href="#">China Shop</a></li>
<li><a href="#">Puppy Parade</a></li>
<li class="current"><a href="#">Trash Pandas Galore</a></li>
</ul>
<!-- Do not implement this link -->
<a href="/inc/components/?component=breadcrumbs" class="component-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.