Merge branch 'main' into revert-1933-main

Author: Sampadatiwari

ContactUs.html

@@ -367,12 +367,12 @@ <h3 class="join">Register to join us....</h3>
               body {
                   font-family: Arial, sans-serif;
                   background-color: #f4f4f4;
-                  margin: 10px;
+                  margin: 0;
                   padding: 20px;
               }
               .container {
                   max-width: 600px;
-                  margin: 40px auto;
+                  margin: 0 auto;
                   background: #fff;
                   padding: 20px;
                   border-radius: 10px;

Finveda/Finveda/package-lock.json

@@ -10,7 +10,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "finveda": "file:",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

Finveda/Finveda/package.json

@@ -566,9 +566,9 @@ <h4>Our Team</h4>
 /* Paragraph styling */
 p {
   margin-top: 10px;
-  color: #f0ebeb; 
+  color: #f0ebeb; /* Softer text color */
   line-height: 1.5;
-  text-align: center; 
+  text-align: center; /* Center paragraph text */
 }
 
 /* Shadows inside the cards */
@@ -596,153 +596,49 @@ <h4>Our Team</h4>
 }
 
 </style>
- <div class="blog-content back">
-  <div class="good-card">
-    <div class="good-card1">
-      <div class="white-card">
-        Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with our AI powered finance advisor - Arth Sathi 🤵🏻
-        <button class="learn-more">Learn More</button>
-      </div>
-      <div class="color-card green"></div>
-      <div class="shadow"></div>
-    </div>
-    <div class="good-card2">
-      <div class="round1"></div>
-      <div class="round2"></div>
-      <div class="white-card">
-        FinVeda trends fetches live market figures, ensuring users access the most up-to-date information instantly. Be it stock prices, currency rates, or commodity values.
-        <button class="learn-more">Learn More</button>
-      </div>
-      <div class="color-card orange"></div>
-      <div class="shadow"></div>
-    </div>
-    <div class="good-card3">
-      <div class="white-card">
-        FinVeda tools provide a range of calculators like Mutual Fund Investment tool, EMI calculator, Insurance calculator, Savings Goods etc which would make your life easy
-        <button class="learn-more">Learn More</button>
-      </div>
-      <div class="color-card purple"></div>
-      <div class="shadow"></div>
-    </div>
-  </div>
-  <img style="position: absolute; top: 500px; left:-120px; mix-blend-mode: multiply;" src="./assets/images/contributors.jpeg" alt="photo">
-</div>
-
-
-  <style>
-.white-card {
-    position: relative; /* Make it relative to position children */
-    display: flex; /* Use flexbox for centering */
-    flex-direction: column; /* Stack items vertically */
-    justify-content: space-between; /* Space between items */
-    align-items: center; /* Center align items horizontally */
-}
-
-.learn-more {
-    margin-top: 20px; /* Space above the button */
-    padding: 12px 25px; /* Padding inside the button */
-    border: none; /* No border */
-    border-radius: 5px; /* Rounded corners */
-    background: linear-gradient (45deg, #252627, #e1e8ee);/* Gradient background */
-    color: rgb(10, 10, 10); /* Text color */
-    font-size: 16px; /* Font size */
-    cursor: pointer; /* Pointer on hover */
-    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; /* Transition for hover effects */
-    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.4); /* Shadow for depth */
-}
-
-/* Hover effects for the button */
-.learn-more:hover {
-    background: linear-gradient(45deg, #007BFF, #0056b3); /* Reverse gradient on hover */
-    transform: scale(1.05); /* Slightly enlarge the button */
-    box-shadow: 0 8px 15px rgba(0, 123, 255, 0.6); /* Darker shadow on hover */
-}
-
-/* Optional: Focus effects for accessibility */
-.learn-more:focus {
-    outline: none; /* Remove default outline */
-    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.5); /* Add custom focus ring */
-}
-
-
-    /* Container for blog content */
-.blog-content {
-    position: relative;
-    padding: 20px;
-}
-
-/* General styles for all cards */
-.white-card, .color-card {
-    height: 300px; /* Set a fixed height for white cards */
-    width: 80%;
-    text-align: justify;
-    padding: 20px; /* Added padding for all cards */
-    border-radius: 10px;
-    border: 2px solid rgb(185, 198, 44); /* White border for all cards */
-    transition: transform 0.4s, border-color 0.4s, box-shadow 0.4s; /* Transition for hover effects */
-    cursor: pointer;
-}
-
-/* Hover effects for cards */
-.white-card:hover, .color-card:hover {
-    transform: translateY(-10px);
-    box-shadow: 0 8px 15px rgba(255, 255, 255, 0.5); /* Added a white glow effect on hover */
-}
-
-/* Additional styling for color cards */
-.color-card {
-    height: 400px; /* Set a fixed height for color cards */
-    position: relative;
-    transition: box-shadow 0.4s, transform 0.4s; /* Transition for color card */
-}
-
-.color-card:hover {
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Shadow on hover for color card */
-    transform: translateY(-10px); /* Slight hover lift */
-}
-
-/* Background colors for different color cards */
-.green {
-    background: rgb(86, 255, 213);
-}
-
-.orange {
-    background-color: #ff9071;
-}
+  <div class="blog-content back">
+    <div class="good-card">
+      <div class="good-card1">
+        <div class="white-card">
+          Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with our AI
+          powered finance advisor - Arth Sathi 🤵🏻
 
-.purple {
-    background: rgb(246, 142, 255);
-}
+        </div>
+        <div class="color-card green">
 
