diff --git a/index.html b/index.html
index cde17b1..bcaf5e5 100644
--- a/index.html
+++ b/index.html
@@ -10,41 +10,46 @@
 </head>
 
 <body>
-  <navbar class="flex justify-around items-center overflow-auto max-sm:flex-col">
-    <brand-name class="text-xl font-bold max-sm:text-lg">Open Source IIIT Ranchi</brand-name>
-    <ul id="mobile_ui" class="flex text-lg max-sm:text-base font-medium">
-      <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+  <navbar class="flex justify-between items-center overflow-auto mx-3">
+  <brand-name class="text-xl font-bold max-sm:text-lg">Open Source IIIT Ranchi</brand-name>
+
+  <ul id="mobile_ui" class="flex text-lg max-sm:text-base font-medium">
+    <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+      <a href="/index.html">Home</a>
+    </li>
+    <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+      <a href="src/pages/freshers.html">Fresher</a>
+    </li>
+    <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+      <a href="src/pages/sophomore.html">Sophomore</a>
+    </li>
+    <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+      <a href="src/pages/third-year.html">Third Year</a>
+    </li>
+    <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
+      <a href="src/pages/senior.html">Senior</a>
+    </li>
+  </ul>
+
+  <!-- Dropdown Button (shown on mobile) -->
+  <div id="dropdown" class="max-sm:hidden ml-auto">
+    <div class="dropdown">
+      <button class="dropbtn hover:bg-orange-500">Dropdown
+        <i class="fa fa-caret-down"></i>
+      </button>
+      <div class="dropdown-content">
         <a href="/index.html">Home</a>
-      </li>
-      <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
         <a href="src/pages/freshers.html">Fresher</a>
-      </li>
-      <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
         <a href="src/pages/sophomore.html">Sophomore</a>
-      </li>
-      <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
         <a href="src/pages/third-year.html">Third Year</a>
-      </li>
-      <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
         <a href="src/pages/senior.html">Senior</a>
-      </li>
-    </ul>
-    <ul class="flex text-lg max-sm:text-base font-medium">
-      <li id="dropdown" class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
-        <div class="dropdown">
-          <button class="dropbtn">Dropdown
-            <i class="fa fa-caret-down"></i>
-          </button>
-          <div class="dropdown-content">
-            <a href="/index.html">Home</a>
-            <a href="src/pages/freshers.html">Fresher</a>
-            <a href="src/pages/sophomore.html">Sophomore</a>
-            <a href="src/pages/third-year.html">Third Year</a>
-            <a href="src/pages/senior.html">Senior</a>
-          </div>
-        </div>
-      </li>
-    </ul>
+      </div>
+    </div>
+  </div>
+</navbar>
+
+</navbar>
+
 
   </navbar>
 
@@ -69,8 +74,13 @@ <h1 class="text-6xl ml-20 max-sm:ml-5 max-sm:text-3xl">
   </div>
   <div class="container py-8 max-sm:py-5">
     <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-3xl">
-      What is <span class="text-orange-500 font-semibold">Hacktoberfest</span>
-      ?</h1>
+  What is
+  <a  href="https://hacktoberfest.com/" target="_blank" class="text-orange-500 font-semibold hover:cursor-pointer hover:underline">Hacktoberfest</a>
+  ?
+</h1>
+
+
+
 
     <h2 class="text-xl ml-20 my-2 max-sm:ml-5 max-sm:w-[90%]">
       Hacktoberfest is an annual celebration of open source during the month
