<section class="qld__body qld__body-alt qld__body--breadcrumb">
<div class="container-fluid">
<!-- Breadcrumb example-->
<!-- Desktop-->
<nav class="qld__breadcrumbs" aria-label="breadcrumb">
<ol class="qld__breadcrumbs__list--desktop qld__link-list qld__link-list--inline">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Level 1 breadcrumb link</a>
</li>
<li>
<a href="#">Level 2 breadcrumb link</a>
</li>
<li>
<a href="#">Level 3 breadcrumb link</a>
</li>
<li>
<a href="#">Level 4 breadcrumb link</a>
</li>
<li>
<a href="#">Level 5 breadcrumb link</a>
</li>
<li>
<a href="#">Parent breadcrumb link </a>
</li>
<li aria-current="page">
Current page
</li>
</ol>
<!-- Mobile-->
<ol class="qld__breadcrumbs__list--mobile qld__link-list qld__link-list--inline">
<li>
<a href="#">Parent link</a>
</li>
</ol>
</nav>
</div>
</section>
Last updated: November 2024