diff --git a/components/Footer.vue b/components/Footer.vue
index 6231e40..5ffc3da 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,20 +1,13 @@
 <template>
-  <footer class="p-4 bg-white rounded-lg shadow md:px-8 container mx-auto mt-auto">
-    <hr class="my-2 border-gray-200 sm:mx-auto  lg:my-4">
-    <div class="flex flex-col md:flex-row items-center md:justify-around">
-      <a href="https://copsiitbhu.co.in" target="_blank" rel="noreferrer" class="flex items-center mb-4 sm:mb-0 order-1">
-        <nuxt-picture src="/COPS-Logo.webp" width="80" height="80" alt="COPS Logo" loading="lazy">
-          COPS Logo
-        </nuxt-picture>
-      </a>
-      <span class="block text-sm text-gray-500 text-center order-3 md:order-2 mt-4 md:mt-0">© {{ new Date().getFullYear() }} <a href="https://copsiitbhu.co.in" target="_blank" rel="noreferrer" class="hover:underline">COPS</a> SDG™. All Rights Reserved.
-      </span>
-      <ul class="flex flex-wrap items-center order-2 md:order-3">
-        <li v-for="x in quicklinks" :key="x.url">
-          <NuxtLink :to="x.url" class="px-2 text-gray-500 hover:underline-transparent hover:text-black md:mr-6" no-prefetch>{{ x.content }}</NuxtLink>
-        </li>
-      </ul>
-    </div>
+  <footer class="p-4 bg-black shadow-lg shadow-cyan-500 md:flex md:items-center md:justify-between md:p-2 dark:bg-white-800">
+    <span class="text-sm text-white-500 sm:text-center dark:text-white-400">© {{ new Date().getFullYear() }}<a href="/" class="hover:underline">   SDG™</a>. All Rights Reserved.
+    </span>
+    <a target="_blank" rel="noreferrer" href="https://www.copsiitbhu.co.in/"><img src="/COPS-Logo.webp" height="80" width="80" alt=""></a>
+    <ul class="flex flex-wrap items-center order-2 md:order-3">
+      <li v-for="x in quicklinks" :key="x.url" class="mr-4 hover:text-lg md:mr-6 ">
+        <NuxtLink :to="x.url" class="flex flex-wrap items-center mt-3 text-base text-white-500 dark:text-white-400 sm:mt-0 hover:text-yellow-600" no-prefetch>{{ x.content }}</NuxtLink>
+      </li>
+    </ul>
   </footer>
 </template>