Product Comparison Table

<div class="container py-5">
  <h3 class="fw-bold text-center mb-4">Compare products</h3>
  <div class="table-responsive">
    <table class="table text-center align-middle">
      <thead>
        <tr>
          <th></th>
          <th>Basic</th>
          <th class="bg-primary text-white">Pro</th>
          <th>Premium</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="text-start fw-semibold">Users</td>
          <td>1</td>
          <td>5</td>
          <td>Unlimited</td>
        </tr>
        <tr>
          <td class="text-start fw-semibold">Storage</td>
          <td>10GB</td>
          <td>100GB</td>
          <td>1TB</td>
        </tr>
        <tr>
          <td class="text-start fw-semibold">Priority support</td>
          <td>—</td>
          <td>✓</td>
          <td>✓</td>
        </tr>
        <tr>
          <td class="text-start fw-semibold">Custom branding</td>
          <td>—</td>
          <td>—</td>
          <td>✓</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>