Skip to content

Instantly share code, notes, and snippets.

@MaikelVeen
Created January 20, 2021 22:59
Show Gist options
  • Save MaikelVeen/8af843360cd1ef39d7cfd071f671f21a to your computer and use it in GitHub Desktop.
Save MaikelVeen/8af843360cd1ef39d7cfd071f671f21a to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment