footer.php

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <style>
        .footer-box {
 background: linear-gradient(90deg, #00fff8, rgb(255,245,0) 51%, rgba(255,255,255,0) 100%);
    backdrop-filter: blur(10px);
    box-shadow: 0 -4px 16px rgba(31, 38, 135, 0.25);
    padding: 20px;
    position: relative;
}
        .author {
            color: black;
            text-align: center;
            margin-bottom: 10px;
        }
        .author img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            margin-bottom: 10px;
        }
        .social-links {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .social-link {
            color: black;
            font-size: 20px;
            text-decoration: none;
            transition: color 0.3s;
        }
        .social-link:hover {
            color: #0035ff;
        }
    </style>
    <div class="footer-box">
        <div class="author">
            <img src="res/profile-photo.png" alt="Profile Photo">
            <p>Made with ❤️ by Neelanjan Chakraborty</p>
        </div>
        <div class="social-links">
            <a href="https://www.facebook.com/neelanjan.chakraborty.792" class="social-link"><i class="fab fa-facebook"></i></a>
            <a href="https://https://github.com/Neelanjan-chakraborty" class="social-link"><i class="fab fa-github"></i></a>
            <a href="https://www.linkedin.com/in/neelanjanchakraborty" class="social-link"><i class="fab fa-linkedin"></i></a>
            <a href="https://twitter.com/NeelanjanChakr7" class="social-link"><i class="fab fa-twitter"></i></a>
            <a href="https://www.neelanjanchakraborty.tech/" class="social-link"><i class="fas fa-globe"></i></a>
        </div>
    </div>