diff --git a/apps/nightpass/static/styles.css b/apps/nightpass/static/styles.css
index f2ea7b0..b6384a5 100644
--- a/apps/nightpass/static/styles.css
+++ b/apps/nightpass/static/styles.css
@@ -235,6 +235,15 @@ select {
     color: #fff;
 }
 
+footer {
+    background-color: #696b6d;
+    color: #fff;
+    text-align: center;
+    padding: 10px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}
 
 
 @media (max-width: 768px) {
@@ -256,3 +265,5 @@ select {
         padding: 5px;
     }
 }
+
+
diff --git a/apps/nightpass/templates/base.html b/apps/nightpass/templates/base.html
index 03b52c2..9eda960 100644
--- a/apps/nightpass/templates/base.html
+++ b/apps/nightpass/templates/base.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="../static/styles.css">
 </head>
 <body>
+    
     <div class="header">
         <img class="header-logo" src="https://i.imgur.com/gnAYCgT.png" alt="College Logo">
         <h1>Thapar NightPass</h1>
@@ -19,6 +20,11 @@ <h1>Thapar NightPass</h1>
     {% block content %}
     {% endblock %}
 
+    <footer>
+        Made with ♥ by <a href="https://www.linkedin.com/in/pancham1603/" target="_blank" style="text-decoration: underline; color: white;">Pancham Agarwal</a>
+    </footer>
+
+
 <script>
     toastr.options = {
             "closeButton": false,
diff --git a/apps/users/templates/index.html b/apps/users/templates/index.html
index bf7c3fb..50545fd 100644
--- a/apps/users/templates/index.html
+++ b/apps/users/templates/index.html
@@ -82,7 +82,7 @@ <h2>Welcome to the Night Pass Management System</h2>
     </section>
 
     <footer>
-        Made with ♥
+        Made with ♥ by <a href="https://www.linkedin.com/in/pancham1603/" target="_blank" style="text-decoration: underline; color: white;">Pancham Agarwal</a>
     </footer>
 <script>
     toastr.options = {
