diff --git a/public/css/style.css b/public/css/style.css
index e6bb206..311af1c 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1579,10 +1579,9 @@ ul {
 .footer-col h4::before {
   content: "";
   position: absolute;
-  left: 0;
-  bottom: -10px;
-  height: 3px;
-  width: 60px;
+  bottom: -5px;
+  height: 1px;
+  width: 80px;
   background: #e91e63;
   border-radius: 10px;
 }
diff --git a/public/index.html b/public/index.html
index 3e1cac3..ab73804 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,7 +43,7 @@
         <div class="circle"></div>
         <div class="circle"></div>
         <div class="circle"></div>
-      </div>
+    </div>
 
     <script>
         // Store the mouse coordinates
@@ -106,10 +106,13 @@
                     <div class="HamBurger" onclick="toggleMenu()">&#9776;</div>
                     <ul id="navbar">
                         <li title="Login"><a href="/choose-file.html"><i class='bx bxs-user-circle'></i> Login</a></li>
-                        <li title="Register"><a href="/choose-signup-file.html"><i class='bx bx-log-in-circle'></i> Register</a></li>
-                        <li title="Contact Us"><a href="/contact-us.html"><i class='bx bxs-contact'></i> Contact Us</a></li>
+                        <li title="Register"><a href="/choose-signup-file.html"><i class='bx bx-log-in-circle'></i>
+                                Register</a></li>
+                        <li title="Contact Us"><a href="/contact-us.html"><i class='bx bxs-contact'></i> Contact Us</a>
+                        </li>
                         <li title="About"><a href="#about_show"><i class='bx bx-vertical-bottom'></i> About</a></li>
-                        <li title="Services"><a href="#services"><i class='bx bx-bar-chart-square'></i> Services</a></li>
+                        <li title="Services"><a href="#services"><i class='bx bx-bar-chart-square'></i> Services</a>
+                        </li>
                         <li title="Main Page"><a href="#"><i class='bx bx-home'></i>Home</a></li>
                     </ul>
                 </nav>
@@ -127,7 +130,7 @@
                 </div>
             </div>
         </div>
-        
+
         <script>
             function toggleMenu() {
                 const navbar = document.querySelector('#navbar');
@@ -211,7 +214,7 @@ <h2>About Us</h2>
             </div>
             <div class="buttons">
                 <button id="prev">
-                    <</button>
+                    << /button>
                         <button id="next">></button>
             </div>
             <ul class="dots">
@@ -628,127 +631,130 @@ <h6>By Dr. James Lee</h6>
         </div>
         <section id="faq_sec">
             <div class="wrapper">
-              <h2 class="section-title">Frequently Asked Questions</h2>
-          
-              <!-- Search Bar -->
-              <div class="search-container">
-                <input type="text" id="faqSearch" placeholder="Search FAQs..." oninput="filterFAQs()">
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  What is Research-Nexas?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Research-Nexas is a cutting-edge web application designed to create a seamless connection
-                    between students, researchers, and stakeholders within a collaborative research ecosystem.
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  How does it work?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    The platform empowers students to log in, upload their research papers, view their uploads,
-                    and track their evaluations. Stakeholders act as research supervisors who can approve student
-                    submissions and assign papers to the appropriate faculty members for evaluation. Faculty members,
-                    in turn, can review the assigned papers, provide ratings, and evaluate results based on predefined criteria.
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  Want to know more about the project?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Click on this link: <a href="https://github.com/Harshdev098/Research-Nexas" rel="noopener"
-                      alt="Github" target="_blank">Research-Nexas</a>
-                  </p>
-                </div>
-              </div>
-          
-              <div class="faq">
-                <button class="accordion">
-                  Want to contribute to the project?
-                  <i class="fa-solid fa-chevron-down"></i>
-                </button>
-                <div class="pannel">
-                  <p>
-                    Read our guidelines for contribution: <a
-                      href="https://github.com/Harshdev098/Research-Nexas/blob/main/Contributing.md"
-                      rel="noopener" alt="Github" target="_blank">Contributing Guidelines</a>.
-                  </p>
-                </div>
-              </div>
+                <h2 class="section-title">Frequently Asked Questions</h2>
+
+                <!-- Search Bar -->
+                <div class="search-container">
+                    <input type="text" id="faqSearch" placeholder="Search FAQs..." oninput="filterFAQs()">
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        What is Research-Nexas?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Research-Nexas is a cutting-edge web application designed to create a seamless connection
+                            between students, researchers, and stakeholders within a collaborative research ecosystem.
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        How does it work?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            The platform empowers students to log in, upload their research papers, view their uploads,
+                            and track their evaluations. Stakeholders act as research supervisors who can approve
+                            student
+                            submissions and assign papers to the appropriate faculty members for evaluation. Faculty
+                            members,
+                            in turn, can review the assigned papers, provide ratings, and evaluate results based on
+                            predefined criteria.
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        Want to know more about the project?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Click on this link: <a href="https://github.com/Harshdev098/Research-Nexas" rel="noopener"
+                                alt="Github" target="_blank">Research-Nexas</a>
+                        </p>
+                    </div>
+                </div>
+
+                <div class="faq">
+                    <button class="accordion">
+                        Want to contribute to the project?
+                        <i class="fa-solid fa-chevron-down"></i>
+                    </button>
+                    <div class="pannel">
+                        <p>
+                            Read our guidelines for contribution: <a
+                                href="https://github.com/Harshdev098/Research-Nexas/blob/main/Contributing.md"
+                                rel="noopener" alt="Github" target="_blank">Contributing Guidelines</a>.
+                        </p>
+                    </div>
+                </div>
             </div>
-          </section>
-          
-          <script>
+        </section>
+
+        <script>
             function filterFAQs() {
-              const searchInput = document.getElementById('faqSearch').value.toLowerCase();
-              const faqs = document.querySelectorAll('.faq');
-              
-              faqs.forEach(faq => {
-                const accordionText = faq.querySelector('.accordion').innerText.toLowerCase();
-                const pannelText = faq.querySelector('.pannel p').innerText.toLowerCase();
-                const contentMatch = accordionText.includes(searchInput) || pannelText.includes(searchInput);
-                
-                faq.style.display = contentMatch ? 'block' : 'none';
-          
-                if (contentMatch && searchInput) {
-        
-                  const pannel = faq.querySelector('.pannel');
-                  pannel.style.display = 'block';
-                  highlightKeywords(faq, searchInput);
-                } else {
-                  const pannel = faq.querySelector('.pannel');
-                  pannel.style.display = 'none'; // Hide pannel if there's no match
-                  removeHighlights(faq);
-                }
-              });
+                const searchInput = document.getElementById('faqSearch').value.toLowerCase();
+                const faqs = document.querySelectorAll('.faq');
+
+                faqs.forEach(faq => {
+                    const accordionText = faq.querySelector('.accordion').innerText.toLowerCase();
+                    const pannelText = faq.querySelector('.pannel p').innerText.toLowerCase();
+                    const contentMatch = accordionText.includes(searchInput) || pannelText.includes(searchInput);
+
+                    faq.style.display = contentMatch ? 'block' : 'none';
+
+                    if (contentMatch && searchInput) {
+
+                        const pannel = faq.querySelector('.pannel');
+                        pannel.style.display = 'block';
+                        highlightKeywords(faq, searchInput);
+                    } else {
+                        const pannel = faq.querySelector('.pannel');
+                        pannel.style.display = 'none'; // Hide pannel if there's no match
+                        removeHighlights(faq);
+                    }
+                });
             }
-          
+
             function highlightKeywords(faq, keyword) {
-              const regex = new RegExp(`(${keyword})`, 'gi');
-          
-              const accordion = faq.querySelector('.accordion');
-              accordion.innerHTML = accordion.textContent.replace(regex, '<span class="highlight">$1</span>');
-          
-              const pannel = faq.querySelector('.pannel p');
-              pannel.innerHTML = pannel.textContent.replace(regex, '<span class="highlight">$1</span>');
+                const regex = new RegExp(`(${keyword})`, 'gi');
+
+                const accordion = faq.querySelector('.accordion');
+                accordion.innerHTML = accordion.textContent.replace(regex, '<span class="highlight">$1</span>');
+
+                const pannel = faq.querySelector('.pannel p');
+                pannel.innerHTML = pannel.textContent.replace(regex, '<span class="highlight">$1</span>');
             }
-          
+
             function removeHighlights(faq) {
-              const accordion = faq.querySelector('.accordion');
-              accordion.innerHTML = accordion.textContent;
-          
-              const pannel = faq.querySelector('.pannel p');
-              pannel.innerHTML = pannel.textContent;
+                const accordion = faq.querySelector('.accordion');
+                accordion.innerHTML = accordion.textContent;
+
+                const pannel = faq.querySelector('.pannel p');
+                pannel.innerHTML = pannel.textContent;
             }
-          
+
             // Accordion toggle functionality
             document.querySelectorAll('.accordion').forEach(accordion => {
-              accordion.addEventListener('click', function () {
-                this.classList.toggle("active");
-                const pannel = this.nextElementSibling;
-          
-                if (pannel.style.display === "block") {
-                  pannel.style.display = "none";
-                } else {
-                  pannel.style.display = "block";
-                }
-              });
+                accordion.addEventListener('click', function () {
+                    this.classList.toggle("active");
+                    const pannel = this.nextElementSibling;
+
+                    if (pannel.style.display === "block") {
+                        pannel.style.display = "none";
+                    } else {
+                        pannel.style.display = "block";
+                    }
+                });
             });
-          </script>
+        </script>
     </section>
 
 
@@ -787,55 +793,98 @@ <h4>get help</h4>
                     </ul>
                 </div>
                 <div class="footer-col">
-                    <h4>online shop</h4>
+                    <h4>Resources</h4>
                     <ul>
-                        <li><a href="#">watch</a></li>
-                        <li><a href="#">bag</a></li>
-                        <li><a href="#">shoes</a></li>
-                        <li><a href="#">dress</a></li>
+                        <li><a href="#journals">Journals</a></li>
+                        <li><a href="#research_guides">Research Guides</a></li>
+                        <li><a href="#citation_tools">Citation Tools</a></li>
+                        <li><a href="#databases">Academic Databases</a></li>
                     </ul>
                 </div>
                 <div class="footer-col">
-                    <h4 id="custom-follow-heading">Follow Us</h4>
-
-                    <div class="custom-social-links1">
-                        <div class="custom-social-links">
-                            <a href="https://facebook.com" id="custom-facebook-icon"><i
-                                    class="fab fa-facebook-f"></i></a>
-                            <a href="https://x.com" id="custom-twitter-icon"><i class="fab fa-twitter"></i></a>
-                        </div>
-                        <div class="custom-social-links"><a href="https://instagram.com" id="custom-instagram-icon"><i
-                                    class="fab fa-instagram"></i></a>
-                            <a href="https://linkedin.com" id="custom-linkedin-icon"><i
-                                    class="fab fa-linkedin-in"></i></a>
-                        </div>
+                    <h4>Follow Us</h4>
+                    <div class="social-links">
+                        <a href="https://facebook.com" class="social-icon facebook"><i
+                                class="fab fa-facebook-f"></i></a>
+                        <a href="https://x.com" class="social-icon twitter"><i class="fab fa-twitter"></i></a>
+                        <a href="https://instagram.com" class="social-icon instagram"><i
+                                class="fab fa-instagram"></i></a>
+                        <a href="https://linkedin.com" class="social-icon linkedin"><i
+                                class="fab fa-linkedin-in"></i></a>
                     </div>
                 </div>
+            </div>
+            <div class="footer-rights">
+                <p>© 2024 Research Nexas. All Rights Reserved.</p>
+            </div>
+        </div>
+    </footer>
+    <style>
+        .social-links {
+            display: flex;
+            justify-content: center;
+            gap: 15px;
+        }
 
-                <script>// Facebook click event
-                    document.getElementById("custom-facebook-icon").addEventListener("click", function () {
-                        this.querySelector("i").style.color = "#1877F2"; // Facebook blue after click
-                    });
+        .social-icon {
+            color: #d1d1d1;
+            font-size: 20px;
+            transition: color 0.3s;
+        }
 
-                    // Twitter click event
-                    document.getElementById("custom-twitter-icon").addEventListener("click", function () {
-                        this.querySelector("i").style.color = "#1DA1F2"; // Twitter blue after click
-                    });
+        .social-icon:hover {
+            color: #f4f4f4;
+        }
 
-                    // Instagram click event
-                    document.getElementById("custom-instagram-icon").addEventListener("click", function () {
-                        this.querySelector("i").style.color = "#E1306C"; // Instagram brand color after click
-                    });
+        .footer-rights {
+            justify-content: center;
+            border-top: 1px solid #444 ;
+            padding-top: 15px;
+            margin-top: 30px;
+            font-size: 14px;
+            color: #d1d1d1;
+        }
 
-                    // LinkedIn click event
-                    document.getElementById("custom-linkedin-icon").addEventListener("click", function () {
-                        this.querySelector("i").style.color = "#0A66C2"; // LinkedIn blue after click
-                    });
+        .facebook:hover {
+            color: #1877F2;
+        }
 
-                </script>
-            </div>
-        </div>
+        .twitter:hover {
+            color: #1DA1F2;
+        }
+
+        .instagram:hover {
+            color: #E1306C;
+        }
+
+        .linkedin:hover {
+            color: #0A66C2;
+        }
+    </style>
+
+    </div>
     </footer>
+    <script>// Facebook click event
+        document.getElementById("custom-facebook-icon").addEventListener("click", function () {
+            this.querySelector("i").style.color = "#1877F2"; // Facebook blue after click
+        });
+
+        // Twitter click event
+        document.getElementById("custom-twitter-icon").addEventListener("click", function () {
+            this.querySelector("i").style.color = "#1DA1F2"; // Twitter blue after click
+        });
+
+        // Instagram click event
+        document.getElementById("custom-instagram-icon").addEventListener("click", function () {
+            this.querySelector("i").style.color = "#E1306C"; // Instagram brand color after click
+        });
+
+        // LinkedIn click event
+        document.getElementById("custom-linkedin-icon").addEventListener("click", function () {
+            this.querySelector("i").style.color = "#0A66C2"; // LinkedIn blue after click
+        });
+
+    </script>
     <button id="scrollToTop" title="Back to top">
         <i class="fa-solid fa-arrow-up"></i>
     </button>
@@ -864,85 +913,91 @@ <h4 id="custom-follow-heading">Follow Us</h4>
     </script>
     <script src="https://www.chatbase.co/embed.min.js" chatbotId="iSwsMwg5TfWCzADbpz05-" domain="www.chatbase.co" defer>
     </script>
-    
-     <script>
+
+    <script>
         document.addEventListener("DOMContentLoaded", function () {
-          const coords = { x: 0, y: 0 };
-          const circles = document.querySelectorAll(".circle");
+            const coords = { x: 0, y: 0 };
+            const circles = document.querySelectorAll(".circle");
 
-          circles.forEach(function (circle) {
-            circle.x = 0;
-            circle.y = 0;
-          });
+            circles.forEach(function (circle) {
+                circle.x = 0;
+                circle.y = 0;
+            });
 
-          window.addEventListener("mousemove", function (e) {
-            coords.x = e.pageX;
-            coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
-          });
+            window.addEventListener("mousemove", function (e) {
+                coords.x = e.pageX;
+                coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+            });
 
-          function animateCircles() {
-            let x = coords.x;
-            let y = coords.y;
+            function animateCircles() {
+                let x = coords.x;
+                let y = coords.y;
 
-            circles.forEach(function (circle, index) {
-              circle.style.left = `${x - 12}px`;
-              circle.style.top = `${y - 12}px`;
-              circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
+                circles.forEach(function (circle, index) {
+                    circle.style.left = `${x - 12}px`;
+                    circle.style.top = `${y - 12}px`;
+                    circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
 
-              const nextCircle = circles[index + 1] || circles[0];
-              circle.x = x;
-              circle.y = y;
+                    const nextCircle = circles[index + 1] || circles[0];
+                    circle.x = x;
+                    circle.y = y;
 
-              x += (nextCircle.x - x) * 0.3;
-              y += (nextCircle.y - y) * 0.3;
-            });
+                    x += (nextCircle.x - x) * 0.3;
+                    y += (nextCircle.y - y) * 0.3;
+                });
 
-            requestAnimationFrame(animateCircles);
-          }
+                requestAnimationFrame(animateCircles);
+            }
 
-          animateCircles();
+            animateCircles();
         });
 
-      </script>
+    </script>
 
 
-<div id="popup-nl" class="popup-nl">
-    <div class="popup-content-nl">
-        <div class="popup-left-nl">
-            <img src="images/popup.jpg" alt="finance">
-        </div>
+    <div id="popup-nl" class="popup-nl">
+        <div class="popup-content-nl">
+            <div class="popup-left-nl">
+                <img src="images/popup.jpg" alt="finance">
+            </div>
 
-        <div class="popup-right-nl">
-            <a href="# " class="close1-btn-nl close-nl">X</a>
-            <h1>Subscribe to Newsletter</h1>
-            <h2 class="h2-nl">Join Our Community of Researchers!</h2>
-            <p class="pop_up-nl">Subscribe to receive a curated selection of the regular updates, latest papers, articles, and insights directly to your inbox</p>
-            <form id="emailForm-nl">
-                <input type="email" id="email-nl" placeholder="Enter your email" required>
-                <button type="submit" class="signup-btn1-nl">Subscribe</button>
-            </form>
-            <a href="#" class="no-thanks-nl close-nl">No thanks</a>
-            <p class="terms-nl" style="white-space: nowrap;">By subscribing to newsletters, you agree to our <br><a href="terms&cond.html">Terms of Service</a> and <a href="privacynotice.html">Privacy Policy</a>.</p>
+            <div class="popup-right-nl">
+                <a href="# " class="close1-btn-nl close-nl">X</a>
+                <h1>Subscribe to Newsletter</h1>
+                <h2 class="h2-nl">Join Our Community of Researchers!</h2>
+                <p class="pop_up-nl">Subscribe to receive a curated selection of the regular updates, latest papers,
+                    articles, and insights directly to your inbox</p>
+                <form id="emailForm-nl">
+                    <input type="email" id="email-nl" placeholder="Enter your email" required>
+                    <button type="submit" class="signup-btn1-nl">Subscribe</button>
+                </form>
+                <a href="#" class="no-thanks-nl close-nl">No thanks</a>
+                <p class="terms-nl" style="white-space: nowrap;">By subscribing to newsletters, you agree to our <br><a
+                        href="terms&cond.html">Terms of Service</a> and <a href="privacynotice.html">Privacy Policy</a>.
+                </p>
+            </div>
         </div>
     </div>
-  </div>
-  <script src="script/popup.js"></script>
-
-  <div class="popup" id="pollPopup">
-    <div class="popup-content">
-        <h2>What feature of Research-Nexas do you find most valuable?</h2>
-        <div id="pollOptions">
-            <button class="poll-button" data-value="Easy Paper Upload and Tracking">Easy Paper Upload and Tracking</button>
-            <button class="poll-button" data-value="Supervisor Approval Process">Supervisor Approval Process</button>
-            <button class="poll-button" data-value="Faculty Evaluation and Feedback">Faculty Evaluation and Feedback</button>
+    <script src="script/popup.js"></script>
+
+    <div class="popup" id="pollPopup">
+        <div class="popup-content">
+            <h2>What feature of Research-Nexas do you find most valuable?</h2>
+            <div id="pollOptions">
+                <button class="poll-button" data-value="Easy Paper Upload and Tracking">Easy Paper Upload and
+                    Tracking</button>
+                <button class="poll-button" data-value="Supervisor Approval Process">Supervisor Approval
+                    Process</button>
+                <button class="poll-button" data-value="Faculty Evaluation and Feedback">Faculty Evaluation and
+                    Feedback</button>
+            </div>
+            <button id="voteButton" class="vote-button" style="margin-top: 10px;">Vote</button>
+            <p id="result"></p>
         </div>
-        <button id="voteButton" class="vote-button" style="margin-top: 10px;">Vote</button>
-        <p id="result"></p>
     </div>
-</div>
 
-  <script src="script/popup.js"></script>
-  
+    <script src="script/popup.js"></script>
+
 </body>
 
-</html>
+</html>
\ No newline at end of file