<nav aria-label=“breadcrumb”>

<ol class="breadcrumb breadcrumbs">
{% if site.core_root == true %}  
  {% if page.title != '404' and page.title != 'Settings' %} 
  <li class="breadcrumb-item">
    <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
      <title lang="en" id="home-icon-title">Home</title>
      <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
      <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
      9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
    </svg>
  </li>
  {% else if page.title == '404' or page.title == 'Settings' %}
  <li class="breadcrumb-item">
    <a href="../">
      <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
        <title lang="en" id="home-icon-title">Home</title>
        <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
        <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
        9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
      </svg>
    </a>
  </li>
  <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
  {% endif %}
{% else %}
  {% if page.url == "/" %}
  <li class="breadcrumb-item">
    <a href="../">
      <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
        <title lang="en" id="home-icon-title">Home</title>
        <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
        <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
        9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
      </svg>
    </a>
  </li>
  <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
  {% else %}
  {% assign url_arr = page.url | split: "/" %}
  <li class="breadcrumb-item">
    <a href="../{{ page.baseurl }}">
      <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
        <title lang="en" id="home-icon-title">Home</title>
        <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
        <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
        9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
      </svg>
    </a>
  </li>
  <li class="breadcrumb-item"><a href="{{ page.baseurl }}">{{ site.site_name }}</a></li>
  {% for item in url_arr %}
  {% if item != '' %}
    {% if forloop.last %}
  <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
    {% else %}
  <li class="breadcrumb-item"><a href="../">{{ item | capitalize }}</a></li>
    {% endif %}
  {% endif %}
  {% endfor %}
  {% endif %}
{% endif %}
</ol>

</nav>