diff --git a/src/ssh.html b/src/ssh.html
new file mode 100644
index 0000000..879ad51
--- /dev/null
+++ b/src/ssh.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en-ie">
+  <head>
+    <meta charset="UTF-8"/>
+    <title>SSH</title>
+    <link href="./images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
+    <link href="./stylesheets/index.css" rel="stylesheet" type="text/css"/>
+  </head>
+  <body>
+    <div class="wrapper">
+      <header class="page-header">
+        <img alt="Sharky, our mascot" height="81.56" src="./images/sharky.svg" width="145"/>
+        <h1>Skynet Self Service</h1>
+      </header>
+      <main class="page-body">
+        <h2>SSH</h2>
+        <p>
+          Add / Remove SSH Keys from your account.
+</p><p>
+          Enter Username and Password to see your current keys.
+        </p>
+        <form id="reset">
+          <table id="table">
+            <tr>
+              <td><label for="user">Username</label></td>
+              <td><input id="user" name="user" type="text"/> <br/></td>
+            </tr>
+            <tr>
+              <td><label for="pass">Password</label></td>
+              <td><input id="pass" name="pass" type="password"/> <br/></td>
+            </tr>
+            <tr>
+              <td colspan="2"><input type="Submit" value="Submit"/></td>
+            </tr>
+          </table>
+        </form>
+        <p id="formStatus"></p>
+        <!-- here we can do a tableStatus for the ssh keys then fill them in once we get 200 ! -->
+        <script>
+          const formEl = document.getElementById("reset");
+          formEl.addEventListener('submit', (listener) => formHandler(listener));
+
+          function formHandler(listener) {
+            listener.preventDefault();
+            const formData = new FormData(formEl);
+              const user = formData.get("user");
+              const pass = formData.get("pass");
+                const object = {user: user, pass: pass}
+            console.log("test");
+                    // getting ssh key list 
+            fetch('http://127.0.0.1:8087/ldap/ssh', {
+                method: 'POST',
+                body: JSON.stringify(object),
+              mode: "cors",
+              }).then(res => {
+                if (res.status === 200) {
+                  let temp = res.json();
+                  if (temp.result === 'error') {
+                    document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>${temp.error}</span>`;
+                  } else {
+                    document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
+                  }
+                } else if (res.status === 500) {
+                  document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure</span>";
+                } else {
+                  document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: Failed to communicate to server</span>";
+                }
+              }).catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>");
+          }
+
+          function selectField() {
+            const field = document.getElementById('field').value;
+            const value = document.getElementById('value');
+            if (field === 'mail') {
+              value.type = 'email';
+            } else {
+              value.type = 'text';
+            }
+          }
+        </script>
+      </main>
+      <footer class="page-footer">
+        UL Computer Society 2023-<span id="year">2023</span>
+        <script>
+          document.getElementById('year').textContent = new Date().getFullYear().toString()
+        </script>
+      </footer>
+    </div>
+  </body>
+</html>
