diff --git a/README.md b/README.md
index 106e5ccad1be81aacc32f85214d6a685db69c6f2..5c93232ce9df6554255210a189e0ba2e8306a801 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,7 @@
 
 ----------
 一个开源免费的前端框架，主要用于快速构建禅道系列web产品。
+项目网站 [http://easysoft.github.io/zui/]
 
 
 ## 特色 ##
@@ -36,7 +37,7 @@
 - 蝉知开源企业门户系统 [http://chanzhi.org]
 
 
-## 设计原则 ##
+## 设计 ##
 
 - 简单：“不要让我思考”，提供清晰的思路，用户应该能立即明白如何操作去完成目标，尽可能减少操作步骤及弹出窗口或页面。
 - 高效：用户能够快速达到自己的目标，尽可能在产品中提供预置设置或默认值，让用户无需配置。应用程序也应该保障性能能够快速响应和反馈。
diff --git a/assets/css/doc.css b/assets/css/doc.css
index 86561be941c791f373d5436092dfcbf4e52f20f6..2b12723ae374966bbdf0df806ccb9edc26d5c583 100644
--- a/assets/css/doc.css
+++ b/assets/css/doc.css
@@ -47,6 +47,35 @@ a[target='_blank']:hover:after {content: '\e684'; opacity: 1; }
 {
   font-size: 48px;
 }
+.jumbotron hr
+{
+  margin: 30px 0;
+}
+.jumbotron .card
+{
+  text-align: center;
+}
+.jumbotron a.card[target='_blank']:after {display: none}
+.jumbotron .card .img-wrapper
+{
+  height: 100px;
+  text-align: center;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.jumbotron .card img
+{
+  line-height: 100px;
+  display: none;
+}
+.jumbotron .card img:hover,.jumbotron:hover .card img
+{
+  background: none
+}
+.jumbotron h2
+{
+  margin-bottom: 20px;
+}
 
 .page-header
 {
diff --git a/basic.html b/basic.html
index 85c8df2bbfae2b2db99e6d93085660e1981b4b0e..821bc0fbdf9521b9c498a8b1668355acecfaf57d 100644
--- a/basic.html
+++ b/basic.html
@@ -25,13 +25,14 @@ base_url: "./"
     <header>
       <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
       <div class="navbar-header">
-        <a class="navbar-brand" href="/">ZUI</a>
+        <a class="navbar-brand" href="/zui">ZUI</a>
       </div>
       <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">开始</li>
           <li><a href="start.html#about">框架说明</a></li>
           <li><a href="start.html#files">文件目录结构</a></li>
+          <li><a href="start.html#browsers">受支持的平台</a></li>
         </ul>
         <ul class="nav navbar-nav">
           <li class="nav-heading">基础</li>
diff --git a/components.html b/components.html
index 3ed065c90df5ebd38dafe4cc2fad3b9a8052b7ce..0b11a653f475cddad5b4e32bbd779cbe12e4ecdc 100644
--- a/components.html
+++ b/components.html
@@ -26,13 +26,14 @@ base_url: "./"
     <header>
       <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
         <div class="navbar-header">
-          <a class="navbar-brand" href="/">ZUI</a>
+          <a class="navbar-brand" href="/zui">ZUI</a>
         </div>
         <div class="collapse navbar-collapse">
           <ul class="nav navbar-nav collapsed">
             <li class="nav-heading">开始</li>
             <li><a href="start.html#about">框架说明</a></li>
             <li><a href="start.html#files">文件目录结构</a></li>
+            <li><a href="start.html#browsers">受支持的平台</a></li>
           </ul>
           <ul class="nav navbar-nav collapsed">
             <li class="nav-heading">基础</li>
@@ -82,7 +83,7 @@ base_url: "./"
             <li><a href="javascript.html#chosen">Chosen</a></li>
             <li><a href="javascript.html#richeditor">富文本编辑器</a></li>
           </ul>
-          <ul class="nav navbar-nav">
+          <ul class="nav navbar-nav collapsed">
             <li class="nav-heading collapsed">视图</li>
             <li><a href="views.html#form">表单</a></li>
             <li><a href="views.html#article">文章</a></li>
diff --git a/controls.html b/controls.html
index 989523d2c1c1736dae01885db7c49d0b321f5a80..4f628e24464a8a17704c23b70ed0fdcac2266b9e 100644
--- a/controls.html
+++ b/controls.html
@@ -23,13 +23,14 @@ base_url: "./"
     <header>
       <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
           <div class="navbar-header">
-            <a class="navbar-brand" href="/">ZUI</a>
+            <a class="navbar-brand" href="/zui">ZUI</a>
           </div>
           <div class="collapse navbar-collapse">
             <ul class="nav navbar-nav collapsed">
               <li class="nav-heading">开始</li>
               <li><a href="start.html#about">框架说明</a></li>
               <li><a href="start.html#files">文件目录结构</a></li>
+              <li><a href="start.html#browsers">受支持的平台</a></li>
             </ul>
             <ul class="nav navbar-nav collapsed">
               <li class="nav-heading">基础</li>
diff --git a/example/img/chanzhi.png b/example/img/chanzhi.png
new file mode 100644
index 0000000000000000000000000000000000000000..d49df76a1cb64cb562a6a2f14f1708c8cbb630cf
Binary files /dev/null and b/example/img/chanzhi.png differ
diff --git a/example/img/ranzhi.png b/example/img/ranzhi.png
new file mode 100644
index 0000000000000000000000000000000000000000..c97648aa02ef7161c5e51d929324d0c2a7a43267
Binary files /dev/null and b/example/img/ranzhi.png differ
diff --git a/example/img/zentao.png b/example/img/zentao.png
new file mode 100644
index 0000000000000000000000000000000000000000..00ef145f26e3686ad8f603231060db0f32ca1c8f
Binary files /dev/null and b/example/img/zentao.png differ
diff --git a/explore.html b/explore.html
index 65c208bbfe99c49ad03387a6541b935565b470e2..dff539278211b55be0c0114f314ae69f474cd581 100644
--- a/explore.html
+++ b/explore.html
@@ -25,13 +25,14 @@ base_url: "./"
   <header>
     <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
       <div class="navbar-header">
-        <a class="navbar-brand" href="/">ZUI</a>
+        <a class="navbar-brand" href="/zui">ZUI</a>
       </div>
       <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">开始</li>
           <li><a href="start.html#about">框架说明</a></li>
           <li><a href="start.html#files">文件目录结构</a></li>
+          <li><a href="start.html#browsers">受支持的平台</a></li>
         </ul>
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">基础</li>
diff --git a/index.html b/index.html
index da1b0ee748a3aa13f856b21f3c6a55aa50683837..ee732f006697d96321ca8011548d44d00d272f42 100644
--- a/index.html
+++ b/index.html
@@ -23,13 +23,14 @@ base_url: "./"
   <header>
     <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
       <div class="navbar-header">
-        <a class="navbar-brand" href="/">ZUI</a>
+        <a class="navbar-brand" href="/zui">ZUI</a>
       </div>
       <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">开始</li>
           <li><a href="start.html#about">框架说明</a></li>
           <li><a href="start.html#files">文件目录结构</a></li>
+          <li><a href="start.html#browsers">受支持的平台</a></li>
         </ul>
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">基础</li>
@@ -97,8 +98,58 @@ base_url: "./"
     </nav>
   </header>
   <div id="main">
-    <div class="jumbotron">
-      <h1>ZenUI</h1>
+    <div class="jumbotron text-center">
+      <h1>ZUI</h1>
+      <p class='text-muted'>一个开源免费的前端框架，用于快速构建禅道系列web产品。</p>
+      <br>
+      <p>
+        <a target="_blank" href="https://github.com/easysoft/zui" class="btn btn-success"><i class="icon-code"></i> 项目</a> &nbsp; 
+        <a target="_blank" href="https://github.com/easysoft/zui/releases" class="btn btn-primary"><i class="icon-download-alt"></i> 下载</a>
+      </p>
+      <hr>
+      <h2 class='text-special'>特色</h2>
+      <ul class='list-unstyled'>
+        <li>简单美观，易于使用，快速构建简洁大方的现代web应用。</li>
+        <li>新颖但健壮，采用html5但支持大部分流行的移动及桌面浏览器平台，一些旧的浏览器也能够降级支持。</li>
+        <li>轻快独立稳定，最佳的可用性能，最大限度的不依赖于其他框架，以优先支持禅道官方产品为主，不做大而全的解决方案。</li>
+        <li>全平台响应，一次编写，响应任何尺寸的设备。</li>
+      </ul>
+      <hr>
+      <h2 class='text-important'>例子</h2>
+      <div class="row">
+        <div class="col-md-4">
+          <a class="card" href="http://chanzhi.org" target="_blank">
+          <div class='img-wrapper' style="background-image: url(example/img/chanzhi.png)"><img src="example/img/chanzhi.png" alt=""></div>
+            <strong class="card-heading">蝉知</strong>
+            <div class="card-content text-muted"></div>
+          </a>
+        </div>
+        <div class="col-md-4">
+          <a class="card" href="http://zentao.net" target="_blank">
+            <div class='img-wrapper' style="background-image: url(example/img/zentao.png)"><img src="example/img/zentao.png" alt=""></div>
+            <strong class="card-heading">禅道</strong>
+            <div class="card-content text-muted"></div>
+          </a>
+        </div>
+        <div class="col-md-4">
+          <a class="card" href="http://ranzhi.org" target="_blank">
+            <div class='img-wrapper' style="background-image: url(example/img/ranzhi.png)"><img src="example/img/ranzhi.png" alt=""></div>
+            <strong class="card-heading">然之</strong>
+            <div class="card-content text-muted"></div>
+          </a>
+        </div>
+      </div>
+      <hr>
+      <h2 class='text-success'>ZUI构建于众多优秀的开源项目之上</h2>
+      <p>非常感谢这些项目！</p>
+      <div class="row">
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://necolas.github.io/normalize.css/" class="card"><strong class="card-heading">normalize</strong></a></div>
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://getbootstrap.com/" class="card"><strong class="card-heading">Bootstrap</strong></a></div>
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://kindeditor.net/" class="card"><strong class="card-heading">kindeditor</strong></a></div>
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://harvesthq.github.io/chosen/" class="card"><strong class="card-heading">Chosen</strong></a></div>
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://www.malot.fr/bootstrap-datetimepicker" class="card"><strong class="card-heading">Datetime picker</strong></a></div>
+        <div class="col-md-3 col-sm-4"><a target="_blank" href="http://lesscss.org/" class="card"><strong class="card-heading">Less</strong></a></div>
+      </div>
     </div>
   </div>
 
diff --git a/javascript.html b/javascript.html
index a0efbd8b40552b8b3b92dba76bd8ecf1e5ebfb1a..fe03918e344eaa0ca34cab5eb1141dfabe4bbd62 100644
--- a/javascript.html
+++ b/javascript.html
@@ -25,13 +25,14 @@ base_url: "./"
   <header>
     <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
       <div class="navbar-header">
-        <a class="navbar-brand" href="/">ZUI</a>
+        <a class="navbar-brand" href="/zui">ZUI</a>
       </div>
       <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">开始</li>
           <li><a href="start.html#about">框架说明</a></li>
           <li><a href="start.html#files">文件目录结构</a></li>
+          <li><a href="start.html#browsers">受支持的平台</a></li>
         </ul>
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">基础</li>
diff --git a/start.html b/start.html
index 2418fe0ee2a989bee04da7d9b50c3fedc6a3aa75..a38a590449fb39d3b26a75cf6994241311aaf89b 100644
--- a/start.html
+++ b/start.html
@@ -30,6 +30,7 @@ base_url: "./"
             <li class="nav-heading">开始</li>
             <li><a href="start.html#about">框架说明</a></li>
             <li><a href="start.html#files">文件目录结构</a></li>
+            <li><a href="start.html#browsers">受支持的平台</a></li>
           </ul>
           <ul class="nav navbar-nav collapsed">
             <li class="nav-heading">基础</li>
@@ -128,6 +129,31 @@ base_url: "./"
 
         <p>还没写...</p>
       </section>
+
+      <section id="browsers">
+        <div class="page-header">
+          <h2>受支持的平台</h2>
+        </div>
+
+        
+        <h3>桌面浏览器</h3>
+        <ul>
+          <li>IE8+</li>
+          <li>Opera 12+</li>
+          <li>Firefox 4+</li>
+          <li>Safari 5+</li>
+          <li>Chrome 10+</li>
+        </ul>
+
+        <h3>移动浏览器</h3>
+        <ul>
+          <li>IOS 4+ Safari</li>
+          <li>Chrome for Android</li>
+          <li>Chrome for IOS</li>
+          <li>Chrome for Android</li>
+          <li>Windows Phone 7+ IE</li>
+        </ul>
+      </section>
     </div>
 
     <script src="dist/js/jquery.js"></script>
diff --git a/views.html b/views.html
index 7ca33940b115669654d6dcee149b36c3bf2a07c2..660a870c02a3896cadaa98a5d6ac46767f48a2de 100644
--- a/views.html
+++ b/views.html
@@ -25,13 +25,14 @@ base_url: "./"
   <header>
     <nav id="navbar" class="navbar navbar-inverse navbar-fixed-left navbar-collapsed" role="navigation">
       <div class="navbar-header">
-        <a class="navbar-brand" href="/">ZUI</a>
+        <a class="navbar-brand" href="/zui">ZUI</a>
       </div>
       <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">开始</li>
           <li><a href="start.html#about">框架说明</a></li>
           <li><a href="start.html#files">文件目录结构</a></li>
+          <li><a href="start.html#browsers">受支持的平台</a></li>
         </ul>
         <ul class="nav navbar-nav collapsed">
           <li class="nav-heading">基础</li>