<nav>

<ul class="mdc-list mdc-list-group">
        {% for item in site.content_table %} {% if item.url %}
        <li>
                <a class="mdc-list-item" href="{{ item.url | escape | relative_url }}">
                        <span class="mdc-list-item__ripple"></span>
                        <span class="mdc-list-item__text">{{ item.title }}</span>
                </a>
        </li>
        {% else %}
        <li class="mdc-list-group__subheader">
                <p class="mdc-typography--headline6">{{ item.title }}</p>

                {% if item.links %}
                <ul class="mdc-list">
                        {% for subitem in item.links %}
                        <li>
                                <a class="mdc-list-item" href="{{ subitem.url | escape | relative_url }}">
                                        <span class="mdc-list-item__ripple"></span>
                                        <span class="mdc-list-item__text">{{ subitem.title }}</span>
                                </a>
                        </li>
                        {% endfor %}
                </ul>
                {% endif %}
        </li>
        {% endif %} {% endfor %}
</ul>

</nav>