diff --git a/skywalking-webui/demo/image/logo.png b/skywalking-webui/demo/image/logo.png
index 9881c424e..d4bb9939e 100644
Binary files a/skywalking-webui/demo/image/logo.png and b/skywalking-webui/demo/image/logo.png differ
diff --git a/skywalking-webui/demo/index.html b/skywalking-webui/demo/index.html
index a78ade3c1..e2c3a72bf 100644
--- a/skywalking-webui/demo/index.html
+++ b/skywalking-webui/demo/index.html
@@ -1,49 +1,50 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
+
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
   <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 </head>
+
 <body>
-  <div class="navbar navbar-default">
-      <div class="container">
-        <div class="navbar-header">
-          <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a onclick="javascript:void(0);" href="#" class="navbar-brand hidden-sm">Skywalking-系统守望者</a>
-        </div>
-        <div role="navigation" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right hidden-sm">
-            <li>
-              <a onclick="javascript:void(0);" href="./login.html"><ins>Sign In</ins></a>
-            </li>
-            <li>
-              <a onclick="javascript:void(0);" href="#"><ins>Sign up</ins></a>
-            </li>
-          </ul>
-        </div>
+  <div class="navbar">
+    <div class="container">
+      <div class="navbar-header">
+        <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+      </div>
+      <div role="navigation" class="navbar-collapse collapse">
+        <ul class="nav navbar-nav navbar-right hidden-sm">
+          <li>
+            <a onclick="javascript:void(0);" href="./login.html"><ins>sign in</ins></a>
+          </li>
+          <li>
+            <a onclick="javascript:void(0);" href="#"><ins>sign up</ins></a>
+          </li>
+        </ul>
       </div>
     </div>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-sm-6 col-md-4 col-md-offset-4">
-          <img src="./image/logo.png" class="img-responsive center-block"/>
-        </div>
-        <div class="row">
-          <img
-        </div>
-        <div class="input-group col-sm-6 col-md-6 col-md-offset-3 col-xs-4">
-            <input type="text" class="form-control">
-            <a class="input-group-addon btn btn-primary" href="./searchResult.html">搜索</a>
-        </div>
+  </div>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-md-4 col-md-offset-4" style="width:500px;height:200px;">
+        <img width="500px" src="./image/logo.png" class="img-responsive center-block" />
       </div>
     </div>
+    <div class="row">
+      <div class="input-group col-md-6 col-md-offset-3 ">
+        <input width="500px" type="text" class="form-control">
+        <a class="input-group-addon btn btn-primary" href="./searchResult.html">搜索</a>
+      </div>
+    </div>
+  </div>
 </body>
+
 </html>
diff --git a/skywalking-webui/demo/login.html b/skywalking-webui/demo/login.html
index a64864e4e..e36106946 100644
--- a/skywalking-webui/demo/login.html
+++ b/skywalking-webui/demo/login.html
@@ -8,7 +8,7 @@
   <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 </head>
 <body>
-  <div class="navbar navbar-default">
+  <div class="navbar">
       <div class="container">
         <div class="navbar-header">
           <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
diff --git a/skywalking-webui/demo/searchResult.html b/skywalking-webui/demo/searchResult.html
index d80b9d705..b5e7d883a 100644
--- a/skywalking-webui/demo/searchResult.html
+++ b/skywalking-webui/demo/searchResult.html
@@ -6,54 +6,84 @@
   <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
   <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+  <style>
+    .loginIco{
+      width:160px;
+      height:50px;
+    }
+  </style>
 </head>
 <body>
     <div class="container-fluid">
       <div class="row" style="margin-top:10px">
-        <div class="col-md-1">
-          <a href="#" class="thumbnail" >
+        <div class="col-md-1 col-xs-6 loginIco">
+          <a href="#">
             <img src="./image/logo.png" class="img-responsive center-block"/>
           </a>
         </div>
-        <div class="col-md-6">
+        <div class="col-md-6 col-xs-6" style=" margin-top:8px;">
             <div class="input-group">
               <input type="text" class="form-control">
               <span class="input-group-addon btn btn-primary">搜索</span>
             </div>
         </div>
+        <div class="col-md-2 col-md-offset-2">
+          <ul class="nav navbar-nav navbar-right hidden-sm">
+            <li>
+              <a onclick="javascript:void(0);" href="./login.html"><ins>sign in</ins></a>
+            </li>
+            <li>
+              <a onclick="javascript:void(0);" href="#"><ins>sign up</ins></a>
+            </li>
+          </ul>
+        </div>
       </div>
       <hr/>
       <div class="container">
         <div class="row">
-          <div class="row">
-            <a>Http://www.baidu.com</a>
+          <div class="col-md-8">
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
           </div>
-          <div class = "row">
-            HHHHHHHH
+          <div class="col-md-4">
+            afafdasd
           </div>
         </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-      </div>
+        <hr/>
     </div>
 </body>
 </html>
