From 9882ce5c1a3389b2d3761d621aea0e99e627f875 Mon Sep 17 00:00:00 2001
From: Luis Cielak <luis+dds@promptworks.com>
Date: Tue, 29 May 2018 16:50:53 -0400
Subject: [PATCH] Add accounts table

---
 templates/accounts.html.to | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/templates/accounts.html.to b/templates/accounts.html.to
index 7b1cba58..59acfdb4 100644
--- a/templates/accounts.html.to
+++ b/templates/accounts.html.to
@@ -2,9 +2,33 @@
 
 {% block content %}
 
-<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+<main class="usa-section usa-content usa-width-one-whole" id="main-content">
 
-<h1>JEDI Accounts</h1>
+  <h1>JEDI Accounts</h1>
+
+  <table class="usa-table-borderless" width="100%">
+    <!-- <caption>Borderless table: A borderless table can be useful when you want the information to feel more a part of the text it accompanies and extends.</caption> -->
+    <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>
+          Users: <span class="usa-label">23</span> <br>
+          Applications: <span class="usa-label">4</span>
+        </td>
+        <td><button class="usa-button-secondary">Go to CSP</button></td>
+      </tr>
+    </tbody>
+  </table>
 
 </main>