From 0d2154b38f0131431839e66585c4a56111212974 Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Sat, 9 Nov 2024 22:21:11 +0530
Subject: [PATCH 1/7] scroll

---
 faq.html | 149 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 148 insertions(+), 1 deletion(-)

diff --git a/faq.html b/faq.html
index 48130912..ed2b7eed 100644
--- a/faq.html
+++ b/faq.html
@@ -1343,6 +1343,154 @@ <h4 class="title custom-margin">Contact Us</h4>
 
 
     </footer>
+    <button id="scrollToTopBtn" class="scroll-top" aria-label="Scroll to top">
+        <div class="scroll-top-icon">
+          <i class="fa-solid fa-arrow-up"></i>
+        </div>
+        <svg class="progress-ring" width="60" height="60">
+          <circle class="progress-ring__circle" stroke="#ffffff" stroke-width="4" fill="transparent" r="28" cx="30"
+            cy="30"></circle>
+        </svg>
+      </button>
+      <style>
+        .scroll-top {
+          position: fixed;
+          right: 1.6%;
+          background: #635adc;
+          color: white;
+          width: 60px;
+          height: 60px;
+          border-radius: 50%;
+          border: none;
+          cursor: pointer;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 24px;
+          opacity: 0;
+          visibility: hidden;
+          transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
+          box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+          overflow: visible;
+          z-index: 10;
+          bottom: 110px;
+          margin-right: 10px;
+          /* Ensure button is on top */
+        }
+  
+        .scroll-top.show {
+          opacity: 1;
+          visibility: visible;
+        }
+  
+        .scroll-top:hover {
+          transform: scale(1.1);
+          /* Subtle scaling instead of expanding */
+          box-shadow: 0 8px 20px rgba(255, 69, 159, 0.6);
+          /* Slightly larger shadow */
+        }
+  
+        .scroll-top:active {
+          transform: scale(1.05);
+          /* Minor scale reduction on click */
+        }
+  
+        .scroll-top-icon {
+          position: relative;
+          z-index: 2;
+          transition: transform 0.3s ease;
+        }
+  
+        .scroll-top:hover .scroll-top-icon {
+          transform: translateY(-3px);
+        }
+  
+        /* Progress Ring Styling */
+        .progress-ring {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          transform: rotate(-90deg);
+          /* To start from the top */
+        }
+  
+        .progress-ring__circle {
+          transition: stroke-dashoffset 0.35s;
+          transform-origin: 50% 50%;
+        }
+  
+        /* Pulse Animation */
+        @keyframes pulse {
+          0% {
+            box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+          }
+  
+          50% {
+            box-shadow: 0 5px 15px rgba(255, 69, 159, 0.7);
+          }
+  
+          100% {
+            box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
+          }
+        }
+  
+        .scroll-top:hover {
+          animation: pulse 1.5s infinite;
+        }
+  
+        .scroll-top.show {
+          animation: none;
+          /* No animation when showing the button */
+        }
+  
+        .scroll-top.show:hover {
+          animation: pulse 1.5s infinite;
+          /* Pulse on hover */
+        }
+      </style>
+      <script>
+        // Get the button
+        const scrollToTopBtn = document.getElementById("scrollToTopBtn");
+        const progressCircle = document.querySelector(".progress-ring__circle");
+        const radius = progressCircle.r.baseVal.value;
+        const circumference = 2 * Math.PI * radius;
+  
+        // Set the circle progress properties
+        progressCircle.style.strokeDasharray = `${circumference} ${circumference}`;
+        progressCircle.style.strokeDashoffset = circumference;
+  
+        // Function to show or hide the button based on scroll position
+        function toggleScrollButton() {
+          if (window.scrollY > 100) {
+            scrollToTopBtn.classList.add("show");
+          } else {
+            scrollToTopBtn.classList.remove("show");
+          }
+        }
+  
+        // Function to set the scroll progress on the button ring
+        function setProgress(percent) {
+          const offset = circumference - (percent / 100) * circumference;
+          progressCircle.style.strokeDashoffset = offset;
+        }
+  
+        // Listen for scroll events to update button visibility and progress
+        window.addEventListener("scroll", () => {
+          toggleScrollButton();
+          const scrollPercent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
+          setProgress(scrollPercent);
+        });
+  
+        // Smooth scroll to top when the button is clicked
+        scrollToTopBtn.addEventListener("click", () => {
+          window.scrollTo({
+            top: 0,
+            behavior: "smooth"
+          });
+        });
+      </script>
 
 
     <script>
