diff --git a/src/index.html b/src/index.html
index b6fb6f0..0343dde 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,65 +1,87 @@
 <!-- src/index.html -->
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Thala For A Reason</title>
   <link rel="stylesheet" href="styles.css">
   <link rel="icon" href="favicon.png" type="image/x-icon">
-
-
-
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+    integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <script src="https://kit.fontawesome.com/3bc8e24f41.js"></script>
 
 </head>
+
 <body>
   <div class="toastify"></div>
   <div class="main" id="main">
 
     <div class="main-container" id="main-container">
       <h1>Check If you are a Thala ?
-          <div class="eyes">
-            <div class="eye"></div>
-            <div class="eye"></div>
-          </div>
+        <div class="eyes">
+          <div class="eye"></div>
+          <div class="eye"></div>
+        </div>
 
       </h1>
       <form id="userForm">
         <input type="text" id="query" name="query" placeholder="Enter... for example: 'Subinoy'" required>
-        <button type="button" onclick="generateContent()" class="checkButton" >Check</button>
+        <button type="button" onclick="generateContent()" class="checkButton">Check</button>
       </form>
       <div id="loadingAnimation"></div>
 
       <div id="resultContainer">
         <p id="resultText"></p>
       </div>
-    <div class="thala">
-      <p class="tfr">#ThalaForReason</p>
-    </div>
-    <div class="lower">
-      <div class="share">
-        <p style="margin-right: 10px; font-size: 1rem;">Share On: </p>
-        <button type="button" class="shareButton" onclick="shareOnWhatsApp()">
-          <img src="whatsapp.svg" alt="WhatsApp Icon" id="shareIcon">
-        </button>
-        <button type="button" class="shareButton" onclick="shareOnTwitter()">
-          <img src="x-social-media-round-icon.svg" alt="WhatsApp Icon" id="shareIcon">
-        </button>
-        <button type="button" class="shareButton" onclick="shareOnOthers()">
-          <img src="share-svgrepo-com.svg" alt="WhatsApp Icon" id="shareIcon">
-        </button>
+      <div class="thala">
+        <p class="tfr">#ThalaForReason</p>
       </div>
-      <div class="clip">
-        <button type="button" class="shareButton" onclick="copyToClipboard()">
-          <img src="clipboard.svg" alt="Clipboard Icon" id="clipIcon" height="1rem">
-        </button>
+      <div class="lower">
+        <div class="share">
+          <p style="margin-right: 10px; font-size: 1rem;">Share On: </p>
+          <button type="button" class="shareButton" onclick="shareOnWhatsApp()">
+            <img src="whatsapp.svg" alt="WhatsApp Icon" id="shareIcon">
+          </button>
+          <button type="button" class="shareButton" onclick="shareOnTwitter()">
+            <img src="x-social-media-round-icon.svg" alt="WhatsApp Icon" id="shareIcon">
+          </button>
+          <button type="button" class="shareButton" onclick="shareOnOthers()">
+            <img src="share-svgrepo-com.svg" alt="WhatsApp Icon" id="shareIcon">
+          </button>
+        </div>
+        <div class="clip">
+          <button type="button" class="shareButton" onclick="copyToClipboard()">
+            <img src="clipboard.svg" alt="Clipboard Icon" id="clipIcon" height="1rem">
+          </button>
+        </div>
       </div>
     </div>
+    <audio id="audio" src="boleJoKoyal.mp3"></audio>
   </div>
-  <audio id="audio" src="boleJoKoyal.mp3"></audio>
-</div>
 
-<div id="foot">
+  <footer>
+    <div class="img-f wid">
+      <img src="./favicon.png" alt="" srcset="">
+    </div>
+    <div id="foot-copy wid ">
+      <p>Copyright &copy; 2024 by <a href="https://github.com/subh05sus" target="_blank" id="foot-text">Subhadip
+          Saha</a>. All rights reserved.</p>
+    </div>
+
+    <div class="follow wid">
+      <h4>Follow Me</h4>
+      <div class="icon">
+        <a href="https://twitter.com/SubhadipSuDi" class="fab fa-twitter" target="_blank"></a>|
+        <a href="https://instagram.com/subh05sus_" class="fab fa-instagram" target="_blank"></a>|
+        <a href="https://github.com/subh05sus" class="fab fa-github" target="_blank"></a>
+      </div>
+    </div>
+  </footer>
+
+  <!-- <div id="foot">
   <center>
 
     &copy; 2023 <a href="https://linktr.ee/subhadipsaha"><b id="subh">Subhadip Saha</b></a>. All rights reserved.
@@ -69,20 +91,21 @@ <h1>Check If you are a Thala ?
     </div>
     <br>
   </center>
-</div>
-<div class="toast hiddenToast" id="toast">
-  <div class="linkCopied">
-    <p>
-      Link Copied To Clipboard
-    </p>
+</div> -->
+  <div class="toast hiddenToast" id="toast">
+    <div class="linkCopied">
+      <p>
+        Link Copied To Clipboard
+      </p>
+    </div>
   </div>
-</div>
 
 
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
-<script src="index.js"></script>
-<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.9/lottie.min.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+  <script src="index.js"></script>
+  <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.9/lottie.min.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
index 22062cd..182a275 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -206,4 +206,85 @@ button:hover {
   background: #333;
   border-radius: 50%;
   transform: translate(-50%,-50%);
+}
+
+footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: #333;
+  color: white;
+  text-align: center;
+  padding: 5px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+footer a{
+  font-size: 16px;
+  text-decoration: none;
+  color: #088178;
+}
+
+#foot-text {
+  position: relative;
+  font-size: 1.1em;
+  color: #ecee78;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+#foot-text::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -6px;
+  width: 100%;
+  height: 3px;
+  background: #fff;
+  border-radius: 5px;
+  transform: scaleX(0);
+  transform-origin: right;
+  transition: transform 0.5s ease;
+}
+
+#foot-text:hover::after {
+  transform-origin: left;
+  transform: scaleX(1);
+}
+                    
+footer .follow a{
+  color: #9af1ec;
+  padding-right: 4px;
+  cursor: pointer;
+}
+
+.icon .fa-twitter:hover {
+  color: #1DA1F2;
+}
+
+.icon .fa-instagram:hover {
+  color: #E1306C;
+}
+.icon .fa-github:hover {
+  color: #181717;
+}
+
+.img-f img{
+  width: 150px;
+  height: 50px;
+  object-fit: cover;
+  border-radius: 10px;
+  margin: 10px;
+
+}
+.wid{
+  width: 33%;
+}
+
+.follow h4{
+  margin: 1px;
+  padding: 5px;
 }
\ No newline at end of file
