<div class="bottom-0 py-6 bg-gray-900 w-full">
    <div class="px-10 mx-auto max-w-7xl">
        <div class="flex flex-col items-center md:flex-row md:justify-between">
            <a href="#_">
                <img src="{{ asset('img/einundzwanzig-horizontal-inverted.svg') }}"
                     class="text-white fill-current" alt="">
            </a>

            <div class="flex flex-row justify-center mb-4 -ml-4 -mr-4">
                <a href="#"
                   class="p-4 text-gray-700 hover:text-gray-400">

                </a>
                <a href="#" class="p-4 text-gray-700 hover:text-gray-400">

                </a>
                <a href="#" class="p-4 text-gray-700 hover:text-gray-400">

                </a>
            </div>
        </div>
        <div class="flex flex-col justify-between text-center md:flex-row">
            <p class="order-last text-sm leading-tight text-gray-500 md:order-first"> Built with ❤️ by our
                team. </p>
            <ul class="flex flex-row justify-center pb-3 -ml-4 -mr-4 text-sm">
                {{--<li> <a href="#_" class="px-4 text-gray-500 hover:text-white">Contact</a> </li>
                <li> <a href="#_" class="px-4 text-gray-500 hover:text-white">About US</a> </li>
                <li> <a href="#_" class="px-4 text-gray-500 hover:text-white">FAQ's</a> </li>
                <li> <a href="#_" class="px-4 text-gray-500 hover:text-white">Terms</a></li>--}}
            </ul>
        </div>
    </div>
</div>
