<footer class="site-footer">
    <div class="row text-center text-lg-left ml-0 mr-0">
        <div class="col-0 col-lg-2 ml-auto"></div>
        <nav class="col-12 col-lg-2">
            <strong class="text-uppercase">{% t footer.sitemap %}</strong>
            <ul class="list-unstyled ml-0">
                <li><a href="/">{% t meta.titles.index %}</a></li>
                <li><a href="{% link _pages/about-us.html %}">{% t meta.titles.aboutus %}</a></li>
                <li><a href="{% link _pages/services-and-products.html %}">{% t meta.titles.services_and_products %}</a></li>
                <li><a href="{% link _pages/contacts.html %}">{% t meta.titles.contacts %}</a></li>
            </ul>
        </nav>
        <div class="col-12 col-lg-2">
            <strong class="text-uppercase">{% t footer.projects %}</strong>
            <ul class="list-unstyled ml-0">
                <li><a href="{% link _pages/referral.html %}">{% t meta.titles.referral %}</a></li>
                <li><a href="{% link _pages/radio.html %}">{% t meta.titles.radio %}</a></li>
                <li><a href="{% link _pages/software.html %}">{% t meta.titles.software %}</a></li>
                <li><a href="{% link _pages/news.html %}">{% t meta.titles.news %}</a></li>
            </ul>
        </div>
        <div class="col-12 col-lg-2">
            <strong class="text-uppercase">{% t footer.channels %}</strong>
            <ul class="list-unstyled ml-0">
                <li><a href="{% link _pages/peertube.html %}">{% t meta.titles.peertube %}</a></li>
                <li><a href="{% link _pages/funkwhale.html %}">{% t meta.titles.funkwhale %}</a></li>
            </ul>
        </div>
        <div class="col-1 col-lg-2 mr-auto"></div>
    </div>
    <br>
    <div class="container">
        <div class="input-group mb-5">
            <input type="text" id="search-input" class="form-control rounded-right" placeholder="{% t inputs.search %}"
                   aria-label="{% t inputs.search %}" aria-describedby="button-search" autocomplete="off">
            <div class="input-group-append">
                <div id="results-container" class="dropdown-menu d-block p-0 border-0"></div>
            </div>
        </div>
        <p>
            Copyright © Unitoo 2017-{{ 'now' | date: "%Y" }}<br>
            {{ site.description }}<br><br>
            <small>
                {% t footer.license %}
                <a target="_blank" rel="nofollow" href="https://gitea.it/Unitoo/unitoo-site">
                    <i class="fas fa-link-ext"></i> Gitea
                </a>
                <br>
            </small>
        </p>

        <ul class="list-inline social-buttons mt-2 mb-3 mx-auto">
            <li class="list-inline-item">
                <a href="https://gitea.it/Unitoo" rel="nofollow" target="_blank" data-original-title="" title="">
                    <i class="fab fa-gitea" data-original-title="" title=""></i></a>
            </li>
            <li class="list-inline-item">
                <a href="https://github.com/UnitooTeam" rel="nofollow" target="_blank" data-original-title=""
                   title=""><i class="fab fa-github-circled" data-original-title="" title=""></i></a>
            </li>
            <li class="list-inline-item">
                <a href="https://mastodon.uno/@unitoo" rel="me" target="_blank" data-original-title="" title="">
                    <i class="fab fa-mastodon"></i>
                </a>
            </li>
            <li class="list-inline-item">
                <a href="https://matrix.to/#/#nodo-1-unity:unitoo.it" target="_blank" rel="nofollow" data-original-title="" title="">
                    <i class="fab fa-element"></i>
                </a>
            </li>
            <li class="list-inline-item">
                <a href="{% link _pages/news.html %}" target="_blank" data-original-title="" title="">
                    <i class="fab fa-telegram"></i>
                </a>
            </li>
            <li class="list-inline-item">
                <a href="https://liberapay.com/Unitoo/" rel="nofollow" target="_blank" data-original-title="" title="">
                    <i class="fab fa-liberapay"></i>
                </a>
            </li>
        </ul>

        <div class="small mt-3">
            Unitoo di Claudio Maradonna, Via Circonvallazione Sud 28/A, Monteprandone, 63076 (AP) - 02324570445 - REA:
            AP-204883 - info@unitoo.it
            <br>
            <a href="{% link _pages/privacy.html %}">Informativa privacy</a>
        </div>
    </div>
</footer>