diff --git a/server/src/main/java/org/mitre/openid/connect/web/ManagerController.java b/server/src/main/java/org/mitre/openid/connect/web/ManagerController.java
index 479dd18c5..debe19fe7 100644
--- a/server/src/main/java/org/mitre/openid/connect/web/ManagerController.java
+++ b/server/src/main/java/org/mitre/openid/connect/web/ManagerController.java
@@ -15,4 +15,10 @@ public class ManagerController {
     public String showHomePage() {
         return "home";
     }
+
+    @RequestMapping("/admin/manage/clients")
+    public String showClientManager() {
+        return "admin/manage/clients";
+    }
+
 }
diff --git a/server/src/main/webapp/WEB-INF/tags/header.tag b/server/src/main/webapp/WEB-INF/tags/header.tag
index 63eee9a48..26d969aa5 100644
--- a/server/src/main/webapp/WEB-INF/tags/header.tag
+++ b/server/src/main/webapp/WEB-INF/tags/header.tag
@@ -15,6 +15,9 @@
 
     <!-- Le javascript -->
     <script src="http://code.jquery.com/jquery-1.7.min.js"></script>
+    <script src="resources/js/app.js"></script>
+    <script src="resources/js/tmpl.js"></script>
+
     <script src="resources/bootstrap/js/bootstrap-modal.js"></script>
     <script src="resources/bootstrap/js/bootstrap-alerts.js"></script>
     <script src="resources/bootstrap/js/bootstrap-twipsy.js"></script>
@@ -24,9 +27,6 @@
     <script src="resources/bootstrap/js/bootstrap-tabs.js"></script>
     <script src="resources/bootstrap/js/bootstrap-buttons.js"></script>
 
-    <script>$(function () {
-
-    })</script>
 
     <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
     <!--[if lt IE 9]>
diff --git a/server/src/main/webapp/WEB-INF/tags/sidebar.tag b/server/src/main/webapp/WEB-INF/tags/sidebar.tag
index ee92a62e0..7885e3e94 100644
--- a/server/src/main/webapp/WEB-INF/tags/sidebar.tag
+++ b/server/src/main/webapp/WEB-INF/tags/sidebar.tag
@@ -2,7 +2,7 @@
         <div class="well">
             <h5>Administrative</h5>
             <ul>
-                <li><a href="#">Manage Clients</a></li>
+                <li><a href="admin/manage/clients">Manage Clients</a></li>
                 <li><a href="#">White Lists</a></li>
                 <li><a href="#">Black Lists</a></li>
             </ul>
