3 files changed, 33 insertions, 5 deletions
diff --git a/pkg/webui/html/base.html b/pkg/webui/html/base.html
index 1c15cc5..7821d28 100644
--- a/pkg/webui/html/base.html
+++ b/pkg/webui/html/base.html
@@ -9,12 +9,20 @@
     <title>tfstated</title>
   </head>
   <body>
-    <header>
+    <header class="container">
+      <nav>
+        <ul>
+          <li><a href="/"><strong>TFSTATED</strong></a></li>
+        </ul>
+        <ul>
+          <li><a href="/states">States</a></li>
+        </ul>
+      </nav>
     </header>
     <main class="container">
       {{ template "main" . }}
     </main>
-    <footer>
+    <footer class="container">
     </footer>
   </body>
 </html>
diff --git a/pkg/webui/html/index.html b/pkg/webui/html/index.html
deleted file mode 100644
index 5c50159..0000000
--- a/pkg/webui/html/index.html
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ define "main" }}
-<h1>TODO</h1>
-{{ end }}
diff --git a/pkg/webui/html/states.html b/pkg/webui/html/states.html
new file mode 100644
index 0000000..8d3d803
--- /dev/null
+++ b/pkg/webui/html/states.html
@@ -0,0 +1,23 @@
+{{ define "main" }}
+<h1>States</h1>
+<table class="striped">
+  <thead>
+    <tr>
+      <th scope="col">Path</th>
+      <th scope="col">Created</th>
+      <th scope="col">Updated</th>
+      <th scope="col">Locked</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{ range .States }}
+    <tr>
+      <th scope="row">{{ .Path }}</th>
+      <td>{{ .Created }}</td>
+      <td>{{ .Updated }}</td>
+      <td>{{ .Lock }}</td>
+    </tr>
+    {{ end }}
+  </tbody>
+</table>
+{{ end }}