-/* Padding for paragraphs inside cards */
-.white-card p, .color-card p {
-  padding-top: 50px;
-    
-}
+        </div>
+        <div class="shadow"></div>
+      </div>
+      <div class="good-card2">
+        <div class="round1">
 
-/* Shadow and round elements */
-.shadow {
-    height: 20px;
-    width: 250px;
-    border-radius: 50%;
-    background: rgb(223, 223, 223);
-    margin-top: -300px;
-    margin-left: 2%;
-}
+        </div>
+        <div class="round2">
 
-.round1, .round2 {
-    height: 120px;
-    width: 120px;
-    margin-left: 25%;
-    border-radius: 50%;
-    border: 2px solid saddlebrown;
-    margin-top: -50px;
-    visibility: hidden;
-}
+        </div>
+        <div class="white-card">
+          FinVeda trends fetches live market figures, ensuring users access the most up-to-date information instantly.
+          Be it stock prices, currency rates, or commodity values.
+        </div>
+        <div class="color-card orange">
 
-  </style>
+        </div>
+        <div class="shadow"></div>
+      </div>
+      <div class="good-card3">
+        <div class="white-card">
+          FinVeda tools provide a range of calculators like Mutual Fund Investment tool,EMI calculator, Insurance
+          calculator, Savings Goods etc which would make your life easy
+        </div>
+        <div class="color-card purple">
 
+        </div>
+        <div class="shadow"></div>
+      </div>
+    </div>
 
+  <img style="position: absolute; top: 500px; left:-120px; mix-blend-mode: multiply;" src="./assets/images/contributors.jpeg" alt="photo">
+  </div>
   <section class="contributors">
     <h2>Our Contributors</h2>
     <div class="contributor-cards" id="contributor-cards">
@@ -757,11 +653,19 @@ <h2>Our Contributors</h2>
 
 
   /* Parent element styling */
+  .contributors {
+    background: linear-gradient(135deg, #ebb074, #acb6e5);
+    padding: 50px 20px;
+    text-align: center;
+    border-radius: 12px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  }
 
   .contributors h2 {
     font-weight: bolder;
+    text-decoration:underline;
     font-size: 2.5rem;
-    color: #fff;
+    color: #d6e2e2;
     margin-bottom: 40px;
     font-weight: 700;
     text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
@@ -905,20 +809,21 @@ <h2>Our Contributors</h2>
 
   /* Card styling with gradient background */
 .contributor-member {
-  background:#c6caeb; /* Gradient background */
+  background: linear-gradient(135deg, #74d5eb, #acb6e5); /* Gradient background */
   border-radius: 12px; /* Rounded corners */
   padding: 20px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Soft shadow */
-  transition: all 0.4s ease;
+  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.4s ease;
   cursor: pointer;
   overflow: hidden;
   position: relative;
 }
 
 /* Hover effect */
 .contributor-member:hover {
+  transform: translateY(-10px); /* Lifting effect */
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* Deeper shadow */
-  background: #fffaf0; /* Gradient change on hover */
+  background: linear-gradient(145deg, #89fffd, #7af1e5); /* Gradient change on hover */
 }
 
 /* Image styling inside the card */
@@ -932,7 +837,7 @@ <h2>Our Contributors</h2>
 
 /* Text and button styling */
 .contributor-member h3 {
-  font-size: 1.3rem;
+  font-size: 1.5rem;
   margin: 10px 0;
   color: #333;
   transition: color 0.3s ease;
@@ -945,7 +850,7 @@ <h2>Our Contributors</h2>
 }
 
 .contributor-member button {
-  background-color:#737ba5;
+  background-color: #34d185;
   color: white;
   border: none;
   padding: 10px 15px;
@@ -955,8 +860,7 @@ <h2>Our Contributors</h2>
 }
 
 .contributor-member button:hover {
-  background-color: #c6caeb;
-  color: black; /* Darker button color on hover */
+  background-color: #2fa671; /* Darker button color on hover */
 }
 /* Parent element with glowing, rotating border */
 .contributors {

about.html

@@ -362,7 +362,7 @@ body.dark-mode {
   .contributors {
     width: 90%;
     margin: 0 auto;
-    background: linear-gradient(135deg, #353a5f,#9ebaf3 60%,#353a5f 100%);
+    background: linear-gradient(135deg, #112d60 20%,#b6c0c5);
     border-radius: 10px;
     padding: 20px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -394,7 +394,7 @@ body.dark-mode {
   }
 
   .contributor-member:hover {
-    scale: 1.06;
+    scale: 0.95;
     background: linear-gradient(135deg,#b5b2b8,#3cc3de);
     box-shadow: 0 8px 12px #2e3061;
   }
@@ -468,10 +468,9 @@ body.dark-mode {
   }
 
   .pagination button.active {
-    background-color: white;
+    background-color: transparent;
     text-decoration: underline;
     font-size: x-large;
-    color: black;
   }
 
   /* General styles for the about-us-block divs */

assets/css/about.css

@@ -711,7 +711,7 @@ p {
 
 .navbar-area {
   position: absolute;
-  top: 0px;
+  top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
@@ -744,19 +744,16 @@ p {
   -ms-transition: background-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out;
 }
-/* .navbar-nav {
-  background-color: saddlebrown;
+.navbar-nav {main
+ background-color: saddlebrown;
   list-style-type: none;
   margin: 0 1rem;
   padding: 0;
   overflow: hidden;
-} */
+}
 
 .nav-item {
   float: left;
-  margin: 17px;
-  width: 69px;
-  padding: 10px;
 }
 
 
@@ -768,7 +765,6 @@ p {
   text-decoration: none;
   position: relative;
   cursor: pointer;
-  
 }
 
 .nav-item a::after {