Breadcrumb

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.

Example

In the following example user has already visited Portfolio page and within that page has visited the portfolio page/section (current page/section).

Usage

Following is a markup of a breacrumb:

    <nav class="cdt-breadcrumb">
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Portfolio</a></li>
    <li>User experience</li>
  </ol>
</nav>