diff --git a/assets/js/customize-home-data.js b/assets/js/customize-home-data.js
index 6a65887d..b2f0545c 100755
--- a/assets/js/customize-home-data.js
+++ b/assets/js/customize-home-data.js
@@ -1,7 +1,7 @@
 // customize-home-data.js
 
 // version
-var lastCommitTime = '2016-10-11T02:28:05';
+var lastCommitTime = '2016-10-11T10:59:05';
 var version = moment(lastCommitTime, 'YYYY-MM-DDTh:mm:ss').utcOffset(8).fromNow();
 
 // search
diff --git a/assets/js/customize.js b/assets/js/customize.js
index 2ff55dc3..ac6ff812 100755
--- a/assets/js/customize.js
+++ b/assets/js/customize.js
@@ -41,8 +41,8 @@ $('#copyright')
         }
     );
 
-// footer feedback
-$('#feedback-footer-link')
+// feedback
+$('.feedback')
     .on('click', function() {
         $('#contacts-dimmer')
             .dimmer('show');
diff --git a/donate/index.html b/donate/index.html
index caa429ec..d50c9106 100755
--- a/donate/index.html
+++ b/donate/index.html
@@ -97,16 +97,46 @@ <h1 class="ui inverted header"><i class="heart icon"></i> 支持一发</h1>
                 <h2>买雪糕给辛苦滴程序猿和设计师</h2>
             </div>
         </div>
-        <div>
-            <div class="ui vertical stripe segment">
-                <div class="ui middle aligned stackable two column divided grid container">
-                    <div class="row">
-                        <div class="column">
-                            <img class="ui centered medium rounded bordered image" src="../images/donate/alipay1.jpg">
-                        </div>
-                        <div class="column">
-                            <img class="ui centered medium rounded bordered image" src="../images/donate/wechat1.jpg">
-                        </div>
+        <div class="ui vertical stripe quote segment">
+            <div class="ui equal width stackable internally celled grid">
+                <div class="center aligned row">
+                    <div class="column">
+                        <img class="ui centered medium rounded bordered image" src="../images/donate/alipay1.jpg">
+                    </div>
+                    <div class="column">
+                        <img class="ui centered medium rounded bordered image" src="../images/donate/wechat1.jpg">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="ui vertical stripe segment">
+            <div class="ui middle aligned stackable grid container">
+                <div class="row">
+                    <div class="center aligned column">
+                        <h3 class="ui header">您的每一发支持，都是开发者坚持的动力！</h3>
+                        <p>如果您想自定义捐款数目，请扫描以下二维码。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="ui vertical stripe quote segment">
+            <div class="ui equal width stackable internally celled grid">
+                <div class="center aligned row">
+                    <div class="column">
+                        <img class="ui centered medium rounded bordered image" src="../images/donate/alipay.jpg">
+                    </div>
+                    <div class="column">
+                        <img class="ui centered medium rounded bordered image" src="../images/donate/wechat.jpg">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="ui vertical stripe segment">
+            <div class="ui middle aligned stackable grid container">
+                <div class="row">
+                    <div class="center aligned column">
+                        <h3 class="ui header">提出您的宝贵建议！</h3>
+                        <a class="ui large button feedback"><i class="rocket icon"></i> 联系开发者</a>
                     </div>
                 </div>
             </div>
@@ -123,16 +153,7 @@ <h4 class="ui inverted header">About</h4>
                         <div class="ui inverted link list">
                             <a class="item" href="http://irockbunny.com/" target="_blank">iROCKBUNNY</a>
                             <a class="item" href="http://teelab.net/" target="_blank">TEELAB</a>
-                            <a class="item" id="feedback-footer-link">Feedback</a>
-                            <div id="contacts-dimmer" class="ui page dimmer">
-                                <div class="content">
-                                    <div class="ui center list">
-                                        <div class="item">
-                                            <a href="mailto:contact@irockbunny.com?subject=Mail From BYR-Navi Website"><i class="send icon"></i> contact#irockbunny.com</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                            <a class="item feedback">Feedback</a>
                         </div>
                     </div>
                     <div class="seven wide column">
@@ -146,6 +167,13 @@ <h4 class="ui inverted header">北邮人导航 &middot; BYR-Navi</h4>
             </div>
         </div>
     </div>
+    <div id="contacts-dimmer" class="ui page dimmer">
+        <div class="content">
+            <div class="ui center list">
+                <div class="item"><i class="send icon"></i> contact[at]irockbunny[dot]com</div>
+            </div>
+        </div>
+    </div>
     <div id="loading-dimmer" class="ui page dimmer">
         <div class="ui loader"></div>
     </div>
diff --git a/images/donate/alipay.jpg b/images/donate/alipay.jpg
new file mode 100644
index 00000000..d8d44746
Binary files /dev/null and b/images/donate/alipay.jpg differ
diff --git a/images/donate/alipay1.jpg b/images/donate/alipay1.jpg
index 6a9e82b7..95101ad0 100644
Binary files a/images/donate/alipay1.jpg and b/images/donate/alipay1.jpg differ
diff --git a/images/donate/wechat.jpg b/images/donate/wechat.jpg
new file mode 100644
index 00000000..09b9b214
Binary files /dev/null and b/images/donate/wechat.jpg differ
diff --git a/images/donate/wechat1.jpg b/images/donate/wechat1.jpg
index 4cc95dc6..5280c151 100644
Binary files a/images/donate/wechat1.jpg and b/images/donate/wechat1.jpg differ
diff --git a/index.html b/index.html
index 2754b7c7..71017469 100755
--- a/index.html
+++ b/index.html
@@ -131,16 +131,7 @@ <h4 class="ui inverted header">About</h4>
                         <div class="ui inverted link list">
                             <a class="item" href="http://irockbunny.com/" target="_blank">iROCKBUNNY</a>
                             <a class="item" href="http://teelab.net/" target="_blank">TEELAB</a>
-                            <a class="item" id="feedback-footer-link">Feedback</a>
-                            <div id="contacts-dimmer" class="ui page dimmer">
-                                <div class="content">
-                                    <div class="ui center list">
-                                        <div class="item">
-                                            <a href="mailto:contact@irockbunny.com?subject=Mail From BYR-Navi Website"><i class="send icon"></i> contact#irockbunny.com</a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                            <a class="item feedback">Feedback</a>
                         </div>
                     </div>
                     <div class="seven wide column">
@@ -154,6 +145,13 @@ <h4 class="ui inverted header">北邮人导航 &middot; BYR-Navi</h4>
             </div>
         </div>
     </div>
+    <div id="contacts-dimmer" class="ui page dimmer">
+        <div class="content">
+            <div class="ui center list">
+                <div class="item"><i class="send icon"></i> contact[at]irockbunny[dot]com</div>
+            </div>
+        </div>
+    </div>
     <div id="loading-dimmer" class="ui page dimmer">
         <div class="ui loader"></div>
     </div>