<footer class="bg-slate-900 text-white p-4 text-center items-center place-content-center flex gap-8 justify-between flex-wrap lg:px-[10%] dark:border-t dark:border-slate-800">
    <div class="flex flex-wrap gap-4 items-center mx-auto lg:mx-0">
        <a class="border border-slate-300 px-1.5 pb-0.5 pt-1.5 hover:bg-sky-500 hover:border-sky-500" href="#" title="Connect with me on Facebook" target="_blank" rel="noreferrer noopener">
            <i class="fi fi-brands-facebook text-xl"></i>
        </a>

        <a class="border border-slate-300 px-1.5 pb-0.5 pt-1.5 hover:bg-sky-500 hover:border-sky-500" href="https://github.com/updategadh" title="Checkout my GitHub account" target="_blank" rel="noreferrer noopener">
            <i class="fi fi-brands-github text-xl"></i>
        </a>

        <a class="border border-slate-300 px-1.5 pb-0.5 pt-1.5 hover:bg-sky-500 hover:border-sky-500" href="https://wa.me/+000000000000" title="Connect with me on WhatsApp" target="_blank" rel="noreferrer noopener">
            <i class="fi fi-brands-whatsapp text-xl"></i>
        </a>

        <a class="border border-slate-300 px-1.5 pb-0.5 pt-1.5 hover:bg-sky-500 hover:border-sky-500" href="https://www.linkedin.com/in/updategadh/" title="Connect with me on LinkedIn" target="_blank" rel="noreferrer noopener">
            <i class="fi fi-brands-linkedin text-xl"></i>
        </a>
    </div>

    <span>
        Created with all the <i class="fi fi-rr-heart text-rose-500 top-[0.2rem] relative"></i> in the world by
        <a class="text-sky-400 hover:underline hover:underline-offset-4 underline-sky-400" href="https://updategadh.com" target="_blank" rel="noreferrer noopener">
            UpdateGadh
        </a>
    </span>
</footer>

<button class="fixed scroll-to-top right-4 bottom-8 translate-x-[180%] rounded-md bg-sky-600/90 hover:bg-sky-600 py-2 px-3 text-white backdrop-blur-xl duration-700 lg:right-8" type="button" aria-label="Scroll to top button" title="Scroll to top">
    <i class="fr fi-rr-angle-up"></i>
</button>

<script src="./assets/js/main.min.js" defer="true"></script>
</body>

</html>