diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
index dd60f8d..5d9fac8 100644
--- a/src/layouts/layout.astro
+++ b/src/layouts/layout.astro
@@ -172,8 +172,13 @@ ul.menu li a.active{
 <script>
  
  document.addEventListener('astro:page-load', () => {
+if(window.location.hash){
+var currentUrl = window.location.pathname.replace(/\/+$/, '') + window.location.hash.replace(/\/+$/, '');
+}
+else{
 
   var currentUrl = window.location.pathname.replace(/\/+$/, '');
+}
 
 
   var menuItems = document.querySelectorAll('.nav-link');
diff --git a/src/layouts/nav-links.json b/src/layouts/nav-links.json
index 0e0c6c6..2c4ec14 100644
--- a/src/layouts/nav-links.json
+++ b/src/layouts/nav-links.json
@@ -7,5 +7,6 @@
   { "label": "Resources", "href": "/resources" },
   { "label": "Rules", "href": "/rules" },
   { "label": "Partners", "href": "/partners" },
-  { "label": "Contact", "href": "/contact" }
+  { "label": "Contact", "href": "/contact" },
+  {"label": "FAQs", "href": "/contact#faq"}
 ]
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index a042d9d..be1be5e 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -3,14 +3,37 @@ import Main from '../layouts/main.astro';
 ---
 
 <Main>
+<section id="faq">
+ <div class="py-3">
+            <!-- 1/4 Width Column -->
+            <!-- <div class="col-span-1 bg-gray-300 p-4">
+                <img src=""/>
+                <h1 class="section-title">Celebrating India's Innovation</h1>
+                
+                
+            </div> -->
+            <!-- 3/4 Width Column -->
+            <div class="col-span-1 p-4">
+                
+                <h1 class="section-title text-4xl pb-3">
+                FAQs
+                </h1>
+            <div class="p-4 playfair-display-normal">
+           <p class="text-xl">Please refer to <a class="hover:text-red-400 text-red-700" href="https://docs.google.com/document/d/e/2PACX-1vQp9kFiMEdqMDcWkLUQLWN4GjKEUgQsswd_KcjMw1ub8N1tbG4eqZlt141-ewggqkBZ7e9dDKO7Z0q1/pub" target="_blank">this</a> document for FAQs on ANIMATE 2024.
+</p>
+        </div>
+        </div>
+       
+
+</section>
  <section id="contact">
     <div class="lg:grid grid-cols-2 gap-4">
     <div class="text-center md:text-2xl text-sm">
         <h1 class="justify-end text-4xl mb-4">Contact Us</h1>
           <p class=" playfair-display-normal">For any queries, write to us at </p>
           <ul class=" playfair-display-normal">
-            <li><a class="text-blue-700 hover:text-blue-400" href="mailto:info@fossee.in">info@fossee.in</a></li>
-            <li><a class="text-blue-700 hover:text-blue-400" href="mailto:contact-focal@fossee.in">contact-focal@fossee.in</a></li>
+            <li><a class=" hover:text-red-400 text-red-700" href="mailto:info@fossee.in">info@fossee.in</a></li>
+            <li><a class=" hover:text-red-400 text-red-700" href="mailto:contact-focal@fossee.in">contact-focal@fossee.in</a></li>
 
           </ul>
           </div>
diff --git a/src/pages/partners.astro b/src/pages/partners.astro
index 7d7f2cf..1ce9517 100644
--- a/src/pages/partners.astro
+++ b/src/pages/partners.astro
@@ -14,93 +14,8 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
 <Main>
     <section id="partner">
-        <div class="flex items-center justify-center">
-            <h1 class="justify-end text-4xl mb-4">Learning Partners</h1>
-          </div>
-        <!-- First Row -->
-        <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
-          <!-- Your content for the first row goes here -->
-          <!-- <p>Partners </p> -->
-          <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
-          
-            <!-- <div class="text-red-300">
-            <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-              <img class="logos" src={iitb.src} alt="regi" decoding="async" />
-              
-          
-              
-            </a></div> -->
-            <!-- <div class="text-red-300">
-            <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-                <img class="logos" src={fossee.src} alt="regi" decoding="async" />
-                
-            
-                
-              </a></div> -->
-              <div class="text-red-300">
-              <a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-                <img class="logos" src={spoken.src} alt="regi" decoding="async" />
-                <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
-            
-                
-              </a></div>
-             
-              
-
-          </div>
-
-
-      </div>
-
-<!-- Resource Partners section starts -->
-      <div class="flex items-center justify-center">
-        <h1 class="justify-end text-4xl mb-4 mt-4">Resources Partners</h1>
-      </div>
-      <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
-        <!-- Your content for the first row goes here -->
-        <!-- <p>Partners </p> -->
-        <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
-          
-          <!-- <div class="text-red-300">
-          <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-            <img class="logos" src={iitb.src} alt="regi" decoding="async" />
-            
-        
-            
-          </a></div> -->
-          <!-- <div class="text-red-300">
-          <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-              <img class="logos" src={fossee.src} alt="regi" decoding="async" />
-              
-          
-              
-            </a></div> -->
-           
-            <div class="text-red-300">
-            <a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-              <img class="logos" src={focal.src} alt="regi" decoding="async" />
-              <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
-          
-              
-            </a></div>
-            <div class="hidden sm:block"></div>
-
-        </div>
-
-
-    </div>
-  
-    
-      <!-- Second partners -->
-
-      <div class="flex items-center justify-center">
-        <h1 class="justify-end text-4xl mb-4 mt-4">Knowledge Partner: <span class="text-xl">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
+         <div class="flex items-center justify-center mb-2 mt-4">
+        <h1 class="justify-end text-4xl">Knowledge Partner: <span class="text-lg justify-center">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
       </div>
     <!-- First Row -->
     <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
@@ -138,12 +53,15 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
         </div>
         </div>
-
-<!-- third partners -->
-
+<div class="grid grid-cols-2 gap-4 mb-2 mt-2">
 <div class="flex items-center justify-center">
-  <h1 class="justify-end text-4xl mb-4 mt-4">Execution Partner</h1>
+  <h1 class="justify-end text-4xl">Execution Partner</h1>
 </div>
+<div class="flex items-center justify-center">
+  <h1 class="justify-end text-4xl">Youth Partner</h1>
+</div>
+</div>
+<div class="grid grid-cols-2 gap-4">
 <!-- First Row -->
 <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
 <!-- Your content for the first row goes here -->
@@ -162,10 +80,6 @@ import mbc from '../images/manipal-bangalore-camp.png';
   </div>
   </div>
 
-<!-- fourth partners -->
-<div class="flex items-center justify-center">
-  <h1 class="justify-end text-4xl mb-4 mt-4">Youth Partner</h1>
-</div>
 <!-- First Row -->
 <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
 <!-- Your content for the first row goes here -->
@@ -182,7 +96,76 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
 
   </div>
+  </div>   
   </div>
+      <!-- Second partners -->
+<div class="grid grid-cols-2 gap-4 mt-4 mb-2">
+ <div class="flex items-center justify-center">
+        <h1 class="justify-end text-4xl">Resource Partner</h1>
+      </div>
+      <div class="flex items-center justify-center">
+            <h1 class="justify-end text-4xl">Learning Partner</h1>
+          </div>
+      </div>
+
+      <div class="grid grid-cols-2 gap-4">
+      <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
+        <!-- Your content for the first row goes here -->
+        <!-- <p>Partners </p> -->
+        <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
+          
+          <!-- <div class="text-red-300">
+          <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+            <img class="logos" src={iitb.src} alt="regi" decoding="async" />
+            
+        
+            
+          </a></div> -->
+          <!-- <div class="text-red-300">
+          <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+              <img class="logos" src={fossee.src} alt="regi" decoding="async" />
+              
+          
+              
+            </a></div> -->
+           
+            <div class="text-red-300">
+            <a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+              <img class="logos" src={focal.src} alt="regi" decoding="async" />
+              <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
+          
+              
+            </a></div>
+            <div class="hidden sm:block"></div>
+
+        </div>
+
+
+    </div>
+  
+        <!-- First Row -->
+        <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
+          <!-- Your content for the first row goes here -->
+          <!-- <p>Partners </p> -->
+          <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
+                        <div class="text-red-300">
+              <a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+        
+                <img class="logos" src={spoken.src} alt="regi" decoding="async" />
+                <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
+            
+                
+              </a></div>
+             
+              
+
+          </div>
+
+</div>
+      </div>
 
      
       </section>
diff --git a/src/pages/register.astro b/src/pages/register.astro
index b7ad5a7..8411ed2 100644
--- a/src/pages/register.astro
+++ b/src/pages/register.astro
@@ -34,7 +34,7 @@ import qrcode from '../images/qrcode-register.png';
                   <!-- <li class="text-red-500">If a person is found participating in more than one team, both the teams will be disqualified from the Hackathon.</li>
                   <li class="text-red-500">If any participant/ team is found to be indulging in any form of malpractice, the team will be immediately disqualified.</li> -->
                   <li>Use ONLY open source software for creating animations.
-                  <span class="text-red-500">You are not allowed to use any proprietary software in your animation in any aspect. If found, you and your team will be disqualified.</span></li>
+                  <span class="text-red-700">You are not allowed to use any proprietary software in your animation in any aspect. If found, you and your team will be disqualified.</span></li>
                   <li><div>Submissions will be accepted in 3 categories:&nbsp;</div>
                     
                     <ol class="list-decimal list-inside pt-1">
diff --git a/src/pages/resources.astro b/src/pages/resources.astro
index 0b1063b..142e506 100644
--- a/src/pages/resources.astro
+++ b/src/pages/resources.astro
@@ -27,11 +27,11 @@ import { slide } from 'astro:transitions';
       <div class="pt-4 leading-normal sm:leading-loose">
       
         <div class="text-justify md:text-xl text-sm playfair-display-normal"><ul style="list-style:disc;">
-          <li class="mb-2">Self-learn Synfig Studio using <span class="text-red-400 hover:text-red-700"><a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Synfig&search_language=" target="_blank">Spoken Tutorials</a></span>. These tutorials are available in English, Hindi, Kannada, Marathi, Malayalam, Tamil, and Telugu.</li>
+          <li class="mb-2">Self-learn Synfig Studio using <span class="hover:text-red-400 text-red-700"><a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Synfig&search_language=" target="_blank">Spoken Tutorials</a></span>. These tutorials are available in English, Hindi, Kannada, Marathi, Malayalam, Tamil, and Telugu.</li>
           <li class="mb-2">For creating graphics, recording audio, etc., you can use other software. However, since there is a requirement to strictly use Open Source Software in this hackathon, you can use GIMP, Audacity, Inkscape, Openshot Video Editor, etc. You can self-learn these software using the Spoken Tutorials, which are freely available in English, Hindi, Kannada, Marathi, Malayalam, Tamil and Telugu.</li>
-          <li class="mb-2">For help in installing Synfig Studio, please <a href="https://www.synfig.org/" target="_blank" class="text-red-400 hover:text-red-700">click here</a>.</li>
-          <li class="mb-2">For writing your script, you can learn about storytelling using <a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Mastering+Communication&search_language=English" target="_blank" class="text-red-400 hover:text-red-700">Communication Spoken Tutorials</a> available in English.</li>
-          <li class="mb-2">Refer graphics from our <a href="https://www.focal.fossee.in/" target="_blank" class="text-red-400 hover:text-red-700">FOCAL (free and open source creative art library)</a></span> repository.</li>
+          <li class="mb-2">For help in installing Synfig Studio, please <a href="https://www.synfig.org/" target="_blank" class="hover:text-red-400 text-red-700">click here</a>.</li>
+          <li class="mb-2">For writing your script, you can learn about storytelling using <a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Mastering+Communication&search_language=English" target="_blank" class="hover:text-red-400 text-red-700">Communication Spoken Tutorials</a> available in English.</li>
+          <li class="mb-2">Refer graphics from our <a href="https://www.focal.fossee.in/" target="_blank" class="hover:text-red-400 text-red-700">FOCAL (free and open source creative art library)</a></span> repository.</li>
             </ul>
           </div>
       </div>