diff --git a/assets/images/logos/behance.png b/assets/images/logos/behance.png
new file mode 100644
index 0000000..52d4010
Binary files /dev/null and b/assets/images/logos/behance.png differ
diff --git a/assets/images/logos/default.png b/assets/images/logos/default.png
index 332e020..f49ba0e 100644
Binary files a/assets/images/logos/default.png and b/assets/images/logos/default.png differ
diff --git a/assets/images/logos/dribbble.png b/assets/images/logos/dribbble.png
index f84ad91..bf962ac 100644
Binary files a/assets/images/logos/dribbble.png and b/assets/images/logos/dribbble.png differ
diff --git a/assets/images/logos/huaban.png b/assets/images/logos/huaban.png
new file mode 100644
index 0000000..07e54df
Binary files /dev/null and b/assets/images/logos/huaban.png differ
diff --git a/assets/images/logos/medium.png b/assets/images/logos/medium.png
new file mode 100644
index 0000000..5015b67
Binary files /dev/null and b/assets/images/logos/medium.png differ
diff --git a/assets/images/logos/pinterest.png b/assets/images/logos/pinterest.png
new file mode 100644
index 0000000..681242c
Binary files /dev/null and b/assets/images/logos/pinterest.png differ
diff --git a/assets/images/logos/producthunt.png b/assets/images/logos/producthunt.png
new file mode 100644
index 0000000..4453d20
Binary files /dev/null and b/assets/images/logos/producthunt.png differ
diff --git a/assets/images/logos/uicn.png b/assets/images/logos/uicn.png
new file mode 100644
index 0000000..c79f486
Binary files /dev/null and b/assets/images/logos/uicn.png differ
diff --git a/assets/images/logos/uisdc.png b/assets/images/logos/uisdc.png
new file mode 100644
index 0000000..7c3f548
Binary files /dev/null and b/assets/images/logos/uisdc.png differ
diff --git a/assets/images/logos/youtube.png b/assets/images/logos/youtube.png
new file mode 100644
index 0000000..27a89e5
Binary files /dev/null and b/assets/images/logos/youtube.png differ
diff --git a/assets/images/logos/zcool.png b/assets/images/logos/zcool.png
new file mode 100644
index 0000000..3101abd
Binary files /dev/null and b/assets/images/logos/zcool.png differ
diff --git a/cn/index.html b/cn/index.html
index a957aaf..fe65359 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -48,66 +48,285 @@
                     <!-- add class "multiple-expanded" to allow multiple submenus to open -->
                     <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
                     <li>
-                        <a href="#项目1" class="smooth">
+                        <a href="#常用推荐" class="smooth">
                             <i class="linecons-cog"></i>
-                            <span class="title">Chiness</span>
+                            <span class="title">常用推荐</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#社区资讯" class="smooth">
+                            <i class="linecons-cog"></i>
+                            <span class="title">社区资讯</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#发现产品">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">灵感采集</span>
                         </a>
                         <ul>
                             <li>
-                                <a href="#项目1" class="smooth">
-                                    <span class="title">Skin Generator</span>
+                                <a href="#发现产品" class="smooth">
+                                    <span class="title">发现产品</span>
                                 </a>
                             </li>
                             <li>
-                                <a href="#项目2" class="smooth">
-                                    <span class="title">Update Highlights</span>
+                                <a href="#界面灵感" class="smooth">
+                                    <span class="title">界面灵感</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#网页灵感" class="smooth">
+                                    <span class="title">网页灵感</span>
                                     <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                 </a>
                             </li>
+                            <li>
+                                <a href="#动效设计" class="smooth">
+                                    <span class="title">动效设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#电商平台" class="smooth">
+                                    <span class="title">电商平台</span>
+                                </a>
+                            </li>
                         </ul>
                     </li>
                     <li>
-                        <a href="#DesignStackTag">
+                        <a href="#图标素材">
                             <i class="linecons-desktop"></i>
-                            <span class="title">Layouts</span>
+                            <span class="title">素材资源</span>
                         </a>
                         <ul>
                             <li>
-                                <a href="#DesignStackTag">
-                                    <span class="title">Layout Variants &amp; API</span>
+                                <a href="#图标素材" class="smooth">
+                                    <span class="title">图标素材</span>
                                 </a>
                             </li>
                             <li>
-                                <a href="#DesignStackTag">
-                                    <span class="title">Layout Variants2 &amp; API</span>
+                                <a href="#logo设计" class="smooth">
+                                    <span class="title">logo设计</span>
                                 </a>
                             </li>
                             <li>
-                                <a href="#DesignStackTag">
-                                    <span class="title">Layout Variants3 &amp; API</span>
+                                <a href="#运营设计" class="smooth">
+                                    <span class="title">运营设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#sketch资源" class="smooth">
+                                    <span class="title">sketch资源</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#PSD资源" class="smooth">
+                                    <span class="title">PSD资源</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#字体资源" class="smooth">
+                                    <span class="title">字体资源</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#Mockup" class="smooth">
+                                    <span class="title">Mockup</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#摄影图库" class="smooth">
+                                    <span class="title">摄影图库</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#PPT资源" class="smooth">
+                                    <span class="title">PPT资源</span>
                                 </a>
                             </li>
                         </ul>
                     </li>
                     <li>
