site/_src/_includes/menu-footer.html

<nav class="menu menu--footer">

    <div class="grid grid--full grid-small--fit">

        <div class="grid__col">
            <a class="menu__logo" href="/">
                <svg class="logo logo--sm logo--white--green" aria-labelledby="title">
                    <title>Logo</title>
                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
                </svg>
            </a>
        </div>

        <div class="grid__col">
            {% for link in site.data.menus.main %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                {% unless link.items %}
                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>
                {% endunless %}

                {% for item in link.items %}
                    {% assign active = nil %}
                    {% if page.url contains item.url %}
                        {% assign active = 'active' %}
                    {% endif %}

                    <a class="menu__link menu__link--secondary {{ active }} js-tracking-menu" href="{{ item.url }}">{{ item.title }}</a>
                {% endfor %}

            {% endfor %}
        </div>

        <div class="grid__col">
            {% for link in site.data.menus.secondary %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </div>

        <div class="list-unstyled grid__col">
            {% for link in site.data.menus.community %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </div>

    </div>

    <div class="footer__copyright">
        <small>
            &copy; {{ site.time | date: "%Y" }} {{ site.address.company }}

            {% for link in site.data.menus.legal %}

                {% assign active = nil %}
                {% if page.url contains link.url %}
                    {% assign active = 'active' %}
                {% endif %}

                <a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>

            {% endfor %}
        </small>

        <a class="erdf" href="/erdf/" title="BigchainDB is partially supported by the European Regional Development Fund (ERDF)">
            <svg class="logo logo-erdf" aria-labelledby="title">
                <title>European Regional Development Fund (ERDF)</title>
                <use xlink:href="/assets/img/sprite.svg#logo-erdf"></use>
            </svg>
        </a>
    </div>

</nav>