diff --git a/assets/images/flags/flag-al.png b/assets/images/flags/flag-al.png
deleted file mode 100644
index 337fc19..0000000
Binary files a/assets/images/flags/flag-al.png and /dev/null differ
diff --git a/assets/images/flags/flag-br.png b/assets/images/flags/flag-br.png
deleted file mode 100644
index c0cf720..0000000
Binary files a/assets/images/flags/flag-br.png and /dev/null differ
diff --git a/assets/images/flags/flag-cn.png b/assets/images/flags/flag-cn.png
new file mode 100644
index 0000000..67d4d3a
Binary files /dev/null and b/assets/images/flags/flag-cn.png differ
diff --git a/assets/images/flags/flag-de.png b/assets/images/flags/flag-de.png
deleted file mode 100644
index 43c995a..0000000
Binary files a/assets/images/flags/flag-de.png and /dev/null differ
diff --git a/assets/images/flags/flag-es.png b/assets/images/flags/flag-es.png
deleted file mode 100644
index 76b5692..0000000
Binary files a/assets/images/flags/flag-es.png and /dev/null differ
diff --git a/assets/images/flags/flag-fr.png b/assets/images/flags/flag-fr.png
deleted file mode 100644
index 98a586f..0000000
Binary files a/assets/images/flags/flag-fr.png and /dev/null differ
diff --git a/assets/images/flags/flag-uk.png b/assets/images/flags/flag-uk.png
deleted file mode 100644
index 568c68e..0000000
Binary files a/assets/images/flags/flag-uk.png and /dev/null differ
diff --git a/assets/images/flags/flag-us.png b/assets/images/flags/flag-us.png
new file mode 100644
index 0000000..8d2ffda
Binary files /dev/null and b/assets/images/flags/flag-us.png differ
diff --git a/assets/images/logos/AndroidNiceties.png b/assets/images/logos/AndroidNiceties.png
new file mode 100644
index 0000000..d5b19a3
Binary files /dev/null and b/assets/images/logos/AndroidNiceties.png differ
diff --git a/assets/images/logos/BWG.png b/assets/images/logos/BWG.png
new file mode 100644
index 0000000..19b87ff
Binary files /dev/null and b/assets/images/logos/BWG.png differ
diff --git a/assets/images/logos/CSSDesignAwards.png b/assets/images/logos/CSSDesignAwards.png
new file mode 100644
index 0000000..ca90b36
Binary files /dev/null and b/assets/images/logos/CSSDesignAwards.png differ
diff --git a/assets/images/logos/CollectUI.png b/assets/images/logos/CollectUI.png
new file mode 100644
index 0000000..1f90f45
Binary files /dev/null and b/assets/images/logos/CollectUI.png differ
diff --git a/assets/images/logos/Ecommercefolio.png b/assets/images/logos/Ecommercefolio.png
new file mode 100644
index 0000000..30d7a60
Binary files /dev/null and b/assets/images/logos/Ecommercefolio.png differ
diff --git a/assets/images/logos/FindIcons.png b/assets/images/logos/FindIcons.png
new file mode 100644
index 0000000..f7e8c89
Binary files /dev/null and b/assets/images/logos/FindIcons.png differ
diff --git a/assets/images/logos/IcoMoonApp.png b/assets/images/logos/IcoMoonApp.png
new file mode 100644
index 0000000..e5e08d3
Binary files /dev/null and b/assets/images/logos/IcoMoonApp.png differ
diff --git a/assets/images/logos/Iconfinder.png b/assets/images/logos/Iconfinder.png
new file mode 100644
index 0000000..d22a8a7
Binary files /dev/null and b/assets/images/logos/Iconfinder.png differ
diff --git a/assets/images/logos/InstantLogoSearch.png b/assets/images/logos/InstantLogoSearch.png
new file mode 100644
index 0000000..72649b6
Binary files /dev/null and b/assets/images/logos/InstantLogoSearch.png differ
diff --git a/assets/images/logos/Lapa.png b/assets/images/logos/Lapa.png
new file mode 100644
index 0000000..090f6cf
Binary files /dev/null and b/assets/images/logos/Lapa.png differ
diff --git a/assets/images/logos/Materialicons.png b/assets/images/logos/Materialicons.png
new file mode 100644
index 0000000..ecd3eaa
Binary files /dev/null and b/assets/images/logos/Materialicons.png differ
diff --git a/assets/images/logos/NEXT.png b/assets/images/logos/NEXT.png
new file mode 100644
index 0000000..a3d2511
Binary files /dev/null and b/assets/images/logos/NEXT.png differ
diff --git a/assets/images/logos/Pttrns.png b/assets/images/logos/Pttrns.png
new file mode 100644
index 0000000..0f8a19b
Binary files /dev/null and b/assets/images/logos/Pttrns.png differ
diff --git a/assets/images/logos/ReallyGoodUX.png b/assets/images/logos/ReallyGoodUX.png
new file mode 100644
index 0000000..abdeba5
Binary files /dev/null and b/assets/images/logos/ReallyGoodUX.png differ
diff --git a/assets/images/logos/SiteSee.png b/assets/images/logos/SiteSee.png
new file mode 100644
index 0000000..334af1d
Binary files /dev/null and b/assets/images/logos/SiteSee.png differ
diff --git a/assets/images/logos/UICloud.png b/assets/images/logos/UICloud.png
new file mode 100644
index 0000000..4ca7072
Binary files /dev/null and b/assets/images/logos/UICloud.png differ
diff --git a/assets/images/logos/WebInspiration.png b/assets/images/logos/WebInspiration.png
new file mode 100644
index 0000000..f609bea
Binary files /dev/null and b/assets/images/logos/WebInspiration.png differ
diff --git a/assets/images/logos/appinn.png b/assets/images/logos/appinn.png
new file mode 100644
index 0000000..9f5bc65
Binary files /dev/null and b/assets/images/logos/appinn.png differ
diff --git a/assets/images/logos/awwwards.png b/assets/images/logos/awwwards.png
new file mode 100644
index 0000000..e6577f0
Binary files /dev/null and b/assets/images/logos/awwwards.png differ
diff --git a/assets/images/logos/designmunk.png b/assets/images/logos/designmunk.png
new file mode 100644
index 0000000..e190e94
Binary files /dev/null and b/assets/images/logos/designmunk.png differ
diff --git a/assets/images/logos/easyicon.png b/assets/images/logos/easyicon.png
new file mode 100644
index 0000000..300a895
Binary files /dev/null and b/assets/images/logos/easyicon.png differ
diff --git a/assets/images/logos/flaticon.png b/assets/images/logos/flaticon.png
new file mode 100644
index 0000000..c03f789
Binary files /dev/null and b/assets/images/logos/flaticon.png differ
diff --git a/assets/images/logos/fontawesomeicon.png b/assets/images/logos/fontawesomeicon.png
new file mode 100644
index 0000000..f846fcb
Binary files /dev/null and b/assets/images/logos/fontawesomeicon.png differ
diff --git a/assets/images/logos/fwa.png b/assets/images/logos/fwa.png
new file mode 100644
index 0000000..7becef1
Binary files /dev/null and b/assets/images/logos/fwa.png differ
diff --git a/assets/images/logos/iconarchive.png b/assets/images/logos/iconarchive.png
new file mode 100644
index 0000000..b0f3dd9
Binary files /dev/null and b/assets/images/logos/iconarchive.png differ
diff --git a/assets/images/logos/iconfont.png b/assets/images/logos/iconfont.png
new file mode 100644
index 0000000..687a946
Binary files /dev/null and b/assets/images/logos/iconfont.png differ
diff --git a/assets/images/logos/iconmonstr.png b/assets/images/logos/iconmonstr.png
new file mode 100644
index 0000000..15d076c
Binary files /dev/null and b/assets/images/logos/iconmonstr.png differ
diff --git a/assets/images/logos/iconsfeed.png b/assets/images/logos/iconsfeed.png
new file mode 100644
index 0000000..51a2810
Binary files /dev/null and b/assets/images/logos/iconsfeed.png differ
diff --git a/assets/images/logos/ionicons.png b/assets/images/logos/ionicons.png
new file mode 100644
index 0000000..9d6df0f
Binary files /dev/null and b/assets/images/logos/ionicons.png differ
diff --git a/assets/images/logos/iosicongallery.png b/assets/images/logos/iosicongallery.png
new file mode 100644
index 0000000..9db5452
Binary files /dev/null and b/assets/images/logos/iosicongallery.png differ
diff --git a/assets/images/logos/liqi.png b/assets/images/logos/liqi.png
new file mode 100644
index 0000000..485be3e
Binary files /dev/null and b/assets/images/logos/liqi.png differ
diff --git a/assets/images/logos/navnav.png b/assets/images/logos/navnav.png
new file mode 100644
index 0000000..d63a6f7
Binary files /dev/null and b/assets/images/logos/navnav.png differ
diff --git a/assets/images/logos/pages.png b/assets/images/logos/pages.png
new file mode 100644
index 0000000..9144753
Binary files /dev/null and b/assets/images/logos/pages.png differ
diff --git a/assets/images/logos/reeoo.png b/assets/images/logos/reeoo.png
new file mode 100644
index 0000000..7b4433d
Binary files /dev/null and b/assets/images/logos/reeoo.png differ
diff --git a/assets/images/logos/simplelineicons.png b/assets/images/logos/simplelineicons.png
new file mode 100644
index 0000000..91e0bfd
Binary files /dev/null and b/assets/images/logos/simplelineicons.png differ
diff --git a/assets/images/logos/siteInspire.png b/assets/images/logos/siteInspire.png
new file mode 100644
index 0000000..9fe61e8
Binary files /dev/null and b/assets/images/logos/siteInspire.png differ
diff --git a/assets/images/logos/sspai.png b/assets/images/logos/sspai.png
new file mode 100644
index 0000000..f0dfe10
Binary files /dev/null and b/assets/images/logos/sspai.png differ
diff --git a/assets/images/logos/today.png b/assets/images/logos/today.png
new file mode 100644
index 0000000..cff87f2
Binary files /dev/null and b/assets/images/logos/today.png differ
diff --git a/assets/images/logos/uiuigreat.png b/assets/images/logos/uiuigreat.png
new file mode 100644
index 0000000..a4e8818
Binary files /dev/null and b/assets/images/logos/uiuigreat.png differ
diff --git a/assets/images/logos/worldvectorlogo.png b/assets/images/logos/worldvectorlogo.png
new file mode 100644
index 0000000..05dd6e2
Binary files /dev/null and b/assets/images/logos/worldvectorlogo.png differ
diff --git a/cn/index.html b/cn/index.html
index 8567cf0..9f021bf 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -81,7 +81,7 @@
                                     <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                 </a>
                             </li>
