diff --git a/assets/index.html b/assets/index.html
index 8a3ac33..db10b35 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -11,61 +11,35 @@
 
   <!-- Bootstrap core CSS -->
   <link href="external/bootstrap.min.css" rel="stylesheet">
-  <script src=
-  "external/bootstrap.min.js">
-      </script>
-
+  </script>
 </head>
 
 <body>
-  
-
-  <header style="margin-bottom: 3em;">
-    <nav class="navbar navbar-light bg-light">
-      <div class="container-fluid justify-content-center ">
-          <span class="navbar-brand clearfix ">
-            <img src="logo.svg" alt="" width="48" height="36" class="d-inline-block align-text-top" />
-            <strong> &nbsp &nbsp &nbsp &nbspWeb Terminal</strong>
-            
-          </span>
+  <header>
+    <nav class="navbar navbar-dark bg-dark shadow-sm">
+      <div class="container-fluid">
+        <a class="navbar-brand">
+          <img src="logo.svg" style="margin-left: 3em;margin-right: 3em;" width="48" height="36"
+            class="d-inline-block align-text-top" />
+          <strong>A web-based terminal emulator</strong></a>
+        <a class="btn btn-primary float-end" href="{{.url}}" role="button">New Session</a>
       </div>
     </nav>
   </header>
 
   <main>
+    <div class="container" style="margin-top:1em;">
+      <div class="card-deck row justify-content-center">
 
-    <div class="container">
-      <h1 style="text-align:center;color:green;">
-        GeeksforGeeks
-    </h1>
-      <form>
-          <div class="form-group">
-              <label for="">Enter Your Name:</label>
-              <input class="form-control"
-                     type="text"
-                     placeholder="Input Your Name Here">
-          </div>
-          <div class="form-group">
-              <button class="btn btn-success btn-lg float-right"
-                      type="submit">
-                   Submit
-              </button>
-          </div>
-      </form>
-  </div>
-  
-    <div class="container">
-      <div class="row">
-        <div class="card" style="width: 18rem;">
+        <!-- repeat this for each interactive session -->
+        <div class="card shadow-sm border-info  bg-light mb-3" style="width: 16rem; margin:1em;">
           <div class="card-body">
-            <h5 class="card-title">Card title</h5>
-            <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
-              content.</p>
-            <a href="#" class="card-link">Card link</a>
-            <a href="#" class="card-link">Another link</a>
+            <h5 class="card-title">Interactive session</h5>
+            <p class="card-text">From {{.ip}}, running {{.cmd}}</p>
+            <a class="btn btn-secondary btn-sm float-end" href="{{.url}}" role="button">View</a>
           </div>
         </div>
+
       </div>
     </div>
   </main>
diff --git a/assets/logo.svg b/assets/logo.svg
old mode 100755
new mode 100644
