Breadcrumb navigation in Craft CMS

breadcrumbs.html

<div class="breadcrumbs">
  <ul class="nav-list">
    <li class="nav-item"><a href="/">Home</a></li>
    {% set totalCrumbs = craft.request.getSegments() | length %}
    {% for crumb in craft.request.getSegments() %}
      {% if loop.index == totalCrumbs %}
      <li class="nav-item"><a href="{{craft.request.getUrl()}}">{{crumb | capitalize}}</a></li>
      {% else %}
      <li class="nav-item"><a href="{{craft.request.getUrl() | split('/' ~ craft.request.getSegment(loop.index + 1))[0]}}">{{crumb | capitalize}}</a></li>
      {% endif %}
    {% endfor %}
  </ul>
</div>