ask-mutual-fund/pages/home.html

<section class="Slider-back">
  <div
    id="carouselExampleIndicators"
    class="carousel slide height-banner"
    data-bs-ride="carousel"
  >
    <div class="carousel-indicators">
      <button
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide-to="0"
        class="active"
        aria-current="true"
        aria-label="Slide 1"
      ></button>
      <button
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide-to="1"
        aria-label="Slide 2"
      ></button>
      <button
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide-to="2"
        aria-label="Slide 3"
      ></button>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active leftslider-line">
        <div class="right-new container">
          <div class="right-border">
            <div class="tittle-top">
              <span class="banner-tittle"
                >A smarter way to build wealth through Mutual Funds</span
              >
            </div>
            <div class="desc-top">
              <span class="banner-desc"
                >Mutual Funds help your money grow—one small step at a
                time.</span
              >
            </div>
            <div class="button-to">
              <span class="invest-btn2">
                <a href="#" class="">Invest Now</a>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item leftslider-line">
        <div class="right-new container">
          <div class="right-border">
            <div class="tittle-top">
              <span class="banner-tittle"
                >A smarter way to build wealth through Mutual Funds</span
              >
            </div>
            <div class="desc-top">
              <span class="banner-desc"
                >Mutual Funds help your money grow—one small step at a
                time.</span
              >
            </div>
            <div class="button-to">
              <span class="invest-btn2">
                <a href="#" class="">Invest Now</a>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item leftslider-line">
        <div class="right-new container">
          <div class="right-border">
            <div class="tittle-top">
              <span class="banner-tittle"
                >A smarter way to build wealth through Mutual Funds</span
              >
            </div>
            <div class="desc-top">
              <span class="banner-desc"
                >Mutual Funds help your money grow—one small step at a
                time.</span
              >
            </div>
            <div class="button-to">
              <span class="invest-btn2">
                <a href="#" class="">Invest Now</a>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="ask-advantage-home container">
  <h2>The ASK Advantage</h2>
  <p class="lead">
    We blend expert management and a personalized approach to help you grow
    wealth with confidence.
  </p>
  <div class="d-none d-md-block">
    <!-- Desktop View (Grid) -->
    <div class="row justify-content-center align-items-stretch">
      <div class="col-md-3 col-sm-6 mb-4 d-flex">
        <div class="advantage-box flex-fill">
          <div class="advantage-icon">
            <img src="./assests/images/icon1.svg" alt="" />
          </div>
          <h5 class="advantage-title">Expert Portfolio Management</h5>
          <p class="advantage-text">
            Benefit from our seasoned fund managers’ decades of market
            expertise.
          </p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 mb-4 d-flex">
        <div class="advantage-box flex-fill">
          <div class="advantage-icon" style="margin-top: 7px">
            <img src="./assests/images/icon2.svg" alt="" />
          </div>
          <h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
          <p class="advantage-text">
            Combine the power of disciplined investing with expert-designed
            portfolios for consistent growth.
          </p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 mb-4 d-flex">
        <div class="advantage-box flex-fill">
          <div class="advantage-icon">
            <img src="./assests/images/icon3.svg" alt="" />
          </div>
          <h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
          <p class="advantage-text">
            Our equity strategies focus on high-quality businesses with
            long-term growth potential.
          </p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 mb-4 d-flex">
        <div class="advantage-box flex-fill">
          <div class="advantage-icon">
            <img src="./assests/images/icon4.svg" alt="" />
          </div>
          <h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
          <p class="advantage-text">
            Invest globally and locally through ETFs with sectoral, thematic,
            and international options.
          </p>
        </div>
      </div>
    </div>
  </div>

  <!-- Mobile View (Slider) -->
  <div class="d-block d-md-none">
    <div class="swiper-home mySwiper2">
      <div class="swiper-wrapper">
        <div class="swiper-slide arrang-back">
          <div class="advantage-card">
            <div class="advantage-icon">
              <img
                src="./assests/images/icon1.svg"
                alt=""
                class="mobile-hight"
              />
            </div>
            <h5 class="advantage-title">Expert Portfolio Management</h5>
            <p class="advantage-text">
              Benefit from our seasoned fund managers’ decades of market
              expertise.
            </p>
          </div>
        </div>

        <div class="swiper-slide arrang-back">
          <div class="advantage-card">
            <div class="advantage-icon">
              <img
                src="./assests/images/icon2.svg"
                alt=""
                class="mobile-hight"
              />
            </div>
            <h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
            <p class="advantage-text">
              Combine the power of disciplined investing with expert-designed
              portfolios for consistent growth.
            </p>
          </div>
        </div>

        <div class="swiper-slide arrang-back">
          <div class="advantage-card">
            <div class="advantage-icon">
              <img
                src="./assests/images/icon3.svg"
                alt=""
                class="mobile-hight"
              />
            </div>
            <h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
            <p class="advantage-text">
              Our equity strategies focus on high-quality businesses with
              long-term growth potential.
            </p>
          </div>
        </div>

        <div class="swiper-slide arrang-back">
          <div class="advantage-card">
            <div class="advantage-icon">
              <img
                src="./assests/images/icon4.svg"
                alt=""
                class="mobile-hight"
              />
            </div>
            <h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
            <p class="advantage-text">
              Invest globally and locally through ETFs with sectoral, thematic,
              and international options.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="stats-section text-center">
  <div class="container">
    <div
      class="row justify-content-center align-items-center mobile-resp-count"
    >
      <div class="col-md-3 col-6 mb-4 mb-md-0 width-count">
        <div class="stat-box">
          <h3>40 Years</h3>
          <p>Years of Expertise</p>
        </div>
      </div>

      <div class="col-md-3 col-6 mb-4 mb-md-0 stat-border width-count2">
        <div class="stat-box">
          <h3>₹84,500 Cr+</h3>
          <p class="desktop-stat-text">Assets Under Management</p>
          <p class="mobile-stat-text">Portfolio Served</p>
        </div>
      </div>

      <div class="col-md-3 col-6 mb-4 mb-md-0 stat-border width-count3">
        <div class="stat-box">
          <h3>20,000+</h3>
          <p class="desktop-stat-text">Client</p>
          <p class="mobile-stat-text">Client Served</p>
        </div>
      </div>

      <div class="col-md-3 col-6 stat-border width-count4">
        <div class="stat-box">
          <h3>29 Years</h3>
                    <p>Equity Experience</p>
        </div>
      </div>
    </div>
    <div class="mt-4 date-container">
      <span class="as-of-date">As of July 2025</span>
    </div>
  </div>
