{% load i18n %}

<style>
.col-lg-12 {
	background-color: grey;
	color: white;
}
.list-inline {
	background-color: grey;
	color: white;
}
</style>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <ul class="list-inline">
                    <li class="col-lg-12">
                        <a href="#">Home</a>
                    </li>
                    <li class="footer-menu-divider">&sdot;</li>
                    <li>
                        <a href="#about">How it works</a></li>
                    <li class="footer-menu-divider">&sdot;</li>
                    <li>
                        <a href="#about">Your infrastructure</a></li>
                    <li>&sdot;</li>
                    <li>
                        <a href="#about">Our infrastructure</a></li>
                    <li class="footer-menu-divider">&sdot;</li>
                    <li>
                        <a href="#services">Pricing</a>
                    </li>
                    <li class="footer-menu-divider">&sdot;</li>
                    <li>
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
                <p class="copyright text-muted small">Copyright &copy; ungleich glarus ag {% now "Y" %}. {% trans "All Rights Reserved" %}</p>
            </div>
        </div>
    </div>
</footer>
