{% extends "base.html.to" %}

{% block content %}

<main class="usa-section usa-content usa-width-one-whole" id="main-content">

  <h1>Accounts</h1>

  <table class="usa-table-borderless" width="100%">
    <thead>
      <tr>
        <th scope="col" width="50%">Account Name</th>
        <th scope="col" width="30%">Account Info</th>
        <th scope="col" width="20%">Actions</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">
          <a href="">Unclassified IaaS and PaaS for Defense Digital Service (DDS)</a><br>
          Task Order: #123456
        </th>
        <td>
          <span class="usa-label">23</span><br>Users
        </td>
        <td><button class="usa-button-secondary">Go to CSP</button></td>
      </tr>
    </tbody>
  </table>

</main>

{% end %}