@@ -1439,7 +1587,6 @@ <h4 class="title custom-margin">Contact Us</h4>
 
     <script>window.gtranslateSettings = { "default_language": "en", "detect_browser_language": true, "wrapper_selector": ".gtranslate_wrapper" }</script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
-    <a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a>
 
     <script src="./assets/js/about.js"></script>
     <script src="./assets/js/subscribe.js"></script>

From 780642a97a5a3b25c7391cbf23ae3d59f45cad73 Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Sun, 10 Nov 2024 04:27:38 +0530
Subject: [PATCH 2/7] done

---
 assets/css/style.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index a4531862..32f2f93e 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -256,7 +256,7 @@ ol {
   list-style-type: none;
 }
  
-p {
+/*p {
 
   font-size:  18px;
   font-weight:  400;
@@ -264,7 +264,7 @@ p {
   color:  #ffffff;
   margin:  0px;
 
-}
+}*/
  
 .bg_cover {
   background-position: center center;
@@ -314,6 +314,16 @@ p {
   text-decoration: none;
 }
 
+p {
+
+  font-size:  18px;
+  font-weight:  400;
+  line-height:  26px;
+  color:  #0029ff;
+  margin:  0px;
+
+}
+
 .main-btn:hover {
   color: rgb(255, 255, 255);
   background-position: right center;
@@ -1899,6 +1909,12 @@ p {
   bottom: 25px;
 }
 
+.single-team .team-content .holder-name a {
+  font-size: 20px;
+  font-weight: 700;
+  color: #635adc;
+}
+
 .single-team .team-image .social ul {
   background-color: rgba(255, 255, 255, 0.23);
   display: inline-block;
@@ -1942,11 +1958,11 @@ p {
   padding: 30px;
 }
 
-.single-team .team-content .holder-name a {
+/*.single-team .team-content .holder-name a {
   font-size: 20px;
   font-weight: 700;
   color: #2e2e2e;
-}
+}*/
 
 .single-team .team-content .text {
   margin-top: 5px;

From d69733582bc926455ad90ba81e30b0c6838908ae Mon Sep 17 00:00:00 2001
From: Neeru <161798182+neeru24@users.noreply.github.com>
Date: Sun, 10 Nov 2024 12:48:20 +0530
Subject: [PATCH 3/7] Update Tax Filing Game.html

---
 Games/Tax Filing Game.html | 91 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)

diff --git a/Games/Tax Filing Game.html b/Games/Tax Filing Game.html
index 0abc82a3..d4650850 100644
--- a/Games/Tax Filing Game.html	
+++ b/Games/Tax Filing Game.html	
@@ -4,7 +4,27 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tax Filing Game</title>
+    <link rel="icon" href="https://raw.githubusercontent.com/ayush-that/FinVeda/refs/heads/main/assets/images/Favicon1.ico" type="image/x-icon">
     <style>
+        .circle {
+    position: absolute;
+    width: 25px;
+    height: 25px;
+    border-radius: 50%;
+    pointer-events: none;
+    background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5));
+    transition: transform 0.1s, left 0.1s, top 0.1s;
+  }
+
+  .circle-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+        
         /* Basic Reset */
         * {
             margin: 0;
@@ -140,6 +160,77 @@
     </style>
 </head>
 <body>
+       <div class="circle-container">
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+        <div class="circle"></div>
+      </div>
+      <script>
+        document.addEventListener("DOMContentLoaded", function () {
+          const coords = { x: 0, y: 0 };
+          const circles = document.querySelectorAll(".circle");
+
+          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
+          });
+
+          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})`;
+
+              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;
+            });
+
+            requestAnimationFrame(animateCircles);
+          }
+
+          animateCircles();
+        });
+
+      </script>
     <div class="game-container">
         <h1>Tax Filing Game</h1>
         <p>Test your tax knowledge and earn points!</p>

From dde277ededc3b49df9506e89c2cc8f236d6d6750 Mon Sep 17 00:00:00 2001
From: Neeru <161798182+neeru24@users.noreply.github.com>
Date: Sun, 10 Nov 2024 13:04:13 +0530
Subject: [PATCH 4/7] Update Games.html

---
 Games/Games.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/Games/Games.html b/Games/Games.html
index 6eae8b8b..763b27c5 100644
--- a/Games/Games.html
+++ b/Games/Games.html
@@ -68,27 +68,27 @@ <h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
                 </div>
                 <ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
                   <li class="nav-item">
-                    <a class="page-scroll" href="./index.html">
+                    <a class="page-scroll" href="../index.html">
                       <i class="fas fa-home icon-hover" style="margin: 5px;"></i> Home
                     </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./about.html">
+                    <a class="page-scroll" href="../about.html">
                       <i class="fas fa-info-circle icon-hover" style="margin: 5px;"></i> About Us
                     </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./finance.html">
+                    <a class="page-scroll" href="../finance.html">
                       <i class="fas fa-graduation-cap icon-hover" style="margin: 5px;"></i> Courses
                     </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./contact.html">
+                    <a class="page-scroll" href="../contact.html">
                       <i class="fas fa-envelope icon-hover" style="margin: 5px;"></i> Contact
                     </a>
                   </li>
                   <li class="nav-item">
-                    <a class="page-scroll" href="./faq.html">
+                    <a class="page-scroll" href="../faq.html">
                       <i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
                     </a>
                   </li>
@@ -98,21 +98,21 @@ <h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
                       <i class="fas fa-chevron-down icon-hover" style="margin: 5px;"></i> Explore More
                     </a>
                     <ul class="dropdown-menu">
-                      <li><a href="./trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
+                      <li><a href="../trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
                           Trends</a></li>
-                      <li><a href="./tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
+                      <li><a href="../tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
                           Tools</a></li>
-                      <li><a href="./blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a>
+                      <li><a href="../blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a>
                       </li>
-                      <li><a class="active-link" href="./quiz.html"><i class="fas fa-question icon-hover"
+                      <li><a class="active-link" href="../quiz.html"><i class="fas fa-question icon-hover"
                             style="margin: 5px;"></i> Quiz</a></li>
-                      <li><a href="./maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
+                      <li><a href="../maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
                     </ul>
                   </li>
                   <!-- Navigation item placeholder for Login/Register or Logout button -->
                   <li class="nav-item no-underline" id="auth-btn-container">
                     <a class="main-btn navbar-btn" style="padding: 2px 20px;" data-scroll-nav="0"
-                      href="./loginPage.html">
+                      href="../loginPage.html">
                       <i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
                     </a>
                   </li>
@@ -348,4 +348,4 @@ <h1>Want<span> to play a </span>GAME?</h1><br>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>

From db59a9f7848580891eb3def621208785f32d09f7 Mon Sep 17 00:00:00 2001
From: Souvik Majee <souvikmajee039@gmail.com>
Date: Sun, 10 Nov 2024 13:27:52 +0530
Subject: [PATCH 5/7] Blogs added in blogs page

---
 blog.html | 323 +++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 246 insertions(+), 77 deletions(-)

diff --git a/blog.html b/blog.html
index a2050741..e3f21759 100644
--- a/blog.html
+++ b/blog.html
@@ -851,85 +851,254 @@ <h1 id="title" style="font-size: 2.0rem; margin-top: 60px; margin-left: 5px;">Bl
     }
   </style>
 
-  <script>
-
-    // Function to display blog posts
-    function displayBlogs(blogs) {
-
-      const filteredBlogsContainer = document.getElementById('filtered-blogs');
-      filteredBlogsContainer.innerHTML = ''; // Clear previous content
-
-      blogs.forEach(post => {
-        let imagePath = "";
-        if (post.featuredImage) {
-          imagePath = `http://localhost:5000/${post.featuredImage.replace(/\\/g, '/')}`;
-        }
-        const blogHTML = `
-        <article class="card" data-aos="fade-right" data-aos-delay="300">
-            <img src="${imagePath}" alt="${post.title}" class="card-image" onerror="this.onerror=null; this.src='/placeholder.svg?height=200&width=400';">
-            <div class="card-content">
-                <h2 class="card-title">
-                    <a href="#" class="card-title-link">${post.title}</a>
-                </h2>
-                <p class="card-excerpt">${post.excerpt}</p>
-                <div class="card-footer">
-                    <time datetime="${post.createdAt}">${formatDate(post.createdAt)}</time>
-                     <a href="/readmore/${post.id}" class="card-read-more">
-                       <span> Read More </span>
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                        </svg>
-                    </a>
-                </div>
-            </div>
-        </article>
-    `;
-        filteredBlogsContainer.innerHTML += blogHTML;
-      });
-    }
-
-    // Fetch blog posts from server
-    async function fetchBlogs() {
-      try {
-        const response = await fetch('http://localhost:5000/api/addBlog/getAllBlog');
-        if (!response.ok) {
-          throw new Error('Network response was not ok');
-        }
-        const blogPosts = await response.json();
-        console.log(blogPosts)
-        displayBlogs(blogPosts); // Display all blogs initially
-
-        // Add event listener for input changes
-        document.getElementById('search-input').addEventListener('input', function () {
-          const searchQuery = this.value.toLowerCase();
-
-          // Filter blog posts based on search query
-          const filteredPosts = blogPosts.filter(post =>
-            post.title.toLowerCase().includes(searchQuery)
-          );
-
-          // Display filtered results
-          displayBlogs(filteredPosts);
-        });
-      } catch (error) {
-        console.error('Error fetching blog posts:', error);
-      }
-    }
-
-    function formatDate(date) {
-      return new Date(date).toLocaleDateString('en-US', {
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric'
-      });
-    }
-
-    // Initial fetch of blog posts
-    fetchBlogs();
-
+<section id="blog" class="blog-area pt-100">
+  <div class="container">
+    <div class="row justify-content-start"  >
+      <div class="col-lg-4 col-md-7" data-aos="slide-right">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
+          <div class="blog-image">
+            <a href="./blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html">
+              <img src="assets/images/blog-1.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <a href="./blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html">
+              <p class="reviewtext">
+                How to deal with Unknown Risks in Life and Investing?
+              </p>
+            </a>
+            <a class="more" href="./blogs/how-to-deal-with-unknown-risks-in-life-and-investing.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="zoom-in">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/how-to-10x-your-generational-wealth.html">
+              <img src="./assets/images/blog-2.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+              <p class="reviewtext">How to 10x your Generational Wealth?</p>
+            <a class="more" href="./blogs/how-to-10x-your-generational-wealth.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-left">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/invest-minimal.html">
+              <img src="./assets/images/women.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <a href="./blogs/invest-minimal.html" >
+              <p class="reviewtext">
+                Investing with Minimal Savings: A Guide for Women Investors
+              </p>
+            </a>
+            <a class="more" href="./blogs/invest-minimal.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-right">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/Pocketmoney.html">
+              <img src="./assets/images/pocket.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Can Pocket Money Turn Into Investment? A Guide for Teenagers
+            </p>
+            <a class="more" href="./blogs/Pocketmoney.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="zoom-in">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/senior.html">
+              <img src="./assets/images/senior.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Investment Opportunities for Senior Citizens: Securing Your Future
+            </p>
+            <a class="more" href="./blogs/senior.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-left">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/why-investing-in-stocks-is-better-than-fixed-deposit.html">
+              <img src="./assets/images/blog-3.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Why investing in stocks is better than fixed deposit?
+            </p>
+            <a class="more" href="./blogs/why-investing-in-stocks-is-better-than-fixed-deposit.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-right">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="/blogs/starup.html">
+              <img src="assets/images/staryp.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Unlocking Potential: The Benefits and Opportunities of Investing in Startups
+            </p>
+            <a class="more" href="./blogs/starup.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="zoom-in">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/how-fintech-is-revolutionizing-small-business-lending.html">
+              <img src="./assets/images/fintech.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              How Fintech is Revolutionizing Small Business Lending.
+            </p>
+            <a class="more" href="./blogs/how-fintech-is-revolutionizing-small-business-lending.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-left">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/economic-trends-and-analysis.html">
+              <img src="./assets/images/economic-trend-analysis.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Economic Trends and Analysis.
+            </p>
+            <a class="more" href="./blogs/economic-trends-and-analysis.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-right">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html">
+              <img src="./assets/images/Empowering.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Empowering you with economic knowledge for smarter decisions.
+            </p>
+            <a class="more" href="./blogs/empowering-you-with-economic-knowledge-for-smarter-decisions.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="zoom-in">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html">
 