</section>

<section class="ask-advantage-scroll container">
  <h2>Your Investment Journey, Made Simple</h2>
  <p class="lead">Follow these simple steps to start your investment journey</p>

  <div class="cards-wrapper">
    <!-- Card 1 -->
    <div class="card-scroll">
      <div class="card-content">
        <div class="card-label"><span>01</span></div>
        <h3 class="scroll-tiile">Know why you're investing</h3>
        <span class="scroll-desc"
          >Set clear goals to make every mutual fund investment count.</span
        >
        <ul class="scroll-ul">
          <li class="scroll-li">Define your short-term or long-term goals</li>
          <li class="scroll-li">Set a realistic investment time horizon</li>
          <li class="scroll-li">Know your risk-taking ability</li>
          <li class="scroll-li">Decide between growth or steady income</li>
        </ul>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Explore Now</a>
          </span>
        </div>
      </div>
      <div class="card-image">
        <img
          src="./assests/images/scroll1.svg"
          class="scroll1"
          alt="Investment Goal"
        />
      </div>
    </div>

    <!-- Card 2 -->
    <div class="card-scroll">
      <div class="card-content">
        <div class="card-label"><span>02</span></div>
        <h3 class="scroll-tiile">Choose the Right Mutual Fund</h3>
        <span class="scroll-desc"
          >Browse funds by risk, return, and category to match your goal.</span
        >
        <ul class="scroll-ul">
          <li class="scroll-li">Select from Equity, Debt, or Hybrid funds</li>
          <li class="scroll-li">Filter by your risk profile</li>
          <li class="scroll-li">Consider past performance and returns</li>
          <li class="scroll-li">Match the fund to your financial goal</li>
        </ul>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Explore Now</a>
          </span>
        </div>
      </div>
      <div class="card-image">
        <img
          src="./assests/images/scroll2.svg"
          class="scroll1"
          alt="Investment Goal"
        />
      </div>
    </div>

    <!-- Card 3 -->
    <div class="card-scroll">
      <div class="card-content">
        <div class="card-label"><span>03</span></div>
        <h3 class="scroll-tiile">One KYC, Lifetime Access</h3>
        <span class="scroll-desc"
          >Submit details securely and unlock investment opportunities.</span
        >
        <ul class="scroll-ul">
          <li class="scroll-li">Submit PAN, Aadhaar & a passport-size photo</li>
          <li class="scroll-li">Complete in-person or video verification</li>
          <li class="scroll-li">
            Do it once, valid across all mutual fund houses
          </li>
          <li class="scroll-li">You can complete KYC online in minutes</li>
        </ul>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Explore Now</a>
          </span>
        </div>
      </div>
      <div class="card-image">
        <img
          src="./assests/images/scroll3.svg"
          class="scroll1"
          alt="Investment Goal"
        />
      </div>
    </div>

    <!-- Card 4 -->
    <div class="card-scroll">
      <div class="card-content">
        <div class="card-label"><span>04</span></div>
        <h3 class="scroll-tiile">Start Small & Invest Smartly</h3>
        <span class="scroll-desc"
          >Start with a small monthly SIP or a one-time lump sum
          investment.</span
        >
        <ul class="scroll-ul">
          <li class="scroll-li">Begin with SIP or a one-time amount</li>
          <li class="scroll-li">Invest as low as ₹500/month</li>
          <li class="scroll-li">Diversify across multiple fund types</li>
          <li class="scroll-li">Use a trusted platform or app</li>
        </ul>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Explore Now</a>
          </span>
        </div>
      </div>
      <div class="card-image">
        <img
          src="./assests/images/scroll4.svg"
          class="scroll1"
          alt="Investment Goal"
        />
      </div>
    </div>

    <!-- Card 5 -->
    <div class="card-scroll">
      <div class="card-content">
        <div class="card-label"><span>05</span></div>
        <h3 class="scroll-tiile">Monitor & Rebalance Regularly</h3>
        <span class="scroll-desc"
          >Review and adjust your investments regularly to stay on track.</span
        >
        <ul class="scroll-ul">
          <li class="scroll-li">Track fund performance regularly</li>
          <li class="scroll-li">Realign with updated life goals</li>
          <li class="scroll-li">Switch underperforming funds</li>
          <li class="scroll-li">Review once every 6–12 months</li>
        </ul>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Explore Now</a>
          </span>
        </div>
      </div>
      <div class="card-image">
        <img
          src="./assests/images/scroll5.svg"
          class="scroll1"
          alt="Investment Goal"
        />
      </div>
    </div>
  </div>