diff --git a/server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp b/server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp
new file mode 100644
index 000000000..724fabe53
--- /dev/null
+++ b/server/src/main/webapp/WEB-INF/views/admin/manage/clients.jsp
@@ -0,0 +1,215 @@
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib prefix="o" tagdir="/WEB-INF/tags" %>
+
+<o:header title="welcome" />
+
+<script type="text/html" id="client_tmpl">
+    <tr>
+        <td><#=name#></td>
+        <td><#=redirectURL#></td>
+        <td>
+            <ul>
+                <# for (var i in grantType) { #>
+                    <li><#=grantType[i]#></li>
+                    <# } #>
+            </ul>
+        </td>
+        <td>
+            <ul>
+                <# for (var i in scope) { #>
+                    <li><#=scope[i]#></li>
+                    <# } #>
+            </ul>
+        </td>
+        <td><#=authority#></td>
+        <td><#=description#>
+        </td>
+        <td><input type="checkbox" "<#=(refreshTokens == 1 ? 'checked' : '')#> value="" id="" name="" disabled></td>
+        <td>
+            <button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
+                    class="btn">edit
+            </button>
+        </td>
+        <td>
+            <button class="btn danger">delete</button>
+        </td>
+    </tr>
+</script>
+
+<div id="modal-from-dom" class="modal hide fade" style="width: 577px; max-height: none; top: 35%">
+    <div class="modal-header">
+        <a href="#" class="close">&times;</a>
+
+        <h3>Edit Client</h3>
+    </div>
+    <div class="modal-body">
+
+        <form>
+            <fieldset>
+                <!--<legend>OpenID Client</legend>-->
+                <div class="clearfix">
+                    <label for="xlInput">Client Name</label>
+
+                    <div class="input">
+                        <input type="text" size="30" name="xlInput" id="xlInput" class="xlarge">
+                    </div>
+                </div>
+
+                <div class="clearfix">
+                    <label for="prependedInput">Redirect Url</label>
+
+                    <div class="input">
+                        <div class="input-prepend">
+                            <span class="add-on">http://</span>
+                            <input type="text" size="16" name="prependedInput" id="prependedInput" class="medium">
+                        </div>
+                        <span class="help-block">Url to be redirected</span>
+                    </div>
+                </div>
+
+                <div class="clearfix">
+                    <label id="optionsCheckboxes">Grant Types:</label>
+
+                    <div class="input">
+                        <ul class="inputs-list">
+                            <li>
+                                <label>
+                                    <input type="checkbox" value="option1" name="optionsCheckboxes">
+                                    <span>Grant Type Blah</span>
+                                </label>
+                            </li>
+                            <li>
+                                <label>
+                                    <input type="checkbox" value="option2" name="optionsCheckboxes">
+                                    <span>Grant Type Blah</span>
+                                </label>
+                            </li>
+                            <li>
+                                <label>
+                                    <input type="checkbox" value="option2" name="optionsCheckboxes">
+                                    <span>Grant Type Blah</span>
+                                </label>
+                            </li>
+                        </ul>
+              <span class="help-block">
+                <strong>Note:</strong> Grant type help text.
+              </span>
+                    </div>
+                </div>
+
+                <div class="clearfix">
+                    <label for="textarea2">Scope</label>
+
+                    <div class="input">
+                        <textarea rows="3" name="textarea2" id="textarea2" class="xlarge">email,first name</textarea>
+              <span class="help-block">
+                Please enter scopes separated by commas
+              </span>
+                    </div>
+                </div>
+
+                <div class="clearfix">
+                    <label for="normalSelect">Authority</label>
+
+                    <div class="input">
+                        <select id="normalSelect" name="normalSelect">
+                            <option>My Authority Option 1</option>
+                            <option>My Authority Option 2</option>
+                        </select>
+                    </div>
+                </div>
+
+            </fieldset>
+
+            <div class="clearfix">
+                <label for="form-description">Description</label>
+
+                <div class="input">
+                    <input type="text" size="30" name="form-description" id="form-description" class="xlarge">
+                </div>
+            </div>
+
+            <div class="clearfix">
+                <label id="form-allow-tokens">Allow refresh tokens?</label>
+
+                <div class="input">
+                    <ul class="inputs-list">
+                        <li>
+                            <label>
+                                <input type="checkbox" value="option1" name="form-allow-tokens">
+                                <span>&nbsp;</span>
+                            </label>
+                        </li>
+                    </ul>
+              <span class="help-block">
+                <strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.
+              </span>
+                </div>
+            </div>
+
+        </form>
+    </div>
+    <div class="modal-footer">
+        <a href="#" class="btn primary">Save</a>
+        <a href="#" class="btn secondary">Cancel</a>
+    </div>
+</div>
+
+<o:topbar/>
+<div class="container-fluid">
+    <o:sidebar/>
+    <div class="content">
+        <!-- Main hero unit for a primary marketing message or call to action -->
+        <div class="hero-unit">
+            <h1>Welcome, User Name!</h1>
+
+            <p>Can't remember your passwords? Tired of filling out registration forms?
+                OpenID is a <strong>safe</strong>, <strong>faster</strong>, and <strong>easier</strong> way to log in to
+                web sites.</p>
+
+            <p><a class="btn primary large" href="http://openid.net/connect/">Learn more &raquo;</a></p>
+        </div>
+        <!-- Example row of columns -->
+        <div class="row">
+            <div class="span8">
+                <h2>About</h2>
+
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
+                    tortor
+                    mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
+                    magna
+                    mollis euismod. Donec sed odio dui. </p>
+
+                <p><a class="btn" href="#">More &raquo;</a></p>
+            </div>
+            <div class="span8">
+                <h2>Contact</h2>
+
+                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
+                    tortor
+                    mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
+                    magna
+                    mollis euismod. Donec sed odio dui. </p>
+
+                <p><a class="btn" href="#">Email &raquo;</a></p>
+            </div>
+
+        </div>
+        <hr>
+        <!-- Example row of columns -->
+        <div class="row">
+            <div class="span16">
+                <h2>Current Statistics</h2>
+
+                <p>You'll be keen to know that there have been <span class="label notice">4720</span> users of this
+                    system who have logged in to
+                    <span class="label notice">203</span>
+                    total sites, for a total of <span class="label notice">6224</span> site approvals.</p>
+
+            </div>
+        </div>
+
+        <o:copyright/>
+    </div>
+</div>
+<o:footer/>
diff --git a/server/src/main/webapp/resources/js/app.js b/server/src/main/webapp/resources/js/app.js
new file mode 100644
index 000000000..c5451c320
--- /dev/null
+++ b/server/src/main/webapp/resources/js/app.js
@@ -0,0 +1,17 @@
+$(function () {
+
+    var ExampleOpenIdClient = {
+        name:"A name",
+        redirectURL:"http://myURL.domain",
+        grantType:["my grant type 1", "my grant type 2"],
+        scope:["scope 1", "scope 2"],
+        authority:"my authority",
+        description:"my description",
+        refreshTokens:false
+    };
+
+    console.log(tmpl('client_tmpl',ExampleOpenIdClient));
+
+    $('#client-table').append(tmpl('client_tmpl',ExampleOpenIdClient));
+
+});
\ No newline at end of file