diff --git a/README.md b/README.md
index 96e4f9a..d190bde 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,7 @@ To get started with Hacktoberfest and contribute to this repository, follow thes
 
 Please adhere to the following guidelines when contributing to this repository:
 
-- Ensure your card is placed in the "students" directory and follows the template provided below.
+- Ensure your card is placed in the `src/pages/{your-year}`` directory and follows the template provided below.
 
 - Your card should include a photo, your name, branch, hobby, and a portfolio link with a button.
 
@@ -43,8 +43,9 @@ Please adhere to the following guidelines when contributing to this repository:
 Use the following template to create your card in the `src/pages/{your-year}` directory:
 
 ```markdown
+  <div class="max-w-xl rounded overflow-hidden shadow-2xl mx-auto  my-8 transform hover:scale-105 transition-transform duration-300 ">
 
- <div class="flex w-full">
+    <div class="flex w-full">
         
           <div class="object-fill w-1/2 ">
           <img  src="{profile-image-url}" alt="Image" class="h-56  object-cover">
@@ -60,6 +61,7 @@ Use the following template to create your card in the `src/pages/{your-year}` di
             ></button>
         </div>
       </div>
+  </div>    
 ```
 
 ## Happy Hacking!
diff --git a/index.html b/index.html
index 8a07095..5d66219 100644
--- a/index.html
+++ b/index.html
@@ -9,21 +9,22 @@
     <navbar
       class="flex justify-around items-center overflow-auto max-sm:flex-col"
     >
-      <brand-name class="text-xl font-bold max-sm:invisible"
+      <brand-name class="text-xl  font-bold  "
         >Open Source IIIT Ranchi</brand-name
       >
-      <ul class="flex text-lg font-medium">
+     
+      <ul class="flex justify-around max-sm:text-base text-lg font-medium">
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
-          <a href="/index.html">Home</a>
+          <a href="/">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>s
+          <a href="./src/pages/freshers.html" >Freshers</a> 
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
-          <a href="./src/pages/sophomore.html">Sophomore</a>
+          <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>
+          <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>
@@ -33,7 +34,7 @@
     <div class="w-full bg-orange-500 h-4"></div>
 
     <div class="container py-16 max-sm:py-5">
-      <h1 class="text-6xl ml-20 max-sm:ml-5">
+      <h1 class="text-6xl ml-20 max-sm:ml-5 max-sm:text-3xl">
         Welcome to
         <span class="text-orange-500 font-semibold">IIIT Ranchi</span> <br />
         Hacktoberfest 2023
@@ -48,7 +49,7 @@ <h1 class="text-6xl ml-20 max-sm:ml-5">
       
     </div>
     <div class="container py-8 max-sm:py-5">
-      <h1 class="text-5xl ml-20 max-sm:ml-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>
 
@@ -58,7 +59,7 @@ <h2 class="text-xl ml-20 my-2 max-sm:ml-5 max-sm:w-[90%]">
       </h2>
 
       <ul
-        class="text-xl ml-20 my-6 max-sm:ml-10 w-1/2 list-disc max-sm:w-[90%]"
+        class="text-xl ml-20 my-6 max-sm:ml-8 w-1/2 list-disc max-sm:w-[90%] max-sm:text-lg"
       >
         <li>🌐 Contribute to open source projects.</li>
         <li>🤝 Collaborate with developers from around the world.</li>
@@ -72,7 +73,7 @@ <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
       </h1>
 
       <ul
-        class="text-xl ml-20 my-6 max-sm:ml-10 w-1/2 list-disc max-sm:w-[90%]"
+        class="text-xl ml-20 my-6 max-sm:ml-8 w-1/2 list-disc max-sm:w-[90%] max-sm:text-lg"
       >
         <li>
           <span class="font-semibold">Create Your Portfolio :</span> Build a
@@ -99,7 +100,7 @@ <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
       <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
         Featured <span class="text-orange-500 font-medium">Portfolio</span>
       </h1>
-      <p class="text-xl ml-20 my-2 max-sm:ml-5">
+      <p class="text-xl ml-20 my-2 max-sm:ml-5 max-sm:text-lg">
         Here are some impressive portfolios created by your peers:
       </p>
       <ul
@@ -114,7 +115,7 @@ <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
       <h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
         Join the  <span class="text-orange-500 font-medium">Celebration</span>
       </h1>
-      <p class="text-xl ml-20 my-2 max-sm:ml-5 w-1/2">
+      <p class="text-xl ml-20 my-2 max-sm:ml-5 w-1/2 max-sm:w-[90%] max-sm:text-lg">
         Let's celebrate your achievements and the spirit of Hacktoberfest 2023! Create your portfolio and contribute it to the main unofficial website. Start showcasing your work to the world.
       </p>
       
diff --git a/src/pages/freshers.html b/src/pages/freshers.html
index 91e4e27..79f8702 100644
--- a/src/pages/freshers.html
+++ b/src/pages/freshers.html
@@ -7,12 +7,12 @@
   </head>
   <body>
     <navbar class="flex  justify-around items-center overflow-auto max-sm:flex-col">
-      <brand-name class="text-xl font-bold"
+      <brand-name class="text-xl  font-bold max-sm:text-lg"
         >Open Source IIIT Ranchi</brand-name
       >
-      <ul class="flex text-lg font-medium">
+      <ul 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>
+          <a href="/">Home</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./freshers.html" >Fresher</a>s
diff --git a/src/pages/senior.html b/src/pages/senior.html
index 9acecae..cae6861 100644
--- a/src/pages/senior.html
+++ b/src/pages/senior.html
@@ -7,12 +7,12 @@
   </head>
   <body>
     <navbar class="flex  justify-around items-center overflow-auto max-sm:flex-col">
-      <brand-name class="text-xl font-bold"
+      <brand-name class="text-xl font-bold max-sm:text-lg"
         >Open Source IIIT Ranchi</brand-name
       >
-      <ul class="flex text-lg font-medium">
+      <ul 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>
+          <a href="/">Home</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./freshers.html" >Fresher</a>s
diff --git a/src/pages/sophomore.html b/src/pages/sophomore.html
index 8de0052..eac2fe1 100644
--- a/src/pages/sophomore.html
+++ b/src/pages/sophomore.html
@@ -7,12 +7,12 @@
   </head>
   <body>
     <navbar class="flex  justify-around items-center overflow-auto max-sm:flex-col">
-      <brand-name class="text-xl font-bold"
+      <brand-name class="text-xl font-bold max-sm:text-lg"
         >Open Source IIIT Ranchi</brand-name
       >
-      <ul class="flex text-lg font-medium">
+      <ul 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>
+          <a href="/">Home</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./freshers.html" >Fresher</a>s
@@ -30,11 +30,11 @@
     </navbar>
     <div class="w-full bg-orange-500 h-4 "></div>
 
-    <div class="cards flex gap-8  flex-wrap mx-10">
+    <div class="cards flex  flex-wrap mx-10">
        <!-- Add Your Card Here -->
   
 
-    <div class="max-w-xl rounded overflow-hidden shadow-2xl  my-8 transform hover:scale-105 transition-transform duration-300 ">
+    <div class="max-w-xl rounded overflow-hidden shadow-2xl mx-auto  my-8 transform hover:scale-105 transition-transform duration-300 ">
 
       <div class="flex w-full">
         
diff --git a/src/pages/third-year.html b/src/pages/third-year.html
index 5d0c4d9..81e00c1 100644
--- a/src/pages/third-year.html
+++ b/src/pages/third-year.html
@@ -7,12 +7,12 @@
   </head>
   <body>
     <navbar class="flex  justify-around items-center overflow-auto max-sm:flex-col">
-      <brand-name class="text-xl font-bold"
+      <brand-name class="text-xl font-bold max-sm:text-lg"
         >Open Source IIIT Ranchi</brand-name
       >
-      <ul class="flex text-lg font-medium">
+      <ul 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>
+          <a href="/">Home</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./freshers.html" >Fresher</a>s