footer.php

<!DOCTYPE HTML>
<html>

<head>
	<title>Footer</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<script src="https://cdn.tailwindcss.com"></script>
</head>

<body>
	<footer class="fixed inset-x-0 bottom-0 h-16 bg-blue-500 text-white py-4">
		<div class="container mx-auto flex justify-between items-center">
			<p class="text-center">Copyright &copy; 2023 Sushil Sharma</p>
			<ul class="flex justify-end">
				<li class="mb-4"> <!-- Apply margin to create a gap -->
					<a href="https://www.linkedin.com/in/thesushilsharma" class="hover:underline">LinkedIn</a>
				</li>
				<li class="mb-4"> <!-- Apply margin to create a gap -->
					<a href="https://github.com/thesushilsharma" class="hover:underline">GitHub</a>
				</li>
			</ul>
		</div>
	</footer>
</body>

</html>