made overall layout as figma

fix card stacking layout
enable stacking animation in mobile device
2025-11-05 19:34:57 +05:30 · 2025-11-05 12:17:58 +05:30 · 2025-11-05 11:26:46 +05:30 · 2025-11-04 19:52:34 +05:30 · 2025-11-04 18:41:08 +05:30
11 changed files with 890 additions and 445 deletions
--- a/components/footer.html
+++ b/components/footer.html
@@ -4,18 +4,30 @@
      <!-- Left Section -->
      <div class="col-lg-4 col-md-6">
        <div class="footer-logo mb-3 d-flex align-items-center">
-          <a href="#"><img src="./assests/images/footer-logo.svg" alt="ASK Logo" height="40" class="me-2"></a>
-         
+          <a href="#"
+            ><img
+              src="./assests/images/footer-logo.svg"
+              alt="ASK Logo"
+              height="40"
+              class="me-2"
+          /></a>
        </div>
        <p class="footer-desc mb-5">
-          We offer tailored investment solutions focused on your goals and objectives.
-          Our mutual funds help enhance seamless wealth transfer between generations for families.
+          We offer tailored investment solutions focused on your goals and
+          objectives. Our mutual funds help enhance seamless wealth transfer
+          between generations for families.
        </p>
        <div class="social-links mb-4">
-          <a href="#" class="me-3"><img src="./assests/images/youtube.svg" alt=""></a>
-          <a href="#" class="me-3"><img src="./assests/images/twitter.svg" alt=""></a>
-          <a href="#" class="me-3"><img src="./assests/images/facebook.svg" alt=""></a>
-          <a href="#"><img src="./assests/images/lin.svg" alt=""></a>
+          <a href="#" class="me-3"
+            ><img src="./assests/images/youtube.svg" alt=""
+          /></a>
+          <a href="#" class="me-3"
+            ><img src="./assests/images/twitter.svg" alt=""
+          /></a>
+          <a href="#" class="me-3"
+            ><img src="./assests/images/facebook.svg" alt=""
+          /></a>
+          <a href="#"><img src="./assests/images/lin.svg" alt="" /></a>
        </div>
        <!-- <div class="d-flex gap-2">
          <a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" height="40" alt="Google Play"></a>
@@ -58,17 +70,25 @@
      </div>
    </div>

-    <hr class="footer-line mt-5 mb-4">
+    <hr class="footer-line mt-5 mb-4" />

    <!-- Bottom Bar -->
-    <div class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small">
+    <div
+      class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small"
+    >
      <div class="footer-bottom-links">
        <a href="#" class="size-footer">Disclosures</a>
        <a href="#" class="size-footer">Privacy Policy</a>
        <a href="#" class="size-footer">Disclaimer</a>
      </div>
      <div class="text-adjust">
-        © 2025 ASK Investment Managers. All rights reserved.
+        <p class="d-lg-none mb-2 ">© 2025 ASK Investment Managers.</p>
+        <p class="d-lg-none">All rights reserved.</p>
+
+        <!-- Large screen (single line) -->
+        <h2 class="d-none d-lg-block">
+          © 2025 ASK Investment Managers. All rights reserved.
+        </h2>
      </div>
    </div>
  </div>
--- a/components/header.html
+++ b/components/header.html
@@ -24,7 +24,7 @@
        <!-- Center Links -->
        <ul class="navbar-nav gap-menu mx-auto text-center">
          <li class="nav-item">
-            <a class="nav-link" href="#/our-fund">Our Fund</a>
+            <a class="nav-link" href="#/our-fund">Our Funds</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#/our-team">Our Team</a>
@@ -35,6 +35,12 @@
          <li class="nav-item">
            <a class="nav-link" href="#/contact">Contact Us</a>
          </li>
+          <li class="nav-item d-lg-none">
+            <a class="nav-link" href="#/contact">Carrer</a>
+          </li>
+          <li class="nav-item d-lg-none">
+            <a class="nav-link" href="#/contact">Login</a>
+          </li>
        </ul>

        <!-- Right Buttons -->
