breadcrumbs

              <nav aria-label="Breadcrumb">
  <ol role="list" class="flex items-center space-x-2">
    <li>
      <a
        class="text-xs flex items-center font-medium gap-2 text-zinc-500 hover:text-blue-500"
        href="#_"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="icon icon-tabler-arrow-home size-4"
        >
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
          <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
          <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
        </svg>
      </a>
    </li>
    <li>
      <a
        class="text-xs flex items-center font-medium gap-2 text-zinc-500 hover:text-blue-500"
        href="#_"
      >
        Home
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="icon icon-tabler-chevron-right size-5"
        >
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </a>
    </li>
    <li>
      <a
        class="text-xs flex items-center font-medium gap-2 text-zinc-500 hover:text-blue-500"
        href="#_"
      >
        Work
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="icon icon-tabler-chevron-right size-5"
        >
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M9 6l6 6l-6 6"></path>
        </svg>
      </a>
    </li>
    <li>
      <a
        class="text-xs flex items-center font-medium gap-2 text-zinc-500 hover:text-blue-500"
        href="#_"
      >
        Details
      </a>
    </li>
  </ol>
</nav>