From ab9d7af3307f93c274a8bdd9ede601d203d66b48 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Thu, 31 Oct 2024 09:40:12 +0530
Subject: [PATCH 1/4] Footer

---
 public/css/style.css |   7 +--
 public/index.html    | 133 ++++++++++++++++++++++++++-----------------
 2 files changed, 85 insertions(+), 55 deletions(-)

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..b326c3e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -767,75 +767,106 @@ <h2 class="section-title">Frequently Asked Questions</h2>
         <div class="container">
             <div class="row">
                 <div class="footer-col">
-                    <h4>company</h4>
+                    <h4>Company</h4>
                     <ul>
-                        <li><a href="#about_show">about us</a></li>
-                        <li><a href="/contributor.html">our contributors</a></li>
-                        <li><a href="#services">our services</a></li>
-                        <li><a href="/privacy_policy.html">privacy policy</a></li>
-                        <li><a href="/affiliate_program.html">affiliate program</a></li>
+                        <li><a href="#about_show">About Us</a></li>
+                        <li><a href="/contributor.html">Our Contributors</a></li>
+                        <li><a href="#services">Our Services</a></li>
+                        <li><a href="/privacy_policy.html">Privacy Policy</a></li>
+                        <li><a href="/affiliate_program.html">Affiliate Program</a></li>
                     </ul>
                 </div>
                 <div class="footer-col">
-                    <h4>get help</h4>
+                    <h4>Get Help</h4>
                     <ul>
                         <li><a href="#faq_sec">FAQ</a></li>
-                        <li><a href="#">shipping</a></li>
-                        <li><a href="#">returns</a></li>
-                        <li><a href="#">order status</a></li>
-                        <li><a href="#">payment options</a></li>
+                        <li><a href="#">Shipping</a></li>
+                        <li><a href="#">Returns</a></li>
+                        <li><a href="#">Order Status</a></li>
+                        <li><a href="#">Payment Options</a></li>
                     </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>
-
-                <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>
+            </div>
+            <div class="footer-rights">
+                <p>© 2024 Research Paper Hub. All Rights Reserved.</p>
             </div>
         </div>
     </footer>
