<div class="w-full h-64 xl:h-16 relative">
<footer class="w-full absolute bottom-0">
<div class="container mx-auto px-4">
<div class="items-center xl:justify-between flex flex-wrap -mx-4">
<div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full">
<div class="text-sm text-blueGray-200 text-center xl:text-left py-6">Copyright © 2021<a href="https://www.creative-tim.com" target="_blank" class="text-blueGray-100 font-semibold ml-1">Creative Tim</a>. All rights reserved.</div>
</div>
<div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full">
<ul class="justify-center xl:justify-end mx-auto flex flex-wrap list-none pl-0 mb-0">
<li><a href="https://www.creative-tim.com" target="_blank" class="text-sm block py-2 px-4 bg-transparent no-underline text-white hover:text-blueGray-100 py-4 md:py-6 mx-auto">Creative Tim</a></li>
<li><a href="https://www.creative-tim.com/presentation" target="_blank" class="text-sm block py-2 px-4 bg-transparent no-underline text-white hover:text-blueGray-100 py-4 md:py-6 mx-auto">About us</a></li>
<li><a href="https://www.creative-tim.com/blog" target="_blank" class="text-sm block py-2 px-4 bg-transparent no-underline text-white hover:text-blueGray-100 py-4 md:py-6 mx-auto">Blog</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>