<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prospera Fixed</title>





</head>
<body>

<!-- NAV -->
<div class="nav">
  <div class="logo">Prospera</div>

  <div class="menu">
    <a class="active">Home</a>
    <a>Technology</a>
    <a>Features</a>
    <a>Pricing</a>
    <a>FAQ</a>
  </div>

  <div class="btn">Get Started</div>
</div>

<!-- HERO -->
<div class="hero">

  <div class="left">
    <div class="tag">Your Finances, Fully Optimized</div>

    <h1>
      Accelerate Your Edge with 
      <span class="highlight">Next-Gen Finance Analytics</span>
    </h1>

    <p class="desc">
      Empower your financial decisions with insights, tools, and expert guidance designed for your growth.
    </p>

    <div class="buttons">
      <div class="btn">Start Now</div>
      <div class="btn2">Learn More</div>
    </div>
  </div>

  <!-- RIGHT -->
  <div class="right">

    <div class="card progress-card">
      <p>Finance Overview</p>
      <div class="circle"><span>24%</span></div>
      <small>Productivity</small>
    </div>

    <div class="card">
      <p>PayPal</p>
      <h3>$5,569.57</h3>
    </div>

    <div class="card">
      <p>Wise</p>
      <h3>$7,469.54</h3>
    </div>

    <div class="card">
      <p>Transactions</p>
      <small>Recent Activity</small>
    </div>

  </div>

</div>

<!-- BOTTOM -->
<div class="bottom">
  <div class="stat">
    <h2>98%</h2>
    <p>Clients Satisfaction</p>
  </div>

  <div class="stat">
    <h2>65M+</h2>
    <p>Revenue Total</p>
  </div>

  <div class="stat">
    <h2>100%</h2>
    <p>Customer Loyalty</p>
  </div>
</div>

</body>
</html>