diff --git a/static/src/js/app/admin/admin.js b/static/src/js/app/admin/admin.js
index b44f575..4145a45 100644
--- a/static/src/js/app/admin/admin.js
+++ b/static/src/js/app/admin/admin.js
@@ -7,24 +7,11 @@ define("admin", ["jquery", "avalon"], function($, avalon){
         $(".list-group-item").attr("class", "list-group-item");
     }
 
-    var hash = window.location.hash.substring(1);
-
-    if(hash){
-        li_active("#li-" + hash);
-    }else {
-        li_active("#li-index");
+    function show_template(url){
+        $("#loading-gif").show();
+        vm.template_url = url;
     }
 
-    window.onhashchange = function() {
-        var hash = window.location.hash.substring(1);
-        if(hash){
-            li_inactive(".list-group-item");
-            li_active("#li-" + hash);
-            $("#loading-gif").show();
-            vm.template_url = "template/index/" + hash + ".html";
-        }
-    };
-
     var vm = avalon.define({
         $id: "admin",
         template_url: "template/index/index.html",
@@ -32,4 +19,24 @@ define("admin", ["jquery", "avalon"], function($, avalon){
             $("#loading-gif").hide();
         }
     });
+
+    var hash = window.location.hash.substring(1);
+
+    if(hash){
+        li_active("#li-" + hash.replace("/", "-"));
+        show_template("template/" + hash + ".html");
+    }else {
+        li_active("#li-index-index");
+    }
+
+    window.onhashchange = function() {
+        var hash = window.location.hash.substring(1);
+        if(hash){
+            li_inactive(".list-group-item");
+            li_active("#li-" + hash.replace("/", "-"));
+            show_template("template/" + hash + ".html");
+        }
+    };
+
+
 });
\ No newline at end of file
diff --git a/template/admin/admin.html b/template/admin/admin.html
index 6ec5a4e..2fbf58d 100644
--- a/template/admin/admin.html
+++ b/template/admin/admin.html
@@ -67,17 +67,17 @@
 <![endif]-->
 <!-- browser happy end -->
 
-<div class="container" ms-controller="admin">
+<div class="container main" ms-controller="admin">
     <div class="row">
         <!-- admin left begin-->
         <div class="col-md-2">
             <ul class="list-group">
                 <li class="list-group-header">List header</li>
-                <li class="list-group-item" id="li-index"><a href="#index">主页</a></li>
-                <li class="list-group-item" id="li-announcement"><a href="#announcement">公告</a></li>
+                <li class="list-group-item" id="li-index-index"><a href="#index/index">主页</a></li>
+                <li class="list-group-item" id="li-announcement-announcement"><a href="#announcement/announcement">公告</a></li>
                 <li class="list-group-item"><a href="#">Applications</a></li>
-                <li class="list-group-header">Another list header</li>
-                <li class="list-group-item"><a href="#">Help</a></li>
+                <li class="list-group-header">比赛管理</li>
+                <li class="list-group-item" id="li-contest-add_contest"><a href="#contest/add_contest">创建比赛</a></li>
             </ul>
         </div>
         <!-- admin left end -->