<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>
</nav>
<!-- Mobile Desktop -->
<nav class="qld__breadcrumbs qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
<div class="qld__link-list qld__link-list--inline">
<div class="qld__breadcrumbs__item">
<a href="javascript:void(0)" class="qld__breadcrumbs__link">
Parent page
</a>
</div>
</div>
</nav>
</div>
</section>