<template>
  <footer class="bg-gray-50 dark:bg-gray-800">
    <div class="wrapper mx-auto mt-24 px-5">
      <div class="md:py-5">
        <div class="flex flex-col items-center justify-between mt-6 md:mt-0 md:flex-row">
          <div class="logo flex items-center">
            <div class="text-sm text-gray-700 dark:text-gray-200 mx-1">
              <p>© 2021 Michael Thomas</p>
              <p>
                Built with &#128151; and
                <a
                  aria-label="AymaneMx.com"
                  class="text-sm underline text-gray-700 dark:text-gray-200"
                  href="https://github.com/aymaneMx/nuxt-portfolio-dev"
                >
                  available on Github
                </a>
              </p>
            </div>
          </div>


          <div>
            <Social/>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>
