c-breadcrumb.html

<nav class="c-breadcrumb">
  <ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="breadcrumb__list">
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="breadcrumb-element">
      <a itemprop="item" href="https://example.com/" class="breadcrumb-element__link"
        ><span itemprop="name" class="breadcrumb-element__name">Home</span></a
      ><meta itemprop="position" content="1" />
    </li>
    <span class="breadcrumb-element__divider">&gt;</span>
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="breadcrumb-element">
      <a itemprop="item" href="https://example.com/bikes" class="breadcrumb-element__link"
        ><span itemprop="name" class="breadcrumb-element__name">Bikes</span></a
      ><meta itemprop="position" content="2" />
    </li>
    <span class="breadcrumb-element__divider">&gt;</span>
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="breadcrumb-element">
      <a itemprop="item" href="https://example.com/bikes/bike-x" class="breadcrumb-element__link"
        ><span itemprop="name" class="breadcrumb-element__name">Bike-X</span></a
      ><meta itemprop="position" content="3" />
    </li>
    <span class="breadcrumb-element__divider">&gt;</span>
  </ol>
</nav>