Breadcrumbs are used as a navigation to reveal a user's location. When you have child pages and you want to be easily navigating back, you can use breadcrumbs.
In the following example user has already visited Portfolio page and within that page has visited the portfolio page/section (current page/section).
Following is a markup of a breacrumb:
<nav class="cdt-breadcrumb hide-deskktop"> <ol> <li> <a href="/test/projects">Projects</a> <svg class="icon" viewBox="0 0 22 22"> <path fill="currentColor" d="M8.59,16.59L13.17,12L8.59,7.41L10,6l6,6l-6,6L8.59,16.59z"></path> <path fill="none" d="M0,0h24v24H0V0z"></path> </svg> </li> <li>portfolio</li> </ol> </nav>