-                            <li>
+                            <!-- <li>
                                 <a href="#动效设计" class="smooth">
                                     <span class="title">动效设计</span>
                                 </a>
@@ -90,7 +90,7 @@
                                 <a href="#电商平台" class="smooth">
                                     <span class="title">电商平台</span>
                                 </a>
-                            </li>
+                            </li> -->
                         </ul>
                     </li>
                     <li>
@@ -105,8 +105,8 @@
                                 </a>
                             </li>
                             <li>
-                                <a href="#logo设计" class="smooth">
-                                    <span class="title">logo设计</span>
+                                <a href="#LOGO设计" class="smooth">
+                                    <span class="title">LOGO设计</span>
                                 </a>
                             </li>
                             <li>
@@ -359,12 +359,12 @@
                     <!-- Added in v1.2 -->
                     <li class="dropdown hover-line language-switcher">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                            <img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> English
+                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                         </a>
                         <ul class="dropdown-menu languages">
                             <li>
                                 <a href="#">
-                                    <img src="../assets/images/flags/flag-al.png" alt="flag-al" /> English
+                                    <img src="../assets/images/flags/flag-us.png" alt="flag-al" /> English
                                 </a>
                             </li>
                             <li class="active">
@@ -752,52 +752,647 @@
                     </div>
                 </div>
                 <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://next.36kr.com/posts', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://next.36kr.com/posts">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/NEXT.png" class="img-circle" width="40">
                             </a>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>NEXT</strong>
                                 </a>
