diff --git a/src/client/index.html b/src/client/index.html
index 52cad21..5a2b494 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -7,15 +7,28 @@
   <body>
     <div class="container">
       <div id="userFormArea" class="row">
-          <div class="col-md-12">
+          <div class="col-md-4 col-sm-4 col-sm-offset-4 loginarea">
+              <div class="app_name">ioChat</div>
+              <fieldset>
+                  <legend></legend>
+              
               <form id="userForm">
                   <div class="form-group">
-                      <label>Enter Username:</label>
-                      <input class="form-control" id="username"/>
+                      <input class="form-control" id="username" placeholder="Username"/>
                       <br>
-                      <input type="submit" class="btn btn-primary" value="Sign in">
+                            <input class="form-control" id="password" class="field" placeholder="Password"/>
+                            <br>
+                            <div>
+                            <input type="checkbox"> Keep me logged in</div>
+                          <input type="submit" class="btn pull-right signin" value="Sign In">
+                         <br/>
+
+                         <!-- <span class="pull-right"><a href="#">Forgot Password?</a></span> -->
                   </div>
+                  <hr/>
+                  <div class="links"><a href="#">Create Account</a> | <a href="#">Forgot Password?</a></div> 
               </form>
+            </fieldset>
           </div>
       </div>
       <div id="messageArea" class="row">