-                        <a href="#项目4">
-                            <i class="linecons-note"></i>
-                            <span class="title">UI Elements</span>
+                        <a href="#图形编辑">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">常用工具</span>
                         </a>
                         <ul>
                             <li>
-                                <a href="#项目4"  class="smooth">
-                                    <span class="title">Other Elements</span>
+                                <a href="#图形编辑" class="smooth">
+                                    <span class="title">图形编辑</span>
                                 </a>
                             </li>
                             <li>
-                                <a href="#DesignStackTag">
-                                    <span class="title">Layout Variants5 &amp; API</span>
+                                <a href="#界面工具" class="smooth">
+                                    <span class="title">界面工具</span>
                                 </a>
                             </li>
                             <li>
-                                <a href="#DesignStackTag">
-                                    <span class="title">Layout Variants6 &amp; API</span>
+                                <a href="#在线工具" class="smooth">
+                                    <span class="title">在线工具</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#3D设计" class="smooth">
+                                    <span class="title">3D设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#标注切图" class="smooth">
+                                    <span class="title">标注切图</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#H5制作" class="smooth">
+                                    <span class="title">H5制作</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#Sketch插件" class="smooth">
+                                    <span class="title">Sketch插件</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#Chrome插件" class="smooth">
+                                    <span class="title">Chrome插件</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#在线配色" class="smooth">
+                                    <span class="title">在线配色</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="#视频教程">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">学习教程</span>
+                        </a>
+                        <ul>
+                            <li>
+                                <a href="#视频教程" class="smooth">
+                                    <span class="title">视频教程</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#设计文章" class="smooth">
+                                    <span class="title">设计文章</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#设计电台" class="smooth">
+                                    <span class="title">设计电台</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#设计规范" class="smooth">
+                                    <span class="title">设计规范</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="#交互网站">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">交互设计</span>
+                        </a>
+                        <ul>
+                            <li>
+                                <a href="#交互网站" class="smooth">
+                                    <span class="title">交互网站</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#交互书籍" class="smooth">
+                                    <span class="title">交互书籍</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#线框工具" class="smooth">
+                                    <span class="title">线框工具</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#交互简历" class="smooth">
+                                    <span class="title">交互简历</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#数据分析" class="smooth">
+                                    <span class="title">数据分析</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="#UED团队">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">团队博客</span>
+                        </a>
+                        <ul>
+                            <li>
+                                <a href="#UED团队" class="smooth">
+                                    <span class="title">UED团队</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#创意公司" class="smooth">
+                                    <span class="title">创意公司</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#设计师" class="smooth">
+                                    <span class="title">设计师</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#培训机构" class="smooth">
+                                    <span class="title">培训机构</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="#插画设计">
+                            <i class="linecons-desktop"></i>
+                            <span class="title">其他设计</span>
+                        </a>
+                        <ul>
+                            <li>
+                                <a href="#插画设计" class="smooth">
+                                    <span class="title">插画设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#广告设计" class="smooth">
+                                    <span class="title">广告设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#建筑设计" class="smooth">
+                                    <span class="title">建筑设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#室内设计" class="smooth">
+                                    <span class="title">室内设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#景观设计" class="smooth">
+                                    <span class="title">景观设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#服装设计" class="smooth">
+                                    <span class="title">服装设计</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#经典艺术" class="smooth">
+                                    <span class="title">经典艺术</span>
                                 </a>
                             </li>
                         </ul>
@@ -145,101 +364,77 @@
                         <ul class="dropdown-menu languages">
                             <li>
                                 <a href="#">
-                                    <img src="../assets/images/flags/flag-al.png" alt="flag-al" /> Shqip
+                                    <img src="../assets/images/flags/flag-al.png" alt="flag-al" /> English
                                 </a>
                             </li>
                             <li class="active">
                                 <a href="#">
-                                    <img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> English
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <img src="../assets/images/flags/flag-de.png" alt="flag-de" /> Deutsch
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <img src="../assets/images/flags/flag-fr.png" alt="flag-fr" /> Fran&ccedil;ais
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <img src="../assets/images/flags/flag-br.png" alt="flag-br" /> Portugu&ecirc;s
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <img src="../assets/images/flags/flag-es.png" alt="flag-es" /> Espa&ntilde;ol
+                                    <img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> Chinese
                                 </a>
                             </li>
                         </ul>
                     </li>
                 </ul>
             </nav>
-            <!-- project2 -->
-            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目1"></i>Counters</h4>
+            <!-- 常用推荐 -->
+            <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://dribbble.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
                                 <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
                             </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
                                     <strong>Dribbble</strong>
                                 </a>
-                                <p class="overflowClip_2">全球UI设计师作品秀社区</p>
+                                <p class="overflowClip_2">全球UI设计师作品分享平台。</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://behance.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://behance.net/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/behance.png" class="img-circle" width="40">
                             </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>behance</strong>
                                 </a>
-                                <p class="overflowClip_2">websiteInfo</p>
+                                <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</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://ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ui.cn/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/uicn.png" class="img-circle" width="40">
                             </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>UI中国</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://www.zcool.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/zcool.png" class="img-circle" width="40">
                             </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <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>
@@ -247,61 +442,111 @@
             </div>
             <div class="row">
                 <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://www.pinterest.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/pinterest.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>Pinterest</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://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/huaban.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <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('https://medium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medium.com/">
                         <div class="xe-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/medium.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
+                                    <strong>Medium</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('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/uisdc.png" class="img-circle" width="40">
+                            </a>
+                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                            <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>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/producthunt.png" class="img-circle" width="40">
+                            </a>
+                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Producthunt</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://www.youtube.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
+                        <div class="xe-comment-entry">
+                            <a class="xe-user-img">
+                                <img src="../assets/images/logos/youtube.png" class="img-circle" width="40">
+                            </a>
+                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>Youtube</strong>
+                                </a>
+                                <p class="overflowClip_2">全球最大的UI学习分享平台</p>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
             <br />
-            <!-- end project2 -->
-            <!-- project1 -->
-            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目2"></i>Counters</h4>
+            <!-- END 常用推荐 -->
+            <!-- GROUPNAME -->
+            <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://dribbble.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com">
+                    <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-comment-entry">
                             <a class="xe-user-img">
                                 <img src="../assets/images/logos/default.png" class="img-circle" width="40">
@@ -309,9 +554,9 @@
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
                                 <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dribbble</strong>
+                                    <strong>websiteName</strong>
                                 </a>
-                                <p class="overflowClip_2">全球UI设计师作品秀社区</p>
+                                <p class="overflowClip_2">websiteInfo</p>
                             </div>
                         </div>
                     </div>
@@ -320,7 +565,7 @@
                     <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-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
@@ -336,7 +581,7 @@
                     <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-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
@@ -352,7 +597,7 @@
                     <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-comment-entry">
                             <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
+                                <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                             </a>
                             <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                             <div class="xe-comment">
@@ -365,418 +610,7 @@
                     </div>
                 </div>
             </div>
-            <div class="row">
-                <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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!-- end project3 -->
-            <!-- project1 -->
-            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目3"></i>Counters</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">全球UI设计师作品秀社区</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!-- end project4 -->
-            <!-- project1 -->
-            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目4"></i>Counters</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">全球UI设计师作品秀社区</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!-- end project1 -->
-            <!-- project5 -->
-            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目5"></i>Counters</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">全球UI设计师作品秀社区</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</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-comment-entry">
-                            <a class="xe-user-img">
-                                <img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
-                            </a>
-                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>websiteName</strong>
-                                </a>
-                                <p class="overflowClip_2">websiteInfo</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!-- end project1 -->
+            <!--END GROUPNAME -->
             <!-- 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) -->
@@ -827,7 +661,9 @@
         e.preventDefault();
         href = $(this).attr("href");
         pos = $(href).position().top - 30;
-        $("html,body").animate({ scrollTop: pos }, 500);
+        $("html,body").animate({
+            scrollTop: pos
+        }, 500);
     });
     </script>
     <!-- Bottom Scripts -->
diff --git a/en/index.html b/en/index.html
index bb39318..d9e3526 100644
--- a/en/index.html
+++ b/en/index.html
@@ -1,14 +1,85 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>DesignStack</title>
 </head>
+
 <body>
     Coming soon...
     <a href="../cn/index.html" class="go-back">
-            <i class="fa-angle-left"></i>
-            Go Back
-        </a>
+        <i class="fa-angle-left"></i> Go Back
+    </a>
 </body>
-</html>
\ No newline at end of file
+
+</html>
+<!-- GROUPNAME -->
+<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('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+            <div class="xe-comment-entry">
+                <a class="xe-user-img">
+                    <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                </a>
+                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                <div class="xe-comment">
+                    <a href="#" class="xe-user-name overflowClip_1">
+                        <strong>websiteName</strong>
+                    </a>
+                    <p class="overflowClip_2">websiteInfo</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-comment-entry">
+                <a class="xe-user-img">
+                    <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                </a>
+                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                <div class="xe-comment">
+                    <a href="#" class="xe-user-name overflowClip_1">
+                        <strong>websiteName</strong>
+                    </a>
+                    <p class="overflowClip_2">websiteInfo</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-comment-entry">
+                <a class="xe-user-img">
+                    <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                </a>
+                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                <div class="xe-comment">
+                    <a href="#" class="xe-user-name overflowClip_1">
+                        <strong>websiteName</strong>
+                    </a>
+                    <p class="overflowClip_2">websiteInfo</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-comment-entry">
+                <a class="xe-user-img">
+                    <img src="../assets/images/logos/default.png" class="img-circle" width="40">
+                </a>
+                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
+                <div class="xe-comment">
+                    <a href="#" class="xe-user-name overflowClip_1">
+                        <strong>websiteName</strong>
+                    </a>
+                    <p class="overflowClip_2">websiteInfo</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--END GROUPNAME -->