{% assign page-url = page.url | split: “/” %} {% assign iterator = 2 %} {% assign breadcrumb-path = “/” %} <nav aria-label=“breadcrumb” id=“breadcrumb”>

<div class="container">
    <h1>{{page.title}}</h1>
    <ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"
        class="breadcrumb-item">
            <a itemprop="item" href="/">
                <span itemprop="name">Home</span>
                <meta itemprop="position" content="1" />
            </a>
        </li>
        {% for section in page-url %}
            {% if forloop.last == false %}
                    {% if section == "" or section == "index.html" %}
                        {% continue %}
                    {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                            <a itemprop="item" href="{{breadcrumb-path}}">
                                <span itemprop="name">{{section | truncate: 20 | capitalize }}</span>
                            </a>
                            <meta itemprop="position" content="{{iterator}}" />
                        </li>
                    {% endif %}
            {% else %}
                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
                    <span itemprop="name">{{page.title}}</span>
                    <meta itemprop="position" content="{{iterator}}" />
                </li>
            {% endif %}
            {% assign iterator = iterator | plus: 1 %}
        {% endfor %}
    </ol>
</div>

</nav>