<!-- _footer.template -->
<footer id="footer" class="footer">
    <div class="footer-top">
        <div class="container">
            <div class="row cols-xs-space cols-sm-space cols-md-space">
                <div class="col-lg-5">
                    <div class="col">

                        <span class="clearfix"></span>
                        {% comment %}<span class="heading heading-sm c-gray-light strong-400">Mietubl</span>{% endcomment %}
                        <h4>
                            {{site.dist.site_name }}
                        </h4>

                        <div class="copyright mt-4">
                            <p>
                                {{site.dist.copy_right | raw  }}
                            </p>
                        </div>
                    </div>
                </div>
                {% for menu in site.menus_footer %}
                    {% if menu.show %}
                        <div class="col-lg-2">
                            <div class="col">
                                <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
                                    {{ menu.title }}
                                </h4>

                                <ul class="footer-links">
                                    {% for child in menu.children %}
                                        {% if child.show %}
                                            <li>
                                                <a href="{{ child.uri }}" title="{{ child.title }}">
                                                    {{ child.title }}
                                                </a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}

                <div class="col-lg-3">
                    <div class="col">
                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
                            Get in touch
                        </h4>

                        <ul class="social-media social-media--style-1-v4">
                            <li>
                                <a href="{{ site.dist.facebook }}" class="facebook" target="_blank" data-toggle="tooltip" data-original-title="Facebook">
                                    <i class="fa fa-facebook"></i>
                                </a>
                            </li>
                            <li>
                                <a href="{{ site.dist.instagram }}" class="instagram" target="_blank" data-toggle="tooltip" data-original-title="Instagram">
                                    <i class="fa fa-instagram"></i>
                                </a>
                            </li>

                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
{{ site.dist.statistics_js }}
