Breadcrumbs

Where you are, and the way back

Default

Code

<nav aria-label="Breadcrumb">
  <ol class="breadcrumb">
    <li><a href="index.html">Home</a></li>
    <li><a href="projects.html">Projects</a></li>
    <li aria-current="page">Website redesign</li>
  </ol>
</nav>

Long path

Code

<nav aria-label="Breadcrumb">
  <ol class="breadcrumb">
    <li><a href="index.html">Home</a></li>
    <li><a href="dashboard-ecommerce.html">E-commerce</a></li>
    <li><a href="ecommerce-products.html">Products</a></li>
    <li><a href="#">Audio</a></li>
    <li aria-current="page">Aero Wireless Headphones</li>
  </ol>
</nav>