</section>

<section class="ask-advantage container">
  <div class="ask-advantage-heading-container">
    <h2>Life Moments You</h2>
    <h2>Can Plan For</h2>
  </div>
  <p class="lead">
    Choose a Goal and we’ll help you invest for it, step by step
  </p>

  <div class="wrapper">
    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life1.svg" alt="Dream Home" />
        <div class="heading-container">
          <h2 class="h1">Buying My</h2>
          <h2 class="h1">Dream Home</h2>
        </div>
        <div class="paragraph-container">
          <p>Save up for the perfect</p>
          <p>place at your pace</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life2.svg" alt="Kid's Dream" />
        <div class="heading-container">
          <h2 class="h2">Kid's Big</h2>
          <h2 class="h2">Dream</h2>
        </div>
        <div class="paragraph-container">
          <p>Because Tution</p>
          <p>shoudln't be worry</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life3.svg" alt="Retirement" />
        <div class="heading-container">
          <h2 class="h3">Early</h2>
          <h2 class="h3">Retirement Goals</h2>
        </div>
        <div class="paragraph-container">
          <p>Plan your work-</p>
          <p>free years ahead</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life4.svg" alt="Tax Savings" />
        <div class="heading-container">
          <h2 class="h4">Saving Taxes The</h2>
          <h2 class="h4">Right Way</h2>
        </div>
        <div class="paragraph-container">
          <p>Optimize your tax</p>
          <p>savings legally</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life5.svg" alt="Vacation" />
        <div class="heading-container">
          <h2 class="h5">Dream</h2>
          <h2 class="h5">Vacation</h2>
        </div>
        <div class="paragraph-container">
          <p>Turn your dream</p>
          <p>getaway into reality</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life6.svg" alt="Emergency Fund" />
        <div class="heading-container">
          <h2 class="h6">Emergency</h2>
          <h2 class="h6">Corpus</h2>
        </div>
        <div class="paragraph-container">
          <p>Stay prepared for life's</p>
          <p>unexpected turns</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life7.svg" alt="Regular Income" />
        <div class="heading-container">
          <h2 class="h7">Regular</h2>
          <h2 class="h7">Income</h2>
        </div>
        <div class="paragraph-container">
          <p>Secure a steady</p>
          <p>flow of income</p>
        </div>
      </div>
    </div>

    <div class="outer_box">
      <div class="inner_box">
        <img src="./assests/images/life8.svg" alt="Wealth Creation" />
        <div class="heading-container">
          <h2 class="h8">Wealth</h2>
          <h2 class="h8">Creation</h2>
        </div>
        <div class="paragraph-container">
          <p>Grow your money</p>
          <p>steadily over time</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="where2 container">
  <div class="where-back">
    <div class="where-text">
      <div>
        <div class="tittle-top">
          <span class="banner-tittle1">Not Sure Where to Start?</span>
        </div>
        <div class="tittle-top">
          <span class="banner-tittle2">We're Here to Help</span>
        </div>
        <div class="desc-top">
          <span class="banner-desc2"
            >Get personalized insights and guidance tailored to your financial
            goals.</span
          >
        </div>
        <div class="button-to">
          <span class="invest-btn3">
            <a href="#" class="">Get in Touch</a>
          </span>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="ask-advantage container">
  <div class="ask-advantage-heading-container">
    <h2>Knowledge That</h2>
    <h2>Builds Wealth</h2>
  </div>
  <p class="lead">