+    
+    <style>
+        .footer {
+            background-color: #333;
+            padding: 40px 0;
+            color: #fff;
+            font-family: Arial, sans-serif;
+            text-align: center;
+        }
+        .footer-col h4 {
+            font-size: 18px;
+            font-weight: bold;
+            margin-bottom: 15px;
+            color: #f4f4f4;
+        }
+        .footer-col ul {
+            list-style: none;
+            padding: 0;
+        }
+        .footer-col ul li {
+            margin-bottom: 10px;
+        }
+        .footer-col ul li a {
+            color: #d1d1d1;
+            text-decoration: none;
+            font-size: 15px;
+            transition: color 0.3s;
+        }
+        .footer-col ul li a:hover {
+            color: #f4f4f4;
+        }
+        .social-links {
+            display: flex;
+            justify-content: center;
+            gap: 15px;
+        }
+        .social-icon {
+            color: #d1d1d1;
+            font-size: 20px;
+            transition: color 0.3s;
+        }
+        .social-icon:hover {
+            color: #f4f4f4;
+        }
+        .footer-rights {
+            border-top: 1px solid #444;
+            padding-top: 15px;
+            margin-top: 30px;
+            font-size: 14px;
+            color: #d1d1d1;
+        }
+        .facebook:hover { color: #1877F2; }
+        .twitter:hover { color: #1DA1F2; }
+        .instagram:hover { color: #E1306C; }
+        .linkedin:hover { color: #0A66C2; }
+    </style>
+    
     <button id="scrollToTop" title="Back to top">
         <i class="fa-solid fa-arrow-up"></i>
     </button>

From 1dbb566b83aaef6ecfba1ae3254925a0bb3cd164 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Thu, 31 Oct 2024 14:44:42 +0530
Subject: [PATCH 2/4] scrollback button and chatbot

---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index b326c3e..7f74c19 100644
--- a/public/index.html
+++ b/public/index.html
@@ -867,7 +867,7 @@ <h4>Follow Us</h4>
         .linkedin:hover { color: #0A66C2; }
     </style>
     
-    <button id="scrollToTop" title="Back to top">
+    <button id="scrollToTop" title="Back to top" style="bottom: 75px;">
         <i class="fa-solid fa-arrow-up"></i>
     </button>
 

From 6e88f5b9fe179fb9585abe86d564dfb31f70de6b Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Thu, 31 Oct 2024 15:08:23 +0530
Subject: [PATCH 3/4] Why join us?

---
 public/index.html | 502 +++++++++++++++++++++++++++++-----------------
 1 file changed, 314 insertions(+), 188 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7f74c19..10d5f23 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">
@@ -369,7 +372,7 @@ <h3>Career Opportunities</h3>
     <main>
         <!-- join us section  -->
         <section class="join">
-            <h2>Why Join Us</h2>
+            <h2>Why Join Us?</h2>
             <div class="join_box">
                 <div class="join_boxes animated-box1 join_animation1">
                     <img src="https://img.freepik.com/free-vector/flat-design-join-us-message_23-2148954904.jpg" alt="">
@@ -398,6 +401,96 @@ <h2>Why Join Us</h2>
                         you. Together, let’s innovate and build a better tomorrow.</p>
                 </div>
             </div>
+            <style>
+               /* General Styles */
+body {
+    font-family: 'Nunito Sans', sans-serif; 
+    /* Clean and modern font */
+    background-color: #f8f9fb; /* Light gray background */
+    color: #333; /* Dark gray for main text */
+}
+
+.join {
+    text-align: center;
+    /* padding: 2em 1em; */
+}
+
+.join h2 {
+    font-size: 2.8em;
+    color: #83a3d1; /* Dark blue shade for headings */
+    font-weight: 700;
+}
+
+.join_box {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: flex-start;
+    gap: 1em;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+/* Card Styles */
+.join_boxes {
+    background: linear-gradient(135deg, #a8dadc 0%, #457b9d 100%); /* Soft blue gradient */
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+    padding: 1em;
+    width: 100%;
+    max-width: 800px; /* Restrict card width for three inline display */
+    color: #fff;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+/* Card Hover Effect */
+.join_boxes:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
+}
+
+.join_boxes img {
+    width: 100%;
+    height: auto;
+    border-radius: 8px;
+    margin-bottom: 1em;
+}
+
+/* Content Styles */
+.join_boxes p {
+    font-size: 0.65em; /* Slightly smaller text */
+    line-height: 1.5;
+    text-align: left;
+    margin-top: 0.5em;
+}
+
+/* Button Style */
+.join_boxes .action-button {
+    display: inline-block;
+    margin-top: 1em;
+    padding: 0.6em 1.2em;
+    background-color: #1d3557; /* Dark blue button */
+    border-radius: 6px;
+    color: #f1faee;
+    font-size: 0.85em;
+    font-weight: 600;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+}
+
+.join_boxes .action-button:hover {
+    background-color: #14213d; /* Darker shade on hover */
+}
+
+/* Responsive Adjustments */
+@media (max-width: 768px) {
+    .join_box {
+        flex-direction: column; /* Stacks cards on smaller screens */
+        gap: 1em;
+    }
+}
+
+            </style>
         </section>
         <!-- premium section  -->
         <section class="premium">
@@ -628,127 +721,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>
 
 
@@ -798,10 +894,13 @@ <h4>Resources</h4>
                 <div class="footer-col">
                     <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://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>
+                        <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>
@@ -810,7 +909,7 @@ <h4>Follow Us</h4>
             </div>
         </div>
     </footer>
-    
+
     <style>
         .footer {
             background-color: #333;
@@ -819,41 +918,50 @@ <h4>Follow Us</h4>
             font-family: Arial, sans-serif;
             text-align: center;
         }
+
         .footer-col h4 {
             font-size: 18px;
             font-weight: bold;
             margin-bottom: 15px;
             color: #f4f4f4;
         }
+
         .footer-col ul {
             list-style: none;
             padding: 0;
         }
+
         .footer-col ul li {
             margin-bottom: 10px;
         }
+
         .footer-col ul li a {
             color: #d1d1d1;
             text-decoration: none;
             font-size: 15px;
             transition: color 0.3s;
         }
+
         .footer-col ul li a:hover {
             color: #f4f4f4;
         }
+
         .social-links {
             display: flex;
             justify-content: center;
             gap: 15px;
         }
+
         .social-icon {
             color: #d1d1d1;
             font-size: 20px;
             transition: color 0.3s;
         }
+
         .social-icon:hover {
             color: #f4f4f4;
         }
+
         .footer-rights {
             border-top: 1px solid #444;
             padding-top: 15px;
@@ -861,12 +969,24 @@ <h4>Follow Us</h4>
             font-size: 14px;
             color: #d1d1d1;
         }
-        .facebook:hover { color: #1877F2; }
-        .twitter:hover { color: #1DA1F2; }
-        .instagram:hover { color: #E1306C; }
-        .linkedin:hover { color: #0A66C2; }
+
+        .facebook:hover {
+            color: #1877F2;
+        }
+
+        .twitter:hover {
+            color: #1DA1F2;
+        }
+
+        .instagram:hover {
+            color: #E1306C;
+        }
+
+        .linkedin:hover {
+            color: #0A66C2;
+        }
     </style>
-    
+
     <button id="scrollToTop" title="Back to top" style="bottom: 75px;">
         <i class="fa-solid fa-arrow-up"></i>
     </button>
@@ -895,85 +1015,91 @@ <h4>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

From 46435500f0055b3b1be4cd32c8fbf30c94101a03 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Fri, 1 Nov 2024 15:20:35 +0530
Subject: [PATCH 4/4] Footer modifications

---
 public/index.html | 180 ++++++++++------------------------------------
 1 file changed, 39 insertions(+), 141 deletions(-)

diff --git a/public/index.html b/public/index.html
index 10d5f23..ab73804 100644
--- a/public/index.html
+++ b/public/index.html
@@ -372,7 +372,7 @@ <h3>Career Opportunities</h3>
     <main>
         <!-- join us section  -->
         <section class="join">
-            <h2>Why Join Us?</h2>
+            <h2>Why Join Us</h2>
             <div class="join_box">
                 <div class="join_boxes animated-box1 join_animation1">
                     <img src="https://img.freepik.com/free-vector/flat-design-join-us-message_23-2148954904.jpg" alt="">
@@ -401,96 +401,6 @@ <h2>Why Join Us?</h2>
                         you. Together, let’s innovate and build a better tomorrow.</p>
                 </div>
             </div>
-            <style>
-               /* General Styles */
-body {
-    font-family: 'Nunito Sans', sans-serif; 
-    /* Clean and modern font */
-    background-color: #f8f9fb; /* Light gray background */
-    color: #333; /* Dark gray for main text */
-}
-
-.join {
-    text-align: center;
-    /* padding: 2em 1em; */
-}
-
-.join h2 {
-    font-size: 2.8em;
-    color: #83a3d1; /* Dark blue shade for headings */
-    font-weight: 700;
-}
-
-.join_box {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    align-items: flex-start;
-    gap: 1em;
-    max-width: 1200px;
-    margin: 0 auto;
-}
-
-/* Card Styles */
-.join_boxes {
-    background: linear-gradient(135deg, #a8dadc 0%, #457b9d 100%); /* Soft blue gradient */
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
-    padding: 1em;
-    width: 100%;
-    max-width: 800px; /* Restrict card width for three inline display */
-    color: #fff;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-/* Card Hover Effect */
-.join_boxes:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
-}
-
-.join_boxes img {
-    width: 100%;
-    height: auto;
-    border-radius: 8px;
-    margin-bottom: 1em;
-}
-
-/* Content Styles */
-.join_boxes p {
-    font-size: 0.65em; /* Slightly smaller text */
-    line-height: 1.5;
-    text-align: left;
-    margin-top: 0.5em;
-}
-
-/* Button Style */
-.join_boxes .action-button {
-    display: inline-block;
-    margin-top: 1em;
-    padding: 0.6em 1.2em;
-    background-color: #1d3557; /* Dark blue button */
-    border-radius: 6px;
-    color: #f1faee;
-    font-size: 0.85em;
-    font-weight: 600;
-    text-decoration: none;
-    transition: background-color 0.3s ease;
-}
-
-.join_boxes .action-button:hover {
-    background-color: #14213d; /* Darker shade on hover */
-}
-
-/* Responsive Adjustments */
-@media (max-width: 768px) {
-    .join_box {
-        flex-direction: column; /* Stacks cards on smaller screens */
-        gap: 1em;
-    }
-}
-
-            </style>
         </section>
         <!-- premium section  -->
         <section class="premium">
@@ -863,23 +773,23 @@ <h2 class="section-title">Frequently Asked Questions</h2>
         <div class="container">
             <div class="row">
                 <div class="footer-col">
-                    <h4>Company</h4>
+                    <h4>company</h4>
                     <ul>
-                        <li><a href="#about_show">About Us</a></li>
-                        <li><a href="/contributor.html">Our Contributors</a></li>
-                        <li><a href="#services">Our Services</a></li>
-                        <li><a href="/privacy_policy.html">Privacy Policy</a></li>
-                        <li><a href="/affiliate_program.html">Affiliate Program</a></li>
+                        <li><a href="#about_show">about us</a></li>
+                        <li><a href="/contributor.html">our contributors</a></li>
+                        <li><a href="#services">our services</a></li>
+                        <li><a href="/privacy_policy.html">privacy policy</a></li>
+                        <li><a href="/affiliate_program.html">affiliate program</a></li>
                     </ul>
                 </div>
                 <div class="footer-col">
-                    <h4>Get Help</h4>
+                    <h4>get help</h4>
                     <ul>
                         <li><a href="#faq_sec">FAQ</a></li>
-                        <li><a href="#">Shipping</a></li>
-                        <li><a href="#">Returns</a></li>
-                        <li><a href="#">Order Status</a></li>
-                        <li><a href="#">Payment Options</a></li>
+                        <li><a href="#">shipping</a></li>
+                        <li><a href="#">returns</a></li>
+                        <li><a href="#">order status</a></li>
+                        <li><a href="#">payment options</a></li>
                     </ul>
                 </div>
                 <div class="footer-col">
@@ -905,47 +815,11 @@ <h4>Follow Us</h4>
                 </div>
             </div>
             <div class="footer-rights">
-                <p>© 2024 Research Paper Hub. All Rights Reserved.</p>
+                <p>© 2024 Research Nexas. All Rights Reserved.</p>
             </div>
         </div>
     </footer>
-
     <style>
-        .footer {
-            background-color: #333;
-            padding: 40px 0;
-            color: #fff;
-            font-family: Arial, sans-serif;
-            text-align: center;
-        }
-
-        .footer-col h4 {
-            font-size: 18px;
-            font-weight: bold;
-            margin-bottom: 15px;
-            color: #f4f4f4;
-        }
-
-        .footer-col ul {
-            list-style: none;
-            padding: 0;
-        }
-
-        .footer-col ul li {
-            margin-bottom: 10px;
-        }
-
-        .footer-col ul li a {
-            color: #d1d1d1;
-            text-decoration: none;
-            font-size: 15px;
-            transition: color 0.3s;
-        }
-
-        .footer-col ul li a:hover {
-            color: #f4f4f4;
-        }
-
         .social-links {
             display: flex;
             justify-content: center;
@@ -963,7 +837,8 @@ <h4>Follow Us</h4>
         }
 
         .footer-rights {
-            border-top: 1px solid #444;
+            justify-content: center;
+            border-top: 1px solid #444 ;
             padding-top: 15px;
             margin-top: 30px;
             font-size: 14px;
@@ -987,7 +862,30 @@ <h4>Follow Us</h4>
         }
     </style>
 
-    <button id="scrollToTop" title="Back to top" style="bottom: 75px;">
+    </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>