-                                <p class="overflowClip_2">websiteInfo</p>
+                                <p class="overflowClip_2">不错过任何一个新产品</p>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sspai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sspai.com/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/sspai.png" class="img-circle" width="40">
                             </a>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>少数派</strong>
                                 </a>
-                                <p class="overflowClip_2">websiteInfo</p>
+                                <p class="overflowClip_2">高品质数字消费指南</p>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://liqi.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://liqi.io/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/liqi.png" class="img-circle" width="40">
                             </a>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>利器</strong>
                                 </a>
-                                <p class="overflowClip_2">websiteInfo</p>
+                                <p class="overflowClip_2">创造者和他们的工具</p>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://today.itjuzi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://today.itjuzi.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/today.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Today</strong>
+                                </a>
+                                <p class="overflowClip_2">为身边的新产品喝彩</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/appinn.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>小众软件</strong>
+                                </a>
+                                <p class="overflowClip_2">在这里发现更多有趣的应用</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br />
             <!--END 发现产品 -->
+            <!-- 界面灵感 -->
+            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面灵感"></i>界面灵感</h4>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pttrns.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pttrns.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/Pttrns.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Pttrns</strong>
+                                </a>
+                                <p class="overflowClip_2">Check out the finest collection of design patterns, resources, mobile apps and inspiration</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://collectui.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://collectui.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/CollectUI.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Collect UI</strong>
+                                </a>
+                                <p class="overflowClip_2">Daily inspiration collected from daily ui archive and beyond.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui.uigreat.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/uiuigreat.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>UI uigreat</strong>
+                                </a>
+                                <p class="overflowClip_2">APP界面截图参考</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://androidniceties.tumblr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://androidniceties.tumblr.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/AndroidNiceties.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Android Niceties</strong>
+                                </a>
+                                <p class="overflowClip_2">A collection of screenshots encompassing some of the most beautiful looking Android apps.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END 界面灵感 -->
+            <br />
+            <!-- 网页灵感 -->
+            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="网页灵感"></i>网页灵感</h4>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.awwwards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.awwwards.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/awwwards.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Awwwards</strong>
+                                </a>
+                                <p class="overflowClip_2">Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.cssdesignawards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.cssdesignawards.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/CSSDesignAwards.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>CSS Design Awards</strong>
+                                </a>
+                                <p class="overflowClip_2">Website Awards & Inspiration - CSS Gallery</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://thefwa.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://thefwa.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/fwa.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>The FWA</strong>
+                                </a>
+                                <p class="overflowClip_2">FWA - showcasing innovation every day since 2000</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ecommercefolio.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ecommercefolio.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/Ecommercefolio.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Ecommercefolio</strong>
+                                </a>
+                                <p class="overflowClip_2">Only the Best Ecommerce Design Inspiration</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lapa.ninja/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lapa.ninja/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/Lapa.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Lapa</strong>
+                                </a>
+                                <p class="overflowClip_2">The best landing page design inspiration from around the web.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://reeoo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://reeoo.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/reeoo.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Reeoo</strong>
+                                </a>
+                                <p class="overflowClip_2">web design inspiration and website gallery</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmunk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmunk.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/designmunk.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Designmunk</strong>
+                                </a>
+                                <p class="overflowClip_2">Best Homepage Design Inspiration</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bestwebsite.gallery/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://bestwebsite.gallery/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/BWG.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Best Websites Gallery</strong>
+                                </a>
+                                <p class="overflowClip_2">Website Showcase Inspiration | Best Websites Gallery</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pages.xyz/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pages.xyz/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/pages.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Pages</strong>
+                                </a>
+                                <p class="overflowClip_2">Curated directory of the best Pages</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sitesee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sitesee.co/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/SiteSee.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>SiteSee</strong>
+                                </a>
+                                <p class="overflowClip_2">SiteSee is a curated gallery of beautiful, modern websites collections.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.siteinspire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.siteinspire.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/siteInspire.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Site Inspire</strong>
+                                </a>
+                                <p class="overflowClip_2">A CSS gallery and showcase of the best web design inspiration.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://web.uedna.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://web.uedna.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/WebInspiration.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>WebInspiration</strong>
+                                </a>
+                                <p class="overflowClip_2">网页设计欣赏,全球顶级网页设计</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://navnav.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://navnav.co/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/navnav.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>navnav</strong>
+                                </a>
+                                <p class="overflowClip_2">A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.reallygoodux.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.reallygoodux.io/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/ReallyGoodUX.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Really Good UX</strong>
+                                </a>
+                                <p class="overflowClip_2">A library of screenshots and examples of really good UX. Brought to you by
+                                    <Appcues class=""></Appcues>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br />
+            <!--END 网页灵感 -->
+            <!-- 图标素材 -->
+            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iconfinder.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfinder.com">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/Iconfinder.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Iconfinder</strong>
+                                </a>
+                                <p class="overflowClip_2">2,100,000+ free and premium vector icons.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/iconfont.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>iconfont</strong>
+                                </a>
+                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://iconmonstr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://iconmonstr.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/iconmonstr.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>iconmonstr</strong>
+                                </a>
+                                <p class="overflowClip_2">Free simple icons for your next project</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconarchive.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/iconarchive.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Icon Archive</strong>
+                                </a>
+                                <p class="overflowClip_2">Search 590,912 free icons</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://findicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://findicons.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/FindIcons.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>FindIcons</strong>
+                                </a>
+                                <p class="overflowClip_2">Search through 300,000 free icons</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icomoon.io/app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://icomoon.io/app/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/IcoMoonApp.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>IcoMoonApp</strong>
+                                </a>
+                                <p class="overflowClip_2">Icon Font, SVG, PDF &amp; PNG Generator</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.easyicon.net/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/easyicon.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>easyicon</strong>
+                                </a>
+                                <p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flaticon.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/flaticon.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>flaticon</strong>
+                                </a>
+                                <p class="overflowClip_2">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui-cloud.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui-cloud.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/UICloud.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>UICloud</strong>
+                                </a>
+                                <p class="overflowClip_2">The largest user interface design database in the world.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://material.io/icons/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/icons/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/Materialicons.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Material icons</strong>
+                                </a>
+                                <p class="overflowClip_2">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('fontawesomeicon', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="fontawesomeicon">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/fontawesomeicon.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Font Awesome Icon</strong>
+                                </a>
+                                <p class="overflowClip_2">The complete set of 675 icons in Font Awesome</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ionicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ionicons.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/ionicons.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>ion icons</strong>
+                                </a>
+                                <p class="overflowClip_2">The premium icon font for Ionic Framework.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://simplelineicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://simplelineicons.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/simplelineicons.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Simpleline Icons</strong>
+                                </a>
+                                <p class="overflowClip_2">Simple line Icons pack</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br />
+            <!--END 图标素材 -->
+            <!-- LOGO设计 -->
+            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="LOGO素材"></i>LOGO设计</h4>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconsfeed.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconsfeed.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/iconsfeed.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Iconsfeed</strong>
+                                </a>
+                                <p class="overflowClip_2">iOS icons gallery</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://iosicongallery.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://iosicongallery.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/iosicongallery.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>iOS Icon Gallery</strong>
+                                </a>
+                                <p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://worldvectorlogo.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/worldvectorlogo.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>World Vector Logo</strong>
+                                </a>
+                                <p class="overflowClip_2">Brand logos free to download</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://instantlogosearch.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://instantlogosearch.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/InstantLogoSearch.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Instant Logo Search</strong>
+                                </a>
+                                <p class="overflowClip_2">Search & download thousands of logos instantly</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END LOGO设计 -->
             <!-- Main Footer -->
             <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
             <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
diff --git a/en/index.html b/en/index.html
index 8e30531..9700c80 100644
--- a/en/index.html
+++ b/en/index.html
@@ -78,4 +78,5 @@
         </div>
     </div>
 </div>
+<br />
 <!--END GROUPNAME -->