Stay updated with fresh perspectives that help you make more informed decisions.
  </p>
  <div class="row g-4">
    <div class="col-md-4">
      <div class="blog-card">
        <img
          src="./assests/images/blog1.svg"
          alt="Understanding SIPs"
          class="img-fluid rounded-3 mb-3"
        />
        <h5 class="home-tittle-blog">
          Understanding SIPs: Building Wealth One Step at a Time
        </h5>
        <p class="time">7 min read</p>
        <p class="desc-blog">
          Small monthly investments can lead to big financial milestones.
          Explore how SIPs work, why they matter, and how you can get started
          today.
        </p>
        <a href="#/blog" class="read-more"
          >Read More
          <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"
        /></a>
      </div>
    </div>

    <div class="col-md-4">
      <div class="blog-card">
        <img
          src="./assests/images/blog2.svg"
          alt="Goals First"
          class="img-fluid rounded-3 mb-3"
        />
        <h5 class="home-tittle-blog">
          Goals First: Planning for Retirement, Children & More
        </h5>
        <p class="time">7 min read</p>
        <p class="desc-blog">
          Whether it’s your dream home or your child’s future, financial goals
          need clarity and discipline. Learn how goal-based investing can help.
        </p>
        <a href="#/blog" class="read-more"
          >Read More
          <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"
        /></a>
      </div>
    </div>

    <div class="col-md-4">
      <div class="blog-card">
        <img
          src="./assests/images/blog3.svg"
          alt="Market Cycles"
          class="img-fluid rounded-3 mb-3"
        />
        <h5 class="home-tittle-blog">
          How Market Cycles Affect Mutual Fund Returns
        </h5>
        <p class="time">7 min read</p>
        <p class="desc-blog">
          Markets rise and fall — but how does that impact your mutual fund
          investments? Learn how long-term compounding can smooth out
          volatility.
        </p>
        <a href="#/blog" class="read-more"
          >Read More
          <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"
        /></a>
      </div>
    </div>
  </div>
</section>

<section class="ask-advantage2 container">
  <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>
        </h2>
        <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>
          </div>
        </div>
      </div>

      <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>
        </h2>
        <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.
            </span>
          </div>
        </div>
      </div>

      <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>
        </h2>
        <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.
            </span>
          </div>
        </div>
      </div>

      <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>
        </h2>
        <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.
            </span>
          </div>
        </div>
      </div>

      <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>
        </h2>
        <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.
            </span>
          </div>
        </div>
      </div>

      <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>
        </h2>
        <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.
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>