<!-- _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>

                <div class="col-lg-2">
                    <div class="col">
                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
                            Support
                        </h4>

                        <ul class="footer-links">
                            <li><a href="/pages/faq" title="Jobs">FAQ</a></li>
                            <li><a href="/pages/sales" title="Jobs">Sales</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-2">
                    <div class="col">
                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
                            Company
                        </h4>

                        <ul class="footer-links">
                            <li>
                                <a href="/" title="Home">
                                    Home
                                </a>
                            </li>
                            <li>
                                <a href="/pages/about-us" title="About us">
                                    About us
                                </a>
                            </li>
                            <li>
                                <a href="/pages/service" title="Services">
                                    Services
                                </a>
                            </li>
                            <li>
                                <a href="/collections/news" title="News">
                                    News
                                </a>
                            </li>
                            <li>
                                <a href="/contact" title="Contact">
                                    Contact
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <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>
