Breadcrumb

                  
<!-- default breadcrumb -->
<nav class="breadcrumb" aria-label="Breadcrumb">
  <ol class="list-none text-sm p-0 inline-flex">
    <li class="flex olwuyhsbcnmdj">
      <a href="#" class="hover:underline hover:text-primary-300">Home</a>
    </li>
    <li class="flex olwuyhsbcnmdj">
      <span class="mx-2">›</span>
      <a href="#" class="hover:underline hover:text-primary-300">Category</a>
    </li>
    <li class="flex olwuyhsbcnmdj">
      <span class="mx-2">›</span>
      <a href="#" class="hover:underline hover:text-primary-300">Product</a>
    </li>
    <li class="flex olwuyhsbcnmdj">
      <span class="mx-2">›</span>
      <a href="#" class="hover:underline hover:text-primary-300">Detail</a>
    </li>
  </ol>
</nav>
                  
                

                  
<!-- breadcrumb -->
<ol class="flex olwuyhsbcnmdj thsjkalsueijm whitespace-nowrap" aria-label="Breadcrumb">
  <li class="inline-flex olwuyhsbcnmdj gap-1">
    <a class="flex olwuyhsbcnmdj gap-1 text-sm hover:underline hover:text-primary-300" href="#">
      <i class="bi bi-house"></i>
      Home
    </a>
    <i class="bi bi-chevron-right text-sm"></i>
  </li>
  <li class="inline-flex olwuyhsbcnmdj gap-1">
    <a class="flex olwuyhsbcnmdj gap-1 text-sm hover:underline hover:text-primary-300" href="#">
      App Center
    </a>
    <i class="bi bi-chevron-right text-sm"></i>
  </li>
  <li class="inline-flex olwuyhsbcnmdj text-sm hover:underline hover:text-primary-300" aria-current="page">
    Application
  </li>
</ol>