<footer class="pt-4">
    <div class="mx-auto w-full px-6">
        <div class="-mx-3 flex flex-wrap items-center lg:justify-between">
            <div class="mb-6 mt-0 w-full max-w-full shrink-0 px-3 lg:mb-0 lg:w-1/2 lg:flex-none">
                <div class="text-center text-sm leading-normal text-slate-500 lg:text-left">
                    ©
                    <script>
                        document.write(new Date().getFullYear() + ",");
                    </script>
                    made with <i class="ri-heart-fill text-red-500"></i> by
                    <a href="https://github.com/Akbarwp" class="font-semibold text-slate-700 dark:text-white" target="_blank">AkbarWP</a>
                    for a better web.
                </div>
            </div>
            <div class="mt-0 w-full max-w-full shrink-0 px-3 lg:w-1/2 lg:flex-none">
                <ul class="mb-0 flex list-none flex-wrap justify-center pl-0 lg:justify-end">
                    <li class="nav-item">
                        <a href="https://www.instagram.com/akbarwp002" class="block px-4 pb-1 pt-0 text-sm font-normal text-slate-500 transition-colors ease-in-out" target="_blank">Instagram</a>
                    </li>
                    <li class="nav-item">
                        <a href="https://www.linkedin.com/in/akbar-wibowo-putra-a81810220" class="block px-4 pb-1 pt-0 text-sm font-normal text-slate-500 transition-colors ease-in-out" target="_blank">LinkedIn</a>
                    </li>
                    <li class="nav-item">
                        <a href="https://portofolio-nextjs-indol.vercel.app" class="block px-4 pb-1 pt-0 text-sm font-normal text-slate-500 transition-colors ease-in-out" target="_blank">Portofolio1</a>
                    </li>
                    <li class="nav-item">
                        <a href="https://akbarwp.github.io/Portofolio-TailwindCSS/" class="block px-4 pb-1 pt-0 text-sm font-normal text-slate-500 transition-colors ease-in-out" target="_blank">Portofolio2</a>
                    </li>
                    <li class="nav-item">
                        <a href="https://www.showwcase.com/akbarwp" class="block px-4 pb-1 pr-0 pt-0 text-sm font-normal text-slate-500 transition-colors ease-in-out" target="_blank">Showwcase</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