-  </script>
+              <img src="./assets/images/Mutual-funds.webp" alt="blog" />
 
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Mutual Funds 101: A Beginner’s Guide to Smart Investing
+            </p>
+            <a class="more" href="./blogs/Mutual-Funds-101-A-Beginners-Guide-to-Smart-Investing.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-left">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/saving-for-future.html">
+              <img src="./assets/images/saving.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Saving for the Future.
+            </p>
+            <a class="more" href="./blogs/saving-for-future.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-right">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/real-estate-economics.html">
+              <img src="./assets/images/real-estate.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Real Estate Economics
+            </p>
+            <a class="more" href="./blogs/real-estate-economics.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-7" data-aos="slide-left">
+        <div class="single-blog mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+          <div class="blog-image">
+            <a href="./blogs/Types-of-Stock-Investments-A-Quick-Guide.html">
+              <img src="./assets/images/types-of-stock-investment-a-quick-guide-blog.webp" alt="blog" />
+            </a>
+          </div>
+          <div class="blog-content">
+            <p class="reviewtext">
+              Types of Stock Investment: A Quick Guide
+            </p>
+            <a class="more" href="./blogs/Types-of-Stock-Investments-A-Quick-Guide.html">
+              Learn More <i class="lni-chevron-right"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
 
   <!-- Timed popup that will appear after succesful submission of feebback form! -->
   <button class="notification" id="successnotification" style="display:none;">

