<template>
  <footer class="container mx-auto bg-white py-8 border-t border-gray-400">
    <div class="container flex px-3 py-8 ">
      <div class="w-full mx-auto flex flex-wrap">
        <div class="flex w-full lg:w-1/2 ">
          <div class="px-3 md:px-0">
            <h4 class="font-bold text-xl text-gray-900">Cosette</h4>
            <p class="py-4">
              Liberati delle tue cosette
            </p>
          </div>
        </div>
        <div class="flex w-full lg:w-1/2 lg:justify-end lg:text-right">
          <div class="px-3 md:px-0">
            <h3 class="font-bold text-xl text-gray-900">Links</h3>
            <ul class="list-reset items-center pt-3">
              <li>
                <a class="inline-block no-underline hover:text-black hover:underline py-1"
                  href="https://it.hackmeeting.org">it.hackmeeting.org</a>
              </li>
              <li>
                <a class="inline-block no-underline hover:text-black hover:underline py-1"
                  href="https://autistici.org/underscore">underscore_TO hacklab</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>