@@ -44,7 +50,15 @@
          </li>
          <li class="nav-item d-flex align-items-center login-btn">
            <span class="">Login</span>
-            <i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px; display: none;"></i>
+            <i
+              class="bi bi-chevron-down"
+              style="
+                font-size: 13px;
+                color: #b18c4a;
+                margin-left: 8px;
+                display: none;
+              "
+            ></i>
          </li>
        </ul>

--- a/css/contact.css
+++ b/css/contact.css
@@ -13,7 +13,7 @@
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
-    height: 350px;
+    height: 400px;
 }

 /* .contact-banner .container{
@@ -82,8 +82,7 @@ p.contact-text-banner {

 .contact-cards {
    display: flex;
-   
-   
+
    margin-bottom: 65px;
    
 }
@@ -94,7 +93,7 @@ p.contact-text-banner {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
    padding: 25px 35px;
    flex: 1 1 30%;
-    border-bottom: 3px solid #b89c58;
+    border-bottom: 5px solid #b89c58;
    /* gold underline */
    transition: all 0.3s ease;
    width: 368px;
--- a/css/style.css
+++ b/css/style.css
@@ -28,19 +28,16 @@ a.nav-link:hover {
 }

 .navbar-expand-lg .gap-menu {
-  flex-direction: row;
-  gap: 20px;
-  margin-left: 40px;
+  gap: 36px;
+  width: 60%;
 }

 /* Navbar links */
 .nav-link {
  font-family: var(--font-primary);
  font-weight: 400;
-  font-style: Regular;
  font-size: 16px;
  line-height: 120%;
-  letter-spacing: 0%;
  text-align: center;
  color: #fff;
 }
@@ -192,11 +189,9 @@ a.color-a {
  color: #fff;
  text-decoration: none;
  font-family: var(--font-tertiary);
-  font-weight: 500;
-  font-style: Medium;
-  font-size: 13px;
+  font-weight: 400;
+  font-size: 14px;
  line-height: 100%;
-  letter-spacing: 0%;
  text-align: center;
 }

