<div class="u-layout-wide u-layoutCenter u-padding-r-bottom">
  <nav aria-label="sei qui:" role="navigation">
    <ul class="Breadcrumb">
      <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="{{ site.baseurl }}">Home</a></li>

      {% assign page_url_without_index_html = page.url | remove: "/index.html" | remove: '/index' %}
      {% assign splitted_url_parts = page_url_without_index_html | split: '/' %}
      {% assign forLoopMaxInt = splitted_url_parts.size - 1 %}

      {% for i in (1..forLoopMaxInt) %}
          {% assign current_breadcrumb_url = next_prepender | append: '/' | append: splitted_url_parts[i] | append: '/index/' %}
          {% assign current_breadcrumb_md_url = next_prepender | append: '/' | append: splitted_url_parts[i] | append: '/' %}
          {% assign next_prepender = next_prepender | append: '/' | append: splitted_url_parts[i] %}
          {% for breadcrumb_page in site.pages %}
              {% if current_breadcrumb_url == breadcrumb_page.url or current_breadcrumb_md_url == breadcrumb_page.url  %}
               <li class="Breadcrumb-item">
                    {% assign breadcrumb_page_page_url_without_index_html = breadcrumb_page.url | remove: "index.html" %}
                    <a class="Breadcrumb-link u-color-50"
                      href="{{ site.baseurl }}{{breadcrumb_page_page_url_without_index_html}}">
                      {{breadcrumb_page.title}}
                    </a>
                </li>
              {% endif %}
          {% endfor %}
      {% endfor %}

    </ul>
  </nav>
</div>
