<footer>
    <div class="row NL_footer_menu">
        <div class="col-md-2 col-md-offset-1">
            <h3>Documentation <i class="fa fa-chevron-down"></i></h3>
            <ul>
                {% for page in site.data.services %}
                    {% if page.section == 'Documentation' %}
                        {% if page.title %}
                            {% if page.url contains 'http' %}
                                {% assign link = page.url %}
                            {% else %}
                                {% assign link = page.url | prepend: site.baseurl | prepend: site.url %}
                            {% endif %}
                            <li>
                                <a class="page-link {{ page.class }}" href="{{ link }}">
                                    {{ page.title }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
        <div class="col-md-2 col-md-offset-1">
            <h3>Legal <i class="fa fa-chevron-down"></i></h3>
            <ul>
                {% for page in site.data.services %}
                    {% if page.section == 'Legal' %}
                        {% if page.title %}
                            {% if page.url contains 'http' %}
                                {% assign link = page.url %}
                            {% else %}
                                {% assign link = page.url | prepend: site.baseurl | prepend: site.url %}
                            {% endif %}
                            <li>
                                <a class="page-link {{ page.class }}" href="{{ link }}">
                                    {{ page.title }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
        <div itemscope itemtype="https://schema.org/Organization" class="col-md-2 col-md-offset-1">
            <h3><img itemprop="logo" class="Labs64_logo" src="{{ '/img/labs64-logo.png' | prepend: site.baseurl | prepend: site.url }}" alt="{{ site.data.contacts[0].title }}" title="{{ site.data.contacts[0].title }}"/><i class="fa fa-chevron-down"></i></h3>
            <ul class="NL_footer_contacts">
                <li> Phone: <span itemprop="telephone" class="L64_links">{{ site.data.contacts[0].phone }}</span></li>
                <li> Email: <span class="L64_links"><a href="mailto:{{ site.data.contacts[0].email }}?subject={{ site.title | uri_escape }}" itemprop="email">{{ site.data.contacts[0].email }}</a></span></li>
                <li> Web: <span class="L64_links"><a href="{{ site.data.contacts[0].url }}" itemprop="url">{{ site.data.contacts[0].web }}</a></span></li>
            </ul>
            <meta itemprop="name" content="{{ site.company }}" />
            <meta itemprop="legalName" content="{{ site.data.contacts[0].title }}" />
            <meta itemprop="address" content="{{ site.data.contacts[0].address }}" />
            <meta itemprop="faxNumber" content="{{ site.data.contacts[0].fax }}" />
        </div>
        <div class="col-md-2 col-md-offset-1">
            <h3>Company <i class="fa fa-chevron-down"></i></h3>
            <ul>
                {% for page in site.data.services %}
                    {% if page.section == 'Company' %}
                        {% if page.title %}
                            {% if page.url contains 'http' %}
                                {% assign link = page.url %}
                            {% else %}
                                {% assign link = page.url | prepend: site.baseurl | prepend: site.url %}
                            {% endif %}
                            <li>
                                <a class="page-link {{ page.class }}" href="{{ link }}">
                                    {{ page.title }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="row NL_footer">
        <p class="col-md-6 col-md-offset-1">{{ site.title }} | Copyright &copy; 2010 - 20{{ site.time | date: '%y' }} {{ site.copyright }}</p>
        <div class="col-md-4 NL_social">
            <p>
            {% for media in site.data.socialmedia %}
                {% if media.url %}
                    {% if media.url contains 'http' %}
                        {% assign link = media.url %}
                    {% else %}
                        {% assign link = media.url | prepend: site.baseurl | prepend: site.url %}
                    {% endif %}
                    <a data-toggle="tooltip" data-placement="top" title="{{ media.title }}" target="_blank" href="{{ link }}"><i class="fa {{ media.class }}"></i></a>
                {% endif %}
            {% endfor %}
            </p>
        </div>
    </div>
</footer>