@@ -301,7 +296,7 @@ a.color-a {
  color: #fff;
  text-decoration: none;
  display: block;
-  margin-bottom: 8px;
+  margin-bottom: 12px;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 10px;
@@ -335,13 +330,13 @@ a.color-a {
  opacity: 1;
 }

-.text-adjust {
+.text-adjust p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
-  text-align: center;
  color: #fff;
+  
 }

 .footer-bottom-links a {
@@ -428,7 +423,7 @@ a.color-a {
  margin-top: 15px;
 }

-.ask-advantage h2 {
+.ask-advantage-heading-container h2 {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: Regular;
@@ -436,6 +431,8 @@ a.color-a {
  line-height: 100%;
  letter-spacing: 0%;
  color: #033a49;
+  margin: 0;
+  padding: 0;
 }

 .ask-advantage p.lead {
@@ -535,6 +532,10 @@ a.color-a {
  line-height: 60px;
 }

+.mobile-stat-text {
+  display: none;
+}
+
 .width-count {
  width: 23%;
  text-align: left;
@@ -556,7 +557,6 @@ a.color-a {
 }

 .stat-box p {
-  letter-spacing: 0.8px;
  color: #3e3f3f;
  margin: 0;
  font-family: var(--font-primary);
@@ -611,9 +611,9 @@ a.color-a {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
-  height: 500px;
+  height: 600px;
  border-radius: 10px;
-  padding: 0 50px;
+  padding: 0px 50px;
 }

 .where-text {
@@ -623,6 +623,11 @@ a.color-a {
  align-items: center;
 }

+.where-text .tittle-top:first-child{
+  padding-top: 60px;
+  margin-bottom: 10px;
+}
+
 span.banner-tittle1 {
  font-family: var(--font-secondary);
  font-weight: 400;
@@ -660,6 +665,12 @@ span.banner-desc2 {
 .ask-advantage-blog2 {
  padding: 0px 0px 80px 0px;
 }
+
+.ask-advantage-blog2 h2{
+  font-size: 40px;
+  color:#033A49 ;
+  font-weight: 600;
+}
 .img-fluid {
  width: 100% !important;
  height: auto;
@@ -681,8 +692,13 @@ span.banner-desc2 {
  line-height: 100%;
  letter-spacing: 0px;
  color: #929197;
-  margin-top: 15px;
-  margin-bottom: 15px;
+}
+
+.blog-card{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  min-height: 435px;
 }

 .desc-blog {
@@ -691,7 +707,7 @@ span.banner-desc2 {
  font-size: 16px;
  line-height: 135%;
  color: #929197;
-  margin-bottom: 25px;
+  /* margin-bottom: 25px; */
 }

 .read-more {
@@ -736,7 +752,7 @@ span.banner-desc2 {
  line-height: 100%;
  color: #3e3f3f;
  margin-bottom: 40px;
-  margin-top: 15px;
+  margin-top: 25px;
 }

 .accordion-button {
@@ -771,6 +787,7 @@ span.textaccor {
 .accordion-body {
  padding-left: 0;
  padding-right: 0;
+  padding-top: 0;
 }

 .descktop .col-6:hover,
@@ -824,6 +841,7 @@ span.textaccor {
  /*   */
  font-family: var(--font-primary);
  margin-bottom: 40px;
+  margin-top: 40px;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
@@ -886,6 +904,7 @@ span.textaccor {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.3s ease;
+  height: 480px;
 }

 .team-info {
@@ -914,7 +933,7 @@ span.textaccor {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
-  line-height: 100%;
+  line-height: 1.5;
  letter-spacing: 0%;
 }

@@ -981,6 +1000,7 @@ span.textaccor {
  color: #444;
  text-align: left;
  font-family: var(--font-primary);
+  margin-top: 35px;
 }

 .btn-close-d {
@@ -1676,14 +1696,14 @@ span.textaccor {
  font-size: 24px;
 }

-
-
@media (max-width: 768px) {
  .navbar-expand-lg .gap-menu {
    flex-direction: column;
+    justify-content: start;
    gap: 12px;
    padding: 25px 25px 12px 25px;
    margin-left: 0px;
+    width: 100%;
  }

  /* Logo styling */
@@ -1720,9 +1740,9 @@ span.textaccor {

  .leftslider-line {
    /* border-left: 2px solid #b18c4a; */
-    padding-left: 20px;
+    padding: 0 0 0 20px;

-    margin-bottom: 20px;
+    margin: 0 0 20px 0;
    background-image: url("../assests/images/mobile-banner.svg");
    background-repeat: no-repeat;
    background-size: cover;
@@ -1730,9 +1750,10 @@ span.textaccor {
    height: 100%;
    align-items: flex-start;

-    justify-content: center;
+    justify-content: flex-start;
    width: 100%;
  }
+  
  span.banner-tittle {
    font-family: var(--font-secondary);
    font-weight: 400;
@@ -1769,6 +1790,14 @@ span.textaccor {
    transform: rotate(90deg);
  }

+  .desktop-stat-text {
+    display: none;
+  }
+
+  .mobile-stat-text {
+    display: block;
+  }
+
  .width-count {
    width: 100%;

@@ -1809,8 +1838,8 @@ span.textaccor {
  }

  .date-container {
-  text-align: center;
-}
+    text-align: center;
+  }

  .ask-advantage-home h2 {
    font-size: 24px;
@@ -1822,7 +1851,7 @@ span.textaccor {
    line-height: 22px;
  }

-  .ask-advantage-heading {
+  .ask-advantage-heading-container h2 {
    font-size: 24px;
    line-height: 36px;
  }
@@ -1876,6 +1905,18 @@ span.textaccor {
    justify-content: flex-start !important;
  }

+  .home-tittle-blog {
+    font-size: 16px;
+  }
+
+  .blog-card{
+  min-height: 0px;
+}
+
+  .read-more {
+    font-size: 14px;
+  }
+
  .arrow {
    display: none;
    /* hide desktop arrow on mobile */
@@ -1923,7 +1964,8 @@ span.textaccor {

  .nav-link-t {
    font-size: 14px;
-    padding: 8px 12px;
+    padding: 6px 12px;
+    font-weight: 400;
  }

  .nav-t {
@@ -1991,7 +2033,7 @@ span.textaccor {
  }

  .team-card {
-    height: 235px;
+    height: 280px;
  }

  .offcanvas-header {
@@ -2393,8 +2435,8 @@ span.textaccor {
  }
 }

-@media (max-width:767px){
-    .wrapper {
+@media (max-width: 767px) {
+  .wrapper {
    gap: 15px;
    justify-content: flex-start; /* Align to left on mobile too */
  }
@@ -2431,7 +2473,7 @@ span.textaccor {
  }
 }

-@media (min-width:768px) and (max-width:1200px){
+@media (min-width: 768px) and (max-width: 1200px) {
  .wrapper {
    gap: 15px;
    justify-content: flex-start; /* Align to left on mobile too */
@@ -2444,13 +2486,12 @@ span.textaccor {
    max-width: none;
  }

-
  .inner_box h2 {
    margin-bottom: 5px;
    font-size: 21px;
  }

-  .paragraph-container p{
+  .paragraph-container p {
    font-size: 20px;
  }

@@ -2520,6 +2561,7 @@ span.textaccor {
    flex-direction: column;
    gap: 12px;
    padding: 25px 25px 12px 25px;
+    width: 100%;
  }

  .nav-link:hover {
@@ -2557,6 +2599,7 @@ span.textaccor {
    flex-direction: column;
    gap: 12px;
    padding: 0 25px 25px 25px;
+    margin-top: -35px;
  }

  a.color-b {
@@ -2571,6 +2614,7 @@ span.textaccor {

  .topbar-mobile {
    display: block;
+
  }

  .footer-section {
@@ -2612,7 +2656,7 @@ span.textaccor {
  }

  .where2 {
-    padding: 0px 25px !important;
+    padding: 0px 15px !important;
  }
  .ask-advantage2 {
    padding: 0px 25px 60px 25px !important;
--- a/css/testing.css
+++ b/css/testing.css
@@ -1,11 +1,8 @@
 /* Base setup */
 :root {
  --font-primary: "Open Sans", sans-serif;
-  /* default body font */
  --font-secondary: "Larken", serif;
-  /* decorative font */
  --font-tertiary: "Inter", sans-serif;
-  /* for headings or special text */
 }

 .ask-advantage-scroll h2 {
@@ -17,6 +14,7 @@
  letter-spacing: 0%;
  color: #033a49;
 }
+
 .ask-advantage-scroll p.lead {
  font-family: var(--font-primary);
  font-weight: 400;
@@ -28,40 +26,38 @@
  margin-top: 15px;
 }

+/* Mobile & Tablet View (default - stacked layout) */
 .cards-wrapper {
  display: flex;
-  gap: 20px;
-  flex-wrap: wrap;
-  justify-content: center;
-  /* margin-top: 60px; */
+  flex-direction: column;
+  gap: 30px;
+  width: 100%;
 }

 .card-scroll {
  background-image: url("../assests/images/desbackcard-scroll.svg");
  background-repeat: no-repeat;
  background-size: cover;
-
-  background-position: center center; /* centers it horizontally and vertically */
-
+  background-position: center center;
  border-radius: 30px;
-  width: 100%;
  overflow: hidden;
-
  display: flex;
  flex-direction: row;
  border: 1px solid #e6e7e8;
  box-shadow: 0px 5px 14px 0px #0000000d;
-
-  /* reduce side padding so image aligns better */
  padding: 50px 80px 0px 80px;
  gap: 60px;
-  transition: transform 0.3s ease;
+  width: 100%;
+  position: relative;
+  opacity: 1;
+  transform: none;
 }

 .card-content {
  width: 60%;
  margin-bottom: 50px;
 }
+
 .card-image {
  width: 40%;
  display: flex;
@@ -88,10 +84,10 @@
  line-height: 100%;
  letter-spacing: 2px;
 }
+
 .scroll-desc {
  font-family: var(--font-primary);
  font-weight: 400;
-
  font-size: 18px;
  line-height: 100%;
  color: #3e3f3f;
@@ -117,21 +113,38 @@
  display: block;
 }

-@media (max-width: 768px) {
+/* Desktop View (Animation Layout) */
+@media (min-width: 1024px) {
+  .cards-wrapper {
+    position: relative;
+    height: 530px;
+    overflow: hidden;
+    display: block;
+    gap: 0;
+  }
+
+  .card-scroll {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: none;
+  }
+
+  .card-scroll.active {
+    opacity: 1;
+    transform: translateY(0);
+    z-index: 2;
+  }
+}
+
+/* Mobile & Tablet Styles */
+@media (max-width: 1023px) {
  .card-scroll {
    background-image: url("../assests/images/mobilebackcard-scroll.svg");
-    background-repeat: no-repeat;
-    background-size: cover; /* fills card area */
-    background-position: center center; /* show from top */
-
-    border-radius: 30px;
-    width: 100%;
-    overflow: hidden;
-
-    display: flex;
    flex-direction: column;
-    border: 1px solid #e6e7e8;
-    box-shadow: 0px 0px 14px 0px #0000000d;
    padding: 30px 20px 0px 20px;
    gap: 30px;
  }
@@ -140,65 +153,60 @@
    width: 100%;
    margin-bottom: 0px;
  }
+
  .card-image {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
  }
+
  .card-image img {
    width: 220px;
    display: block;
  }
+
  .card-label span {
    font-size: 18px;
  }
+
  .scroll-tiile {
    font-size: 18px;
    letter-spacing: 0.5px;
  }
-  .cards-wrapper {
-    margin-top: 30px;
-  }
+
  .scroll-desc {
    font-size: 13px;
  }
+
  .scroll-ul {
    display: none;
  }
+
  .ask-advantage-scroll h2 {
    font-size: 26px;
    line-height: 36px;
  }
+
  .ask-advantage-scroll p.lead {
    font-size: 15px;
    line-height: 22px;
  }
 }

-.cards-wrapper {
-  position: relative;
-  height: 530px;
-  overflow: hidden;
-}
-
-.card-scroll {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  opacity: 0;
-  transform: translateY(100%);
-}
-
-.card-scroll.active {
-  opacity: 1;
-  transform: translateY(0);
-  z-index: 2;
+@media (max-width: 768px) {
+  .cards-wrapper {
+    gap: 20px;
+  }
+  
+  .card-scroll {
+    padding: 25px 15px 0px 15px;
+    gap: 20px;
+  }
 }

@media (max-width: 991px) {
  section.ask-advantage-scroll.container {
-    padding: 60px 25px 0 25px !important;
+    padding: 40px 25px 0 25px !important;
  }
-}
+}
--- a/js/main.js
+++ b/js/main.js
@@ -337,6 +337,14 @@ let allowNormalScroll = false;
 // ✅ GSAP Stack Scroll with Section Pinning (Fixed Scroll Lock Only)
 // ===============================
 function initGsapStackScroll() {
+  // Check if device is desktop/laptop (min-width: 1024px)
+  const isDesktop = window.matchMedia("(min-width: 1024px)").matches;
+  
+  if (!isDesktop) {
+    console.log("GSAP stack scroll disabled for mobile/tablet devices");
+    return;
+  }
+
  const section = document.querySelector(".ask-advantage-scroll");
  if (!section) return;

@@ -355,7 +363,7 @@ function initGsapStackScroll() {
  // Calculate exact pinning distance
  const cardHeight = cardsWrapper.offsetHeight;
  const totalCards = cards.length;
-  const pinningDistance = cardHeight * totalCards * 2;
+  const pinningDistance = cardHeight * totalCards * 0.4;

  // Scroll pinning logic
  scrollTrigger = ScrollTrigger.create({
@@ -601,7 +609,6 @@ function cleanupGsapStackScroll() {
 document.addEventListener("DOMContentLoaded", initGsapStackScroll);
 window.addEventListener("beforeunload", cleanupGsapStackScroll);

-
 // ===============================
 // ✅ Load Page Content Dynamically
 // ===============================
--- a/pages/about.html
+++ b/pages/about.html
@@ -66,8 +66,8 @@
        </div>
      </div>
    </div>
-    <div class="mt-4">
-      <span class="about-as-of-date">As of July 2025</span>
+    <div class="mt-4 date-container">
+      <span class="as-of-date">As of July 2025</span>
    </div>
  </div>
 </section>
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -17,7 +17,7 @@
 <section class="ask-advantage-blog container">
   <div class="row">
  <div class="col-md-12">
-    <div class="blog-card d-flex align-items-center">
+    <div class="blog-page-card d-flex align-items-center">
      <!-- Left Image -->
      <div class="blog-image">
        <img src="./assests/images/row-blog.svg" alt="Understanding SIPs" class="img-fluid rounded-3">
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -118,42 +118,61 @@


 </section>
-<section class="ask-advantage2 container " style="margin-top: 60px;">
+
+<section class="ask-advantage2 container" style="margin-top: 60px;">
  <h2>New to Mutual Funds?</h2>
  <p class="lead">Here are answers to some common questions we often get</p>
  <div class="accordion" id="accordionExample">
    <div class="accordion" id="accordionExample">
-
      <div class="accordion-item">
        <h2 class="accordion-header" id="headingOne">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
-            aria-expanded="true" aria-controls="collapseOne">
-            Is it safe to invest in mutual funds?
+          <button
+            class="accordion-button"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseOne"
+            aria-expanded="true"
+            aria-controls="collapseOne"
+          >
+            How do mutual fund works?
          </button>
        </h2>
-        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseOne"
+          class="accordion-collapse collapse show"
+          aria-labelledby="headingOne"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
-            <span class="textaccor">
-              Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
-              depend on market performance.
+            <span class="textaccor">Mutual funds pool money from multiple investors and invest in a diversified mix of stocks, bonds, or other securities. Professional fund managers manage the investments, helping reduce risk while aiming for long-term returns.
            </span>
          </div>
        </div>
      </div>

-      <div class="accordion-item">
+            <div class="accordion-item">
        <h2 class="accordion-header" id="headingTwo">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-            How much money do I need to start?
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseTwo"
+            aria-expanded="false"
+            aria-controls="collapseTwo"
+          >
+            Is it safe to invest in mutual funds?
          </button>
        </h2>
-        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseTwo"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingTwo"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
            <span class="textaccor">
-              You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
+              Mutual funds are regulated by SEBI and offer risk diversification,
+              but returns are not guaranteed and depend on market performance.
            </span>
          </div>
        </div>
@@ -161,17 +180,27 @@

      <div class="accordion-item">
        <h2 class="accordion-header" id="headingThree">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-            Can I withdraw my money anytime?
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseThree"
+            aria-expanded="false"
+            aria-controls="collapseThree"
+          >
+            How much money do I need to start?
          </button>
        </h2>
-        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseThree"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingThree"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
            <span class="textaccor">
-              Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
-              lock-in periods.
+              You can begin investing in most mutual funds with as little as
+              ₹500 via SIP or lump sum.
            </span>
          </div>
        </div>
@@ -179,17 +208,27 @@

      <div class="accordion-item">
        <h2 class="accordion-header" id="headingFour">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
-            How are mutual funds taxed?
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseFour"
+            aria-expanded="false"
+            aria-controls="collapseFour"
+          >
+            Can I withdraw my money anytime?
          </button>
        </h2>
-        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseFour"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingFour"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
            <span class="textaccor">
-              Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
-              prevailing tax laws.
+              Yes, most open-ended mutual funds allow withdrawals anytime,
+              though some may have exit loads or specific lock-in periods.
            </span>
          </div>
        </div>
@@ -197,16 +236,27 @@

      <div class="accordion-item">
        <h2 class="accordion-header" id="headingFive">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-            data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
-            Do mutual funds guarantee returns?
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseFive"
+            aria-expanded="false"
+            aria-controls="collapseFive"
+          >
+            How are mutual funds taxed?
          </button>
        </h2>
-        <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseFive"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingFive"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
            <span class="textaccor">
-              No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
+              Tax is based on the type of fund and holding period, with separate
+              rules for equity and debt funds as per prevailing tax laws.
            </span>
          </div>
        </div>
@@ -214,24 +264,59 @@

      <div class="accordion-item">
        <h2 class="accordion-header" id="headingSix">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
-            data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
-            What is NAV in mutual funds?
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseSix"
+            aria-expanded="false"
+            aria-controls="collapseSix"
+          >
+            Do mutual funds guarantee returns?
          </button>
        </h2>
-        <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
-          data-bs-parent="#accordionExample">
+        <div
+          id="collapseSix"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingSix"
+          data-bs-parent="#accordionExample"
+        >
          <div class="accordion-body">
            <span class="textaccor">
-              NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
-              assets and liabilities.
+              No, mutual funds do not guarantee returns; their value fluctuates
+              according to market movements.
            </span>
          </div>
        </div>
      </div>

+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingSeven">
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseSeven"
+            aria-expanded="false"
+            aria-controls="collapseSeven"
+          >
+            What is NAV in mutual funds?
+          </button>
+        </h2>
+        <div
+          id="collapseSeven"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingSeven"
+          data-bs-parent="#accordionExample"
+        >
+          <div class="accordion-body">
+            <span class="textaccor">
+              NAV (Net Asset Value) is the per-unit price of a mutual fund,
+              calculated daily after accounting for fund assets and liabilities.
+            </span>
+          </div>
+        </div>
+      </div>
    </div>
-
  </div>
-
 </section>
--- a/pages/home.html
+++ b/pages/home.html
--- a/pages/our-team.html
+++ b/pages/our-team.html
@@ -30,13 +30,13 @@
        <div class="row g-4  ">
          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
              'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
              <div class="team-info">
                <div class="text-height">
                  <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
-                  <p>Chief Investment Officer</p>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
                </div>
                <div class="arrow-m-right">
                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
@@ -47,7 +47,7 @@

          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
            'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
              <div class="team-info">
@@ -64,7 +64,7 @@

          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
          'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
              <div class="team-info">
@@ -79,15 +79,15 @@
            </div>
          </div>

-          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
              'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
              <div class="team-info">
                <div class="text-height">
                  <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
-                  <p>Chief Investment Officer</p>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
                </div>
                <div class="arrow-m-right">
                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
@@ -98,7 +98,7 @@

          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
            'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
              <div class="team-info">
@@ -115,7 +115,58 @@

          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
            <div class="card team-card"
-              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
+          'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Business Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
+              'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
+            'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Business Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
          'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
              <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
              <div class="team-info">
@@ -176,7 +227,7 @@


    <h5 style="padding-top: 5px; padding-left: 10px;" id="drawerName"></h5>
-    <p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 4px; margin-left: 10px;" class="role"
+    <p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 15px; margin-left: 10px;" class="role"
      id="drawerRole"></p>
    <p class="desc" id="drawerDesc" style="padding-left: 10px;"></p>
  </div>
Author	SHA1	Message	Date
unknown	289eaf8ed4	made overall layout as figma All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 16s Details	2025-11-05 19:34:57 +05:30
unknown	2a7c51da33	fix card stacking layout All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 16s Details	2025-11-05 12:17:58 +05:30
unknown	dcb32d0e42	enable stacking animation in mobile device All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 16s Details	2025-11-05 11:26:46 +05:30
unknown	a2cc409bc3	made homepage same as figma All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 17s Details	2025-11-04 19:52:34 +05:30
unknown	3e458f486b	made homepage feedback changes	2025-11-04 18:41:08 +05:30