From 934a0e6668dbe6ae38c8c214819bfe9f60dcd632 Mon Sep 17 00:00:00 2001
From: Simarjit Singh <CTSIMARJIT@GMAIL.COM>
Date: Sun, 10 Nov 2024 13:35:39 +0530
Subject: [PATCH 6/7] update

---
 Cookiepolicy.html | 80 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 61 insertions(+), 19 deletions(-)

diff --git a/Cookiepolicy.html b/Cookiepolicy.html
index 76bd3a76..62158964 100644
--- a/Cookiepolicy.html
+++ b/Cookiepolicy.html
@@ -22,11 +22,6 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
   <style>
-    * {
-      cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
-    }
-
-
     .circle {
       position: absolute;
       width: 25px;
@@ -47,6 +42,46 @@
       z-index: 9999;
     }
 
+    @media (max-width: 720px) {
+      .circle-container{
+        display: none;
+      }
+    }
+
+    #progressBar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 0%;
+        height: 8px;
+        background-color: #f76b45;
+        z-index: 9999;
+      }
+
+body {
+background-color: white;
+color: black;
+transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.dark-mode {
+background-color: #121212;
+color: #e0e0e0;
+}
+
+.dark-mode h2 {
+  background-color: #121212 !important;
+  color: #e0e0e0 !important;
+}
+  </style>
+  <style>
+    * {
+      cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
+    }
+
+
+
+
     @media (max-width: 720px) {
       .circle-container {
         display: none;
@@ -120,40 +155,46 @@
     <div class="circle"></div>
     <div class="circle"></div>
     <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
-    <div class="circle"></div>
   </div>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
       const coords = { x: 0, y: 0 };
       const circles = document.querySelectorAll(".circle");
 
-      circles.forEach(function (circle, index) {
+      circles.forEach(function (circle) {
         circle.x = 0;
         circle.y = 0;
-
-        circle.style.position = 'absolute';
       });
 
       window.addEventListener("mousemove", function (e) {
         coords.x = e.pageX;
-        coords.y = e.pageY - window.scrollY;
+        coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
       });
 
+      window.addEventListener("DOMContentLoaded", (event) => {
+      const savedTheme = localStorage.getItem("theme");
+
+      // Apply the theme if stored
+      if (savedTheme === "dark") {
+        document.body.classList.add("dark-mode");
+      }
+    });
+
       function animateCircles() {
         let x = coords.x;
         let y = coords.y;
 
         circles.forEach(function (circle, index) {
-          circle.x += (x - circle.x) * 0.3;
-          circle.y += (y - circle.y) * 0.3;
-
-          circle.style.left = `${circle.x - 12}px`;
-          circle.style.top = `${circle.y - 12}px`;
+          circle.style.left = `${x - 12}px`;
+          circle.style.top = `${y - 12}px`;
           circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
-          x = circle.x;
-          y = circle.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;
         });
 
         requestAnimationFrame(animateCircles);
@@ -161,6 +202,7 @@
 
       animateCircles();
     });
+
   </script>
 
   <div id="progressBar"></div>

From da3c3219c3cbf69b1c624e540988b42b83c4bee6 Mon Sep 17 00:00:00 2001
From: Simarjit Singh <CTSIMARJIT@GMAIL.COM>
Date: Sun, 10 Nov 2024 13:53:28 +0530
Subject: [PATCH 7/7] update

---
 creditCard.html | 97 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)

diff --git a/creditCard.html b/creditCard.html
index 564b13ac..51d3e288 100644
--- a/creditCard.html
+++ b/creditCard.html
@@ -7,8 +7,104 @@
     <link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
     <link rel="stylesheet" href="./assets/css/creditCard.css">
+    <style>
+        .circle {
+          position: absolute;
+          width: 25px;
+          height: 25px;
+          border-radius: 50%;
+          pointer-events: none;
+          background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5));
+          transition: transform 0.1s, left 0.1s, top 0.1s;
+        }
+      
+        .circle-container {
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          pointer-events: none;
+          z-index: 9999;
+        }
+      </style>
 </head>
 <body>
+    <body>
+        <div class="circle-container">
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+          <div class="circle"></div>
+        </div>
+        <script>
+          document.addEventListener("DOMContentLoaded", function () {
+            const coords = { x: 0, y: 0 };
+            const circles = document.querySelectorAll(".circle");
+      
+            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
+            });
+      
+            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})`;
+      
+                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;
+              });
+      
+              requestAnimationFrame(animateCircles);
+            }
+      
+            animateCircles();
+          });
+      
+        </script>
+      
+    </body>
+   
     <div class="cc-app">
         <header class="cc-header">
             <h1><i class="fas fa-credit-card"></i> Credit Card Comparison Tool</h1>
@@ -52,5 +148,6 @@ <h2><i class="fas fa-table"></i> Side-by-Side Comparison</h2>
         </main>
     </div>
     <script src="./assets/js/credit.js"></script>
+    
 </body>
 </html>