From bee9e22696ff7526b8ef4c882bdf5b950a82c487 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 19:39:00 +0800
Subject: [PATCH 01/19] =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=8F=AA=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99=E4=B8=AD=E6=96=87=EF=BC=8C=E5=88=A0=E9=99=A4=E6=97=A0?=
 =?UTF-8?q?=E7=94=A8=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore    |    1 +
 cn/index.html | 3890 +-------------------------------------------
 en/about.html |  147 --
 en/index.html | 4274 -------------------------------------------------
 index.html    |   11 +-
 5 files changed, 5 insertions(+), 8318 deletions(-)
 create mode 100644 .gitignore
 delete mode 100644 en/about.html
 delete mode 100644 en/index.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..62c893550
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.idea/
\ No newline at end of file
diff --git a/cn/index.html b/cn/index.html
index 7172f7df3..4dad5550d 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -92,181 +92,6 @@
                             <span class="title">社区资讯</span>
                         </a>
                     </li>
-                    <li>
-                        <a>
-                            <i class="linecons-lightbulb"></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>
-                                    <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>
-                            <i class="linecons-thumbs-up"></i>
-                            <span class="title">素材资源</span>
-                        </a>
-                        <ul>
-                            <li>
-                                <a href="#图标素材" class="smooth">
-                                    <span class="title">图标素材</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#LOGO设计" class="smooth">
-                                    <span class="title">LOGO设计</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#平面素材" class="smooth">
-                                    <span class="title">平面素材</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#UI资源" class="smooth">
-                                    <span class="title">UI资源</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#Sketch资源" class="smooth">
-                                    <span class="title">Sketch资源</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>
-                            <i class="linecons-diamond"></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="#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="#H5制作" class="smooth">
-                                    <span class="title">H5制作</span>
-                                </a>
-                            </li> -->
-                        </ul>
-                    </li>
-                    <li>
-                        <a>
-                            <i class="linecons-pencil"></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>
-                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li>
-                        <a href="#UED团队" class="smooth">
-                            <i class="linecons-user"></i>
-                            <span class="title">UED团队</span>
-                        </a>
-                    </li>
                     <li>
                         <a href="about.html">
                             <i class="linecons-heart"></i>
@@ -274,13 +99,6 @@
                             <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                         </a>
                     </li>
-                    <!-- <div class="submit-tag">
-                        <a href="about.html">
-                            <i class="linecons-heart"></i>
-                            <span class="tooltip-blue">关于本站</span>
-                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
-                        </a>
-                    </div> -->
                 </ul>
             </div>
         </div>
@@ -294,23 +112,7 @@
                             <i class="fa-bars"></i>
                         </a>
                     </li>
-                    <li class="dropdown hover-line language-switcher">
-                        <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
-                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
-                        </a>
-                        <ul class="dropdown-menu languages">
-                            <li>
-                                <a href="../en/index.html">
-                                    <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
-                                </a>
-                            </li>
-                            <li class="active">
-                                <a href="../cn/index.html">
-                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
+
                 </ul>
                 <ul class="user-info-menu right-links list-inline list-unstyled">
                     <li class="hidden-sm hidden-xs">
@@ -504,3695 +306,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
             </div>
             <br />
             <!-- END 常用推荐 -->
-            <!-- 推荐 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.aliyun.com/minisite/goods?userCode=xtct5egx&share_source=copy_link', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliyun.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>阿里云</strong>
-                                </a>
-                                <p class="overflowClip_2">点击领取2000元限量云产品优惠券</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gulusucai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gulusucai.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gulusucai.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xiyou4you.us/r/?s=13731627', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xiyou4you.us">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/xiyou.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.link360.top/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.link360.top/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ss-kexueshangwang.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>SS梯子</strong>
-                                </a>
-                                <p class="overflowClip_2">SS梯子-科学上网（实惠，但是不太稳）</p>
-                            </div>
-                        </div>
-                    </div>
-                </div> -->
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.shejizhoukan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.shejizhoukan.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/shejizhoukan.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ziticangku.png" class="lozad 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-tag" 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.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.leiphone.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/leiphone.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://36kr.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/36kr.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>36kr</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.digitaling.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.digitaling.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/digitaling.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lieyunwang.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lieyunwang.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/woshipm.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zaodula.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zaodula.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/zaodula.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.chanpin100.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/chanpin100.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pmcaff.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pmcaff.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PMCAFF</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://www.iyunying.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iyunying.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/iyunying.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/niaogebiji.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.gtn9.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gtn9.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>古田路9号</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('http://www.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uigreat.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>优阁网</strong>
-                                </a>
-                                <p class="overflowClip_2">UI设计师学习交流社区</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 社区资讯 -->
-            <!-- 发现产品 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.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 data-src="../assets/images/logos/producthunt.png" class="lozad 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('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 data-src="../assets/images/logos/NEXT.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>NEXT</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://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 data-src="../assets/images/logos/sspai.png" class="lozad 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 class="col-sm-3">
-                    <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 data-src="../assets/images/logos/liqi.png" class="lozad 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>
-            <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 data-src="../assets/images/logos/today.png" class="lozad 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 data-src="../assets/images/logos/appinn.png" class="lozad 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-tag" 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 data-src="../assets/images/logos/Pttrns.png" class="lozad 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 data-src="../assets/images/logos/CollectUI.png" class="lozad 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 data-src="../assets/images/logos/uiuigreat.png" class="lozad 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 data-src="../assets/images/logos/AndroidNiceties.png" class="lozad 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-tag" 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 data-src="../assets/images/logos/awwwards.png" class="lozad 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 data-src="../assets/images/logos/CSSDesignAwards.png" class="lozad 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 data-src="../assets/images/logos/fwa.png" class="lozad 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 data-src="../assets/images/logos/Ecommercefolio.png" class="lozad 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 data-src="../assets/images/logos/Lapa.png" class="lozad 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 data-src="../assets/images/logos/reeoo.png" class="lozad 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 data-src="../assets/images/logos/designmunk.png" class="lozad 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 data-src="../assets/images/logos/BWG.png" class="lozad 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 data-src="../assets/images/logos/pages.png" class="lozad 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 data-src="../assets/images/logos/SiteSee.png" class="lozad 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 data-src="../assets/images/logos/siteInspire.png" class="lozad 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 data-src="../assets/images/logos/WebInspiration.png" class="lozad 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 data-src="../assets/images/logos/navnav.png" class="lozad 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 data-src="../assets/images/logos/ReallyGoodUX.png" class="lozad 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-tag" 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 data-src="../assets/images/logos/Iconfinder.png" class="lozad 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 data-src="../assets/images/logos/iconfont.png" class="lozad 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 data-src="../assets/images/logos/iconmonstr.png" class="lozad 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 data-src="../assets/images/logos/iconarchive.png" class="lozad 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 data-src="../assets/images/logos/FindIcons.png" class="lozad 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 data-src="../assets/images/logos/IcoMoonApp.png" class="lozad 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 data-src="../assets/images/logos/easyicon.png" class="lozad 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 data-src="../assets/images/logos/flaticon.png" class="lozad 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 data-src="../assets/images/logos/UICloud.png" class="lozad 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 data-src="../assets/images/logos/Materialicons.png" class="lozad 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 data-src="../assets/images/logos/fontawesomeicon.png" class="lozad 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 data-src="../assets/images/logos/ionicons.png" class="lozad 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 data-src="../assets/images/logos/simplelineicons.png" class="lozad 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-tag" 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 data-src="../assets/images/logos/iconsfeed.png" class="lozad 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 data-src="../assets/images/logos/iosicongallery.png" class="lozad 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 data-src="../assets/images/logos/worldvectorlogo.png" class="lozad 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 data-src="../assets/images/logos/InstantLogoSearch.png" class="lozad 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>
-            <br />
-            <!--END LOGO设计 -->
-            <!-- 平面素材 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.gulusucai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gulusucai.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gulusucai.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wallhalla.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wallhalla.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wallhalla.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>wallhalla</strong>
-                                </a>
-                                <p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://365psd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://365psd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/365PSD.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>365PSD</strong>
-                                </a>
-                                <p class="overflowClip_2">Free PSD &amp; Graphics, Illustrations</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medialoot.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Medialoot.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Medialoot</strong>
-                                </a>
-                                <p class="overflowClip_2">Free &amp; Premium Design Resources &mdash; Medialoot</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.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/qiantu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://588ku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/qianku.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>千库网</strong>
-                                </a>
-                                <p class="overflowClip_2">免费png图片背景素材下载</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wotu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://90sheji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://90sheji.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/90sheji.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>90设计</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://www.nipic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/nipic.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lanrentuku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lanrentuku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lanrentuku.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://so.ui001.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://so.ui001.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sousucai.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://psefan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://psefan.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/psefan.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PS饭团网</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://www.sccnn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sccnn.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.freepik.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.freepik.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freepik.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>freepik</strong>
-                                </a>
-                                <p class="overflowClip_2">More than a million free vectors, PSD, photos and free icons.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 素材图库 -->
-            <!-- UI资源 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gulusucai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gulusucai.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gulusucai.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesbug.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesbug.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freebiesbug.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Freebiesbug</strong>
-                                </a>
-                                <p class="overflowClip_2">Hand-picked resources for web designer and developers, constantly updated.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesupply.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesupply.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freebiesupply.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Freebie Supply</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Resources For Designers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yrucd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yrucd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/yrucd.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xituqu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xituqu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/xituqu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ui8.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ui8.net/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ui8.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ui8</strong>
-                                </a>
-                                <p class="overflowClip_2">UI Kits, Wireframe Kits, Templates, Icons and More</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.uplabs.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.uplabs.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uplabs.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>uplabs</strong>
-                                </a>
-                                <p class="overflowClip_2">Daily resources for product designers & developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uikit.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uikit.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uikitme.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UIkit.me</strong>
-                                </a>
-                                <p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</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.fribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fribbble.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Fribbble.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">Free PSD files and other free design resources by Dribbblers.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://principlerepo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principlerepo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/PrincipleRepo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PrincipleRepo</strong>
-                                </a>
-                                <p class="overflowClip_2">Free, High Quality Principle Resources</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmodo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmodo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Designmodo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Designmodo</strong>
-                                </a>
-                                <p class="overflowClip_2">Web Design Blog and Shop</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END UI资源 -->
-            <!-- Sketch资源 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Sketch资源"></i>Sketch资源</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Sketch.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch</strong>
-                                </a>
-                                <p class="overflowClip_2">The digital design toolkit</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://utom.design/measure/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://utom.design/measure/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/SketchMeasure.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch Measure</strong>
-                                </a>
-                                <p class="overflowClip_2">Friendly user interface offers you a more intuitive way of making marks.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchappsources.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchappsources.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchappsources.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch App Sources</strong>
-                                </a>
-                                <p class="overflowClip_2">Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketch.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketch.im/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchIm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch.im</strong>
-                                </a>
-                                <p class="overflowClip_2">Sketch 相关资源汇聚</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://sketchhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sketchhunt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch Hunt</strong>
-                                </a>
-                                <p class="overflowClip_2">Sketch Hunt is an independent blog sharing gems in learning, plugins &amp; design tools for fans of Sketch app.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketchcn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketchcn.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchcn.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch中文网</strong>
-                                </a>
-                                <p class="overflowClip_2">分享最新的Sketch中文手册</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://awesome-sket.ch/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://awesome-sket.ch/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AwesomeSketchPlugins.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Awesome Sketch Plugins</strong>
-                                </a>
-                                <p class="overflowClip_2">A collection of really useful Sketch plugins.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchcasts.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchcasts.net/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchcasts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketchcasts</strong>
-                                </a>
-                                <p class="overflowClip_2">Learn Sketch Train your design skills with a weekly video tutorial</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Sketch资源 -->
-            <!-- 字体资源 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ziticangku.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fonts.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts.google.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/googlefont.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Google Font</strong>
-                                </a>
-                                <p class="overflowClip_2">Making the web more beautiful, fast, and open through great typography</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://typekit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://typekit.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/typekit.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Typekit</strong>
-                                </a>
-                                <p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Fondertype.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ziticq.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ziticq.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.fontsquirrel.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.fontsquirrel.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fontsquirrel.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fontsquirrel</strong>
-                                </a>
-                                <p class="overflowClip_2">FREE fonts for graphic designers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.urbanfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.urbanfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/UrbanFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Urban Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Download Free Fonts and Free Dingbats.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.losttype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.losttype.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/losttype.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Lost Type</strong>
-                                </a>
-                                <p class="overflowClip_2">Lost Type is a Collaborative Digital Type Foundry</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://fonts2u.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts2u.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fonts2u.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>FONTS2U</strong>
-                                </a>
-                                <p class="overflowClip_2">Download free fonts for Windows and Macintosh.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fontex.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fontex.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fontex.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fontex</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Fonts to Download + Premium Typefaces</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://fontm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://fontm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/FontM.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>FontM</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Fonts</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.myfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.myfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MyFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>My Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Fonts for Print, Products & Screens</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.dafont.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.dafont.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/dafont.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Da Font</strong>
-                                </a>
-                                <p class="overflowClip_2">Archive of freely downloadable fonts.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.onlinewebfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.onlinewebfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/OnlineWebFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>OnlineWebFonts</strong>
-                                </a>
-                                <p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.abstractfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.abstractfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/abstractfonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Abstract Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 字体资源 -->
-            <!-- Mockup -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Mockup"></i>Mockup</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mockup.zone/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mockup.zone/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MockupZone.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>MockupZone</strong>
-                                </a>
-                                <p class="overflowClip_2">Mockup Zone is an online store where you can find free and premium PSD mockup files to show your designs in a professional way.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dunnnk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dunnnk.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Dunnnk.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dunnnk</strong>
-                                </a>
-                                <p class="overflowClip_2"> Generate Product Mockups For Free</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.graphberry.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.graphberry.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/graphberry.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Graphberry</strong>
-                                </a>
-                                <p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://threed.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://threed.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/threed.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Threed</strong>
-                                </a>
-                                <p class="overflowClip_2">Generate 3D Mockups right in your Browser</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://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mockupworld.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Mockup World</strong>
-                                </a>
-                                <p class="overflowClip_2">The best free Mockups from 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://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lstore.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Lstore</strong>
-                                </a>
-                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pixeden.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pixeden.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pixeden.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>pixeden</strong>
-                                </a>
-                                <p class="overflowClip_2">free web resources and graphic design templates.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://forgraphictm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://forgraphictm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/forgraphictm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>For Graphic TM</strong>
-                                </a>
-                                <p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Mockup -->
-            <!-- 摄影图库 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/unsplash.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Unsplash</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful, free photos.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://visualhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://visualhunt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/visualhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>visualhunt</strong>
-                                </a>
-                                <p class="overflowClip_2">100% Free High Quality Photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://librestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://librestock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/librestock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>librestock</strong>
-                                </a>
-                                <p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pixabay.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>pixabay</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.splitshire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.splitshire.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/SplitShire.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>SplitShire</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/StockSnap.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>StockSnap</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful free stock photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://albumarium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://albumarium.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/albumarium.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>albumarium</strong>
-                                </a>
-                                <p class="overflowClip_2">The best place to find & share beautiful images</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://myphotopack.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://myphotopack.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/myphotopack.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>myphotopack</strong>
-                                </a>
-                                <p class="overflowClip_2">A free photo pack just for you. Every month.</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://notaselfie.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://notaselfie.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/notaselfie.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Notaselfie</strong>
-                                </a>
-                                <p class="overflowClip_2">Photos that happen along the way. You can use the images anyway you like. Have fun!</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://papers.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/papers.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>papers</strong>
-                                </a>
-                                <p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://stokpic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://stokpic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/stokpic.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>stokpic</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://55mm.co/visuals', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://55mm.co/visuals">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/55mm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>55mm</strong>
-                                </a>
-                                <p class="overflowClip_2">Use our FREE photos to tell your story! </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://thestocks.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://thestocks.im/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/thestocks.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>thestocks</strong>
-                                </a>
-                                <p class="overflowClip_2">Use our FREE photos to tell your story! </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://freenaturestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://freenaturestock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freenaturestock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>freenaturestock</strong>
-                                </a>
-                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://negativespace.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://negativespace.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/negativespace.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>negativespace</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gratisography.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gratisography.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gratisography.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>gratisography</strong>
-                                </a>
-                                <p class="overflowClip_2">Free high-resolution pictures you can use on your personal and commercial projects, free of copyright restrictions. </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://imcreator.com/free', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://imcreator.com/free">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/imcreator.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>imcreator</strong>
-                                </a>
-                                <p class="overflowClip_2">A curated collection of free web design resources, all for commercial use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lifeofpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lifeofpix.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lifeofpix.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>lifeofpix</strong>
-                                </a>
-                                <p class="overflowClip_2">Free high resolution photography</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/skitterphoto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>skitterphoto</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mmtstock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mmtstock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mmtstock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>mmtstock</strong>
-                                </a>
-                                <p class="overflowClip_2">Free photos for commercial use</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://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/skitterphoto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>skitterphoto</strong>
-                                </a>
-                                <p class="overflowClip_2">a place to find, show and share public domain photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://magdeleine.co/browse/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://magdeleine.co/browse/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/magdeleine.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>magdeleine</strong>
-                                </a>
-                                <p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jeshoots.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jeshoots.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/jeshoots.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>jeshoots</strong>
-                                </a>
-                                <p class="overflowClip_2">New Free Photos & Mockups in to your Inbox!</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hdwallpapers.net">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/hdwallpapers.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>hdwallpapers</strong>
-                                </a>
-                                <p class="overflowClip_2">High Definition Wallpapers & Desktop Backgrounds</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://publicdomainarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://publicdomainarchive.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/publicdomainarchive.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>publicdomainarchive</strong>
-                                </a>
-                                <p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 摄影图库 -->
-            <!-- PPT资源 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.officeplus.cn/Template/Home.shtml', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.officeplus.cn/Template/Home.shtml">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/officeplus.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>OfficePLUS</strong>
-                                </a>
-                                <p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ypppt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>优品PPT</strong>
-                                </a>
-                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptplus.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptplus.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pptplus.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PPT+</strong>
-                                </a>
-                                <p class="overflowClip_2">PPT加直播、录制和分享—PPT+语音内容分享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptmind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pptmind.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PPTMind</strong>
-                                </a>
-                                <p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</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.tretars.com/ppt-templates', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.tretars.com/ppt-templates">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tretars.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>tretars</strong>
-                                </a>
-                                <p class="overflowClip_2">The best free Mockups from 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://ppt.500d.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/500d.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>5百丁</strong>
-                                </a>
-                                <p class="overflowClip_2">中国领先的PPT模板共享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END PPT资源 -->
-            <!-- 图形创意 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.adobe.com/cn/products/photoshop.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/photoshop.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/photoshop.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>photoshop</strong>
-                                </a>
-                                <p class="overflowClip_2">Photoshop不需要解释</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://affinity.serif.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://affinity.serif.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AffinityDesigner.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Affinity Designer</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.adobe.com/cn/products/illustrator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/illustrator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Illustrator.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Illustrator</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('http://www.adobe.com/cn/products/indesign.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/cn/products/indesign.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/INDESIGN .png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>indesign</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.maxon.net/en/products/cinema-4d/overview/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maxon.net/en/products/cinema-4d/overview/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/cinema4d.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>cinema-4d</strong>
-                                </a>
-                                <p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.autodesk.com/products/3ds-max/overview', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.autodesk.com/products/3ds-max/overview">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/3dsmax.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>3ds-max</strong>
-                                </a>
-                                <p class="overflowClip_2">3D modeling, animation, and rendering software</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.blender.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.blender.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/blender.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Blender</strong>
-                                </a>
-                                <p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 图形创意 -->
-            <!-- 界面设计 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch</strong>
-                                </a>
-                                <p class="overflowClip_2">The digital design toolkit</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/products/xd.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/products/xd.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ADOBEXDCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe XD</strong>
-                                </a>
-                                <p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.invisionapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.invisionapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/invisionapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>invisionapp</strong>
-                                </a>
-                                <p class="overflowClip_2">Powerful design prototyping tools</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://marvelapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://marvelapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/marvelapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>marvelapp</strong>
-                                </a>
-                                <p class="overflowClip_2">Simple design, prototyping and collaboration</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://creative.adobe.com/zh-cn/products/download/muse', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://creative.adobe.com/zh-cn/products/download/muse">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MuseCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Muse CC</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.figma.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.figma.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/figma.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>figma</strong>
-                                </a>
-                                <p class="overflowClip_2">Design, prototype, and gather feedback all in one place with Figma.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 界面设计 -->
-            <!-- 交互动效 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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.adobe.com/cn/products/aftereffects/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/aftereffects/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AdobeAfterEffectsCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe After Effects CC</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('http://principleformac.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principleformac.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/principle.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>principle</strong>
-                                </a>
-                                <p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flinto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flinto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flinto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flinto</strong>
-                                </a>
-                                <p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://framer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://framer.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/framer.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>framer</strong>
-                                </a>
-                                <p class="overflowClip_2">Design everything from detailed icons to high-fidelity interactions—all in one place.</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.protopie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.protopie.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/protopie.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ProtoPie</strong>
-                                </a>
-                                <p class="overflowClip_2">高保真交互原型设计</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 交互动效 -->
-            <!-- 在线配色 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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('http://khroma.co/generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://khroma.co/generator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/khroma.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>khroma</strong>
-                                </a>
-                                <p class="overflowClip_2">Khroma is the fastest way to discover, search, and save color combos you'll want to use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uigradients.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://uigradients.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uigradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>uigradients</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful colored gradients</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://gradients.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://gradients.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>gradients</strong>
-                                </a>
-                                <p class="overflowClip_2">Curated gradients for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webkul.github.io/coolhue/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webkul.github.io/coolhue/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Coolest.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Coolest</strong>
-                                </a>
-                                <p class="overflowClip_2">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff</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://webgradients.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webgradients.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/webgradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>webgradients</strong>
-                                </a>
-                                <p class="overflowClip_2">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.grabient.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.grabient.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/grabient.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>grabient</strong>
-                                </a>
-                                <p class="overflowClip_2">2017 Grabient by unfold</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.thedayscolor.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.thedayscolor.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/thedayscolor.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>thedayscolor</strong>
-                                </a>
-                                <p class="overflowClip_2">The daily color digest</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://flatuicolors.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://flatuicolors.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flatuicolors.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flatuicolors</strong>
-                                </a>
-                                <p class="overflowClip_2">Copy Paste Color Pallette from Flat UI Theme</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://coolors.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coolors.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/coolors.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>coolors</strong>
-                                </a>
-                                <p class="overflowClip_2">The super fast color schemes 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.colorhunt.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.colorhunt.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/colorhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>colorhunt</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful Color Palettes</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://color.adobe.com/zh/create/color-wheel', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://color.adobe.com/zh/create/color-wheel">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AdobeColorCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe Color CC</strong>
-                                </a>
-                                <p class="overflowClip_2">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.flatuicolorpicker.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.flatuicolorpicker.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flatuicolorpicker.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flatuicolorpicker</strong>
-                                </a>
-                                <p class="overflowClip_2">Best Flat Colors For UI Design</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://qrohlf.com/trianglify-generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://qrohlf.com/trianglify-generator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/trianglify.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>trianglify</strong>
-                                </a>
-                                <p class="overflowClip_2">Trianglify Generator</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://klart.co/colors/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://klart.co/colors/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/klart.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>klart</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful colors and designs to your inbox every week</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.vanschneider.com/colors', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.vanschneider.com/colors">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/vanschneider.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>vanschneider</strong>
-                                </a>
-                                <p class="overflowClip_2">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 在线配色 -->
-            <!-- 在线工具 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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://tinypng.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tinypng.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tinypng.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>tinypng</strong>
-                                </a>
-                                <p class="overflowClip_2">Optimize your images with a perfect balance in quality and file size.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://goqr.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://goqr.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/goqr.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>goqr</strong>
-                                </a>
-                                <p class="overflowClip_2">create QR codes for free (Logo, T-Shirt, vCard, EPS)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ezgif.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ezgif.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ezgif.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ezgif</strong>
-                                </a>
-                                <p class="overflowClip_2">simple online GIF maker and toolset for basic animated GIF editing.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://inloop.github.io/shadow4android/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://inloop.github.io/shadow4android/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Android9patch.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Android 9 patch</strong>
-                                </a>
-                                <p class="overflowClip_2">Android 9-patch shadow generator fully customizable shadows</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://screensiz.es/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://screensiz.es/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/screensizes.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>screen sizes</strong>
-                                </a>
-                                <p class="overflowClip_2">Viewport Sizes and Pixel Densities for Popular Devices</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://jakearchibald.github.io/svgomg/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://jakearchibald.github.io/svgomg/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/svgomg.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>svgomg</strong>
-                                </a>
-                                <p class="overflowClip_2">SVG在线压缩平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gaoding.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gaoding.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gaoding.png" class="lozad 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 在线工具 -->
-            <!-- Chrome插件 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wappalyzer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wappalyzer.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wappalyzer.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>wappalyzer</strong>
-                                </a>
-                                <p class="overflowClip_2">Identify technology on websites</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://usepanda.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://usepanda.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/usepanda.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Panda</strong>
-                                </a>
-                                <p class="overflowClip_2">A smart news reader built for productivity.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sizzy.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sizzy.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sizzy.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>sizzy</strong>
-                                </a>
-                                <p class="overflowClip_2">A tool for developing responsive websites crazy-fast</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://csspeeper.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://csspeeper.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/csspeeper.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>csspeeper</strong>
-                                </a>
-                                <p class="overflowClip_2">Smart CSS viewer tailored for Designers.</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://insight.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://insight.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/insight.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>insight</strong>
-                                </a>
-                                <p class="overflowClip_2">IDE-like code search and navigation, on the cloud</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mustsee.earth/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mustsee.earth/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mustsee.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>mustsee</strong>
-                                </a>
-                                <p class="overflowClip_2">Discover the world's most beautiful places at every opened tab.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Chrome插件 -->
-            <!-- 设计规范 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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('http://designguidelines.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://designguidelines.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/designguidelines.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Design Guidelines</strong>
-                                </a>
-                                <p class="overflowClip_2">Design Guidelines &mdash; The way products are built.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/alexpate/awesome-design-systems', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/alexpate/awesome-design-systems">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/awesome_design_systems.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Awesome design systems</strong>
-                                </a>
-                                <p class="overflowClip_2"> A collection of awesome design systems</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/guidelines/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/guidelines/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Material_Design.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Material Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Introduction - Material Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developer.apple.com/ios/human-interface-guidelines', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://developer.apple.com/ios/human-interface-guidelines">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/human_interface_guidelines.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Human Interface Guidelines</strong>
-                                </a>
-                                <p class="overflowClip_2">Human Interface Guidelines iOS</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://viggoz.com/photoshopetiquette/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://viggoz.com/photoshopetiquette/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/photoshopetiquette.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Photoshop Etiquette</strong>
-                                </a>
-                                <p class="overflowClip_2">PS礼仪-WEB设计指南</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 设计规范 -->
-            <!-- 视频教程 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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('http://www.photoshoplady.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.photoshoplady.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/PhotoshopLady.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Photoshop Lady</strong>
-                                </a>
-                                <p class="overflowClip_2">Your Favourite Photoshop Tutorials in One Place</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://doyoudo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://doyoudo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/doyoudo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>doyoudo</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('http://www.c945.com/web-ui-tutorial/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.c945.com/web-ui-tutorial/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/web_ui_tutorial.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>没位道</strong>
-                                </a>
-                                <p class="overflowClip_2">WEB UI免费视频公开课</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/imooc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>慕课网</strong>
-                                </a>
-                                <p class="overflowClip_2">程序员的梦工厂（有UI课程）</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 视频教程 -->
-            <!-- 设计文章 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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('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 data-src="../assets/images/logos/uisdc.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webdesignledger.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webdesignledger.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/webdesignledger.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Web Design Ledger</strong>
-                                </a>
-                                <p class="overflowClip_2">Web Design Blog</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Medium</strong>
-                                </a>
-                                <p class="overflowClip_2">Read, write and share stories that matter</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END 设计文章 -->
-            <!-- 设计电台 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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('http://uxcoffee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxcoffee.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxcoffee.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Coffee</strong>
-                                </a>
-                                <p class="overflowClip_2">《UX Coffee 设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://anyway.fm/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://anyway.fm/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/anyway.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Anyway.FM</strong>
-                                </a>
-                                <p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yineng.fm', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yineng.fm">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/yineng.png" class="lozad 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-tag" 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('http://littlebigdetails.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://littlebigdetails.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/littlebigdetails.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Little Big Details</strong>
-                                </a>
-                                <p class="overflowClip_2">Little Big Details is a curated collection of the finer details of design, updated every day. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.smashingmagazine.com/category/user-experience', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.smashingmagazine.com/category/user-experience">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/smashingmagazine.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Smashing Magazine</strong>
-                                </a>
-                                <p class="overflowClip_2">Below you’ll find the best tips to take not only your UX design process but also the experiences you craft to the next level.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.nngroup.com/articles/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.nngroup.com/articles/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/nngroup.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>nngroup</strong>
-                                </a>
-                                <p class="overflowClip_2">Evidence-Based User Experience Research, Training, and Consulting</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://boxesandarrows.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://boxesandarrows.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/boxesandarrows.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Boxes and Arrows</strong>
-                                </a>
-                                <p class="overflowClip_2">Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. </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://uxdesignweekly.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxdesignweekly.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxdesignweekly.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Design Weekly</strong>
-                                </a>
-                                <p class="overflowClip_2"> get a hand picked list of the best user experience design links every week. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uxren.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxren.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxren.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Ren</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.gulusucai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gulusucai.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gulusucai.png" class="lozad 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 交互设计 -->
-            <!-- UED团队 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UED团队"></i>UED团队</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://airbnb.design', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://airbnb.design">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AirbnbDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Airbnb Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Airbnb Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://facebook.design/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://facebook.design/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/FacebookDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Facebook Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Facebook Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://design.google/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://design.google/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/GoogleDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Google Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Google Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eicodesign.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eicodesign.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/eico.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>eico design</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://www.niceui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niceui.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/niceui.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>nice design</strong>
-                                </a>
-                                <p class="overflowClip_2">nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://cdc.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://cdc.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/cdc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>腾讯CDC</strong>
-                                </a>
-                                <p class="overflowClip_2">腾讯CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgideas.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgideas.qq.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tgideas.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>TGideas</strong>
-                                </a>
-                                <p class="overflowClip_2">TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://isux.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://isux.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/isux.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ISUX</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://mxd.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mxd.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mxd.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>MXD</strong>
-                                </a>
-                                <p class="overflowClip_2">腾讯MIG无线互联网事业群设计团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliued.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Aliued</strong>
-                                </a>
-                                <p class="overflowClip_2">阿里巴巴国际UED团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliuedcn.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>U一点</strong>
-                                </a>
-                                <p class="overflowClip_2">阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uedc.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uedc.163.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uedc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>网易uedc</strong>
-                                </a>
-                                <p class="overflowClip_2">网易用户体验设计中心（User Experience Design Center）</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://ued.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.baidu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uedbaidu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jdc.jd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jdc.jd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/jdc.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eux.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eux.baidu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/euxbaidu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ued.ctrip.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.ctrip.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ctrip.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>携程设计委员会</strong>
-                                </a>
-                                <p class="overflowClip_2">携程设计委员会-Ctrip Design Committee</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END UED团队 -->
+
             <!-- 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/about.html b/en/about.html
deleted file mode 100644
index fe32eb4fc..000000000
--- a/en/about.html
+++ /dev/null
@@ -1,147 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh">
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="author" content="viggo" />
-    <title>WebStack.cc - 设计师网址导航</title>
-    <meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
-    <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <link rel="shortcut icon" href="../assets/images/favicon.png">
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
-    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
-    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="../assets/css/bootstrap.css">
-    <link rel="stylesheet" href="../assets/css/xenon-core.css">
-    <link rel="stylesheet" href="../assets/css/xenon-components.css">
-    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
-    <link rel="stylesheet" href="../assets/css/nav.css">
-    <script src="../assets/js/jquery-1.11.1.min.js"></script>
-    
-    <script>
-    var _hmt = _hmt || [];
-    (function() {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
-      var s = document.getElementsByTagName("script")[0]; 
-      s.parentNode.insertBefore(hm, s);
-    })();
-    </script>
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-    <!-- / FB Open Graph -->
-    <meta property="og:type" content="article">
-    <meta property="og:url" content="http://www.webstack.cc/">
-    <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
-    <meta property="og:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
-    <meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <!-- / Twitter Cards -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
-    <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
-</head>
-
-<body class="page-body boxed-container">
-    <nav class="navbar horizontal-menu navbar-fixed-top">
-        <div class="navbar-inner">
-            <div class="navbar-brand">
-                <a href="index.html" class="logo">
-                    <img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs">
-                    <img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs">
-                </a>
-            </div>
-            <div class="navbar-mobile-clear"></div>
-            <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-        </div>
-    </nav>
-    <div class="page-container">
-        <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
-        <div class="main-content" style="">
-            <div class="row">
-                <div class="col-md-12">
-                    <div class="panel panel-default">
-                        <!-- 关于网站 -->
-                        <h4 class="text-gray">关于网站</h4>
-                        <div class="panel-body">
-                            <div class="row">
-                                <div class="col-sm-12">
-                                    <blockquote>
-                                        <p>有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
-                                        </br>
-                                        <p>如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。</p>
-                                        <p>闲聊或者有任何建议都可以加QQ群交流：304584722</p>
-                                    </blockquote>
-                                </div>
-                            </div>
-                            <!-- 关于站长 -->
-                            <h4 class="text-gray">关于站长</h4>
-                            <div class="row">
-                                <div class="col-sm-4">
-                                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.viggoz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.viggoz.com/">
-                                        <div class="xe-comment-entry">
-                                            <a class="xe-user-img">
-                                                <img src="../assets/images/logos/viggoz.png" class="img-circle" width="40">
-                                            </a>
-                                            <div class="xe-comment">
-                                                <a href="#" class="xe-user-name overflowClip_1">
-                                                    <strong>Designer. Viggo.</strong>
-                                                </a>
-                                                <p class="overflowClip_2"> Full-time UI designer with an enduring interest in Coding.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col-md-8">
-                                    <div class="row">
-                                        <div class="col-sm-12">
-                                            <br />
-                                            <blockquote>
-                                                <p>
-                                                    这是一个公益项目，而且是<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源 </a><iframe src="https://ghbtns.com/github-btn.html?user=WebStackPage&repo=WebStackPage.github.io&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站<a href="http://www.viggoz.com"><span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip">viggoz.com</span></a>中的联系方式找到我，欢迎与我交流分享。
-                                                </p>
-                                            </blockquote>
-                                        </div>
-                                    </div>
-                                    <br>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Main Footer -->
-            <footer class="main-footer sticky footer-type-1 fixed">
-                <div class="footer-inner">
-                    <div class="footer-text">
-                        &copy; 2017 - 2020
-                        <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
-                    </div>
-                    <div class="go-up">
-                        <a href="#" rel="go-top">
-                            <i class="fa-angle-up"></i>
-                        </a>
-                    </div>
-                </div>
-            </footer>
-        </div>
-    </div>
-    <!-- Bottom Scripts -->
-    <script src="assets/js/bootstrap.min.js"></script>
-    <script src="assets/js/TweenMax.min.js"></script>
-    <script src="assets/js/resizeable.js"></script>
-    <script src="assets/js/joinable.js"></script>
-    <script src="assets/js/xenon-api.js"></script>
-    <script src="assets/js/xenon-toggles.js"></script>
-    <!-- JavaScripts initializations and stuff -->
-    <script src="assets/js/xenon-custom.js"></script>
-    <textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
-</body>
-
-</html>
diff --git a/en/index.html b/en/index.html
deleted file mode 100644
index 9b782554c..000000000
--- a/en/index.html
+++ /dev/null
@@ -1,4274 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh">
-<head>
-<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-    <script>
-    (adsbygoogle = window.adsbygoogle || []).push({
-        google_ad_client: "ca-pub-8550836177608334",
-        enable_page_level_ads: true
-    });
-    </script>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="author" content="viggo" />
-    <title>WebStack.cc - Collection of resources and tools for Designers</title>
-    <meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
-    <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <link rel="shortcut icon" href="../assets/images/favicon.png">
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
-    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
-    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="../assets/css/bootstrap.css">
-    <link rel="stylesheet" href="../assets/css/xenon-core.css">
-    <link rel="stylesheet" href="../assets/css/xenon-components.css">
-    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
-    <link rel="stylesheet" href="../assets/css/nav.css">
-    <script src="../assets/js/jquery-1.11.1.min.js"></script>
-    
-    <script>
-    var _hmt = _hmt || [];
-    (function() {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
-      var s = document.getElementsByTagName("script")[0]; 
-      s.parentNode.insertBefore(hm, s);
-    })();
-    </script>
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-    <!-- / FB Open Graph -->
-    <meta property="og:type" content="article">
-    <meta property="og:url" content="http://www.webstack.cc/">
-    <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
-    <meta property="og:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
-    <meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <!-- / Twitter Cards -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、Resources网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,UX师网址导航,www.webstack.cc">
-    <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
-</head>
-
-<body class="page-body">
-    <!-- skin-white -->
-    <div class="page-container">
-        <div class="sidebar-menu toggle-others fixed">
-            <div class="sidebar-menu-inner">
-                <header class="logo-env">
-                    <!-- logo -->
-                    <div class="logo">
-                        <a href="index.html" class="logo-expanded">
-                            <img src="../assets/images/logo@2x.png" width="100%" alt="" />
-                        </a>
-                        <a href="index.html" class="logo-collapsed">
-                            <img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
-                        </a>
-                    </div>
-                    <div class="mobile-menu-toggle visible-xs">
-                        <a href="#" data-toggle="user-info-menu">
-                            <i class="linecons-cog"></i>
-                        </a>
-                        <a href="#" data-toggle="mobile-menu">
-                            <i class="fa-bars"></i>
-                        </a>
-                    </div>
-                </header>
-                <ul id="main-menu" class="main-menu">
-                    <li>
-                        <a href="#Recommended" class="smooth">
-                            <i class="linecons-star"></i>
-                            <span class="title">Recommended</span>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#Information" class="smooth">
-                            <i class="linecons-doc"></i>
-                            <span class="title">Information</span>
-                        </a>
-                    </li>
-                    <li>
-                        <a>
-                            <i class="linecons-lightbulb"></i>
-                            <span class="title">Inspiration</span>
-                        </a>
-                        <ul>
-                            <li>
-                                <a href="#Product" class="smooth">
-                                    <span class="title">Product</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#UIInspiration" class="smooth">
-                                    <span class="title">UI Inspiration</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#WEBInspiration" class="smooth">
-                                    <span class="title">WEB Inspiration</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>
-                            <i class="linecons-thumbs-up"></i>
-                            <span class="title">Resources</span>
-                        </a>
-                        <ul>
-                            <li>
-                                <a href="#Icon" class="smooth">
-                                    <span class="title">Icon</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#LogoDesign" class="smooth">
-                                    <span class="title">Logo Design</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#GraphicDesign" class="smooth">
-                                    <span class="title">Graphic Design</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#UIDesign" class="smooth">
-                                    <span class="title">UI Design</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#Sketch" class="smooth">
-                                    <span class="title">Sketch</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#Fonts" class="smooth">
-                                    <span class="title">Fonts</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#Mockup" class="smooth">
-                                    <span class="title">Mockup</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#FreePhotos" class="smooth">
-                                    <span class="title">Free Photos</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#PPT" class="smooth">
-                                    <span class="title">PPT</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li>
-                        <a>
-                            <i class="linecons-diamond"></i>
-                            <span class="title">Design Tools</span>
-                        </a>
-                        <ul>
-                            <li>
-                                <a href="#CreativeGraphics" class="smooth">
-                                    <span class="title">Creative Graphics</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#UserInterface" class="smooth">
-                                    <span class="title">User Interface</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#MotionDesign" class="smooth">
-                                    <span class="title">Motion Design</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#Colors" class="smooth">
-                                    <span class="title">Colors</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#OnlineTools" class="smooth">
-                                    <span class="title">Online Tools</span>
-                                </a>
-                            </li>
-                            <!-- <li>
-                                <a href="#Sketch插件" class="smooth">
-                                    <span class="title">Sketch插件</span>
-                                </a>
-                            </li> -->
-                            <li>
-                                <a href="#ChromePlug-ins" class="smooth">
-                                    <span class="title">Chrome Plug-ins</span>
-                                </a>
-                            </li>
-                            <!-- <li>
-                                <a href="#H5制作" class="smooth">
-                                    <span class="title">H5制作</span>
-                                </a>
-                            </li> -->
-                        </ul>
-                    </li>
-                    <li>
-                        <a>
-                            <i class="linecons-pencil"></i>
-                            <span class="title">Tutorial</span>
-                        </a>
-                        <ul>
-                            <li>
-                                <a href="#DesignGuidelines" class="smooth">
-                                    <span class="title">Design Guidelines</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#VideoTutorial" class="smooth">
-                                    <span class="title">Video Tutorial</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#DesignArticle" class="smooth">
-                                    <span class="title">Design Article</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#DesignFM" class="smooth">
-                                    <span class="title">Design FM</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#UX" class="smooth">
-                                    <span class="title">UX</span>
-                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li>
-                        <a href="#UEDTeam" class="smooth">
-                            <i class="linecons-user"></i>
-                            <span class="title">UED Team</span>
-                        </a>
-                        <!-- <ul>
-                            <li>
-                                <a href="#UEDTeam" class="smooth">
-                                    <span class="title">UEDTeam</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>
-                            <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>
-                    </li> -->
-                    <div class="submit-tag">                    
-                    <a href="about.html">
-                        <i class="linecons-heart"></i>
-                        <span class="tooltip-blue">关于本站</span>
-                        <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
-                    </a>
-                </div>
-                </ul>
-            </div>
-        </div>
-        <div class="main-content">
-            <nav class="navbar user-info-navbar" role="navigation">
-                <!-- User Info, Notifications and Menu Bar -->
-                <!-- Left links for user info navbar -->
-                <ul class="user-info-menu left-links list-inline list-unstyled">
-                    <li class="hidden-sm hidden-xs">
-                        <a href="#" data-toggle="sidebar">
-                            <i class="fa-bars"></i>
-                        </a>
-                    </li>
-
-                    <li class="dropdown hover-line language-switcher">
-                        <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
-                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
-                        </a>
-                        <ul class="dropdown-menu languages">
-                            <li>
-                                <a href="../en/index.html">
-                                    <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
-                                </a>
-                            </li>
-                            <li class="active">
-                                <a href="../cn/index.html">
-                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-                <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-            </nav>
-            <!-- Recommended -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Recommended"></i>Recommended</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 data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
-                            </a>
-                            <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('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 data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Behance</strong>
-                                </a>
-                                <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('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uicn.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UI中国</strong>
-                                </a>
-                                <p class="overflowClip_2">图形交互与User Interface交流、作品展示、学习平台。</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/zcool.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/pinterest.png" class="lozad 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>Pinterest</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('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 data-src="../assets/images/logos/huaban.png" class="lozad 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 class="col-sm-3">
-                    <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 data-src="../assets/images/logos/medium.png" class="lozad 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>Medium</strong>
-                                </a>
-                                <p class="overflowClip_2">高质量Design Article</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 data-src="../assets/images/logos/uisdc.png" class="lozad 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 data-src="../assets/images/logos/producthunt.png" class="lozad 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 data-src="../assets/images/logos/youtube.png" class="lozad 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">全球最大的学习分享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.google.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/google.png" class="lozad 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>Google</strong>
-                                </a>
-                                <p class="overflowClip_2">全球最大的UI学习分享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!-- END Recommended -->
-            <!-- 推荐 -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>Recommended</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyun.com/minisite/goods?userCode=xtct5egx&share_source=copy_link', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliyun.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>阿里云</strong>
-                                </a>
-                                <p class="overflowClip_2">200块买台云服务器吧</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xiyou4you.us/r/?s=13731627', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xiyou4you.us">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/xiyou.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.link360.top/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.link360.top">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ss-kexueshangwang.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>SS梯子</strong>
-                                </a>
-                                <p class="overflowClip_2">SS梯子-科学上网（实惠，但是不太稳）</p>
-                            </div>
-                        </div>
-                    </div>
-                </div> -->
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.shejizhoukan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.shejizhoukan.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/shejizhoukan.png" class="lozad 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 推荐 --> 
-            <!-- Information -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Information"></i>Information</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.leiphone.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/leiphone.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://36kr.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/36kr.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>36kr</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.digitaling.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.digitaling.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/digitaling.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lieyunwang.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lieyunwang.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/woshipm.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zaodula.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zaodula.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/zaodula.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.chanpin100.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/chanpin100.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pmcaff.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pmcaff.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PMCAFF</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://www.iyunying.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iyunying.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/iyunying.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/niaogebiji.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.gtn9.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gtn9.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>古田路9号</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('http://www.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uigreat.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>优阁网</strong>
-                                </a>
-                                <p class="overflowClip_2">UI设计师学习交流社区</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Information -->
-            <!-- Product -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Product"></i>Product</h4>
-            <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 data-src="../assets/images/logos/producthunt.png" class="lozad 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('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 data-src="../assets/images/logos/NEXT.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>NEXT</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://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 data-src="../assets/images/logos/sspai.png" class="lozad 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 class="col-sm-3">
-                    <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 data-src="../assets/images/logos/liqi.png" class="lozad 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>
-            <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 data-src="../assets/images/logos/today.png" class="lozad 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 data-src="../assets/images/logos/appinn.png" class="lozad 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 Product -->
-            <!-- UI Inspiration -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UIInspiration"></i>UI Inspiration</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 data-src="../assets/images/logos/Pttrns.png" class="lozad 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 data-src="../assets/images/logos/CollectUI.png" class="lozad 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 data-src="../assets/images/logos/uiuigreat.png" class="lozad 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 data-src="../assets/images/logos/AndroidNiceties.png" class="lozad 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 UI Inspiration -->
-            <br />
-            <!-- WEB Inspiration -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="WEBInspiration"></i>WEB Inspiration</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 data-src="../assets/images/logos/awwwards.png" class="lozad 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 data-src="../assets/images/logos/CSSDesignAwards.png" class="lozad 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 data-src="../assets/images/logos/fwa.png" class="lozad 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 data-src="../assets/images/logos/Ecommercefolio.png" class="lozad 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 data-src="../assets/images/logos/Lapa.png" class="lozad 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 data-src="../assets/images/logos/reeoo.png" class="lozad 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 data-src="../assets/images/logos/designmunk.png" class="lozad 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 data-src="../assets/images/logos/BWG.png" class="lozad 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 data-src="../assets/images/logos/pages.png" class="lozad 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 data-src="../assets/images/logos/SiteSee.png" class="lozad 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 data-src="../assets/images/logos/siteInspire.png" class="lozad 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 data-src="../assets/images/logos/WebInspiration.png" class="lozad 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 data-src="../assets/images/logos/navnav.png" class="lozad 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 data-src="../assets/images/logos/ReallyGoodUX.png" class="lozad 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 WEB Inspiration -->
-            <!-- Icon -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Icon"></i>Icon</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 data-src="../assets/images/logos/Iconfinder.png" class="lozad 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 data-src="../assets/images/logos/iconfont.png" class="lozad 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 data-src="../assets/images/logos/iconmonstr.png" class="lozad 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 data-src="../assets/images/logos/iconarchive.png" class="lozad 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 data-src="../assets/images/logos/FindIcons.png" class="lozad 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 data-src="../assets/images/logos/IcoMoonApp.png" class="lozad 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 data-src="../assets/images/logos/easyicon.png" class="lozad 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 data-src="../assets/images/logos/flaticon.png" class="lozad 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 data-src="../assets/images/logos/UICloud.png" class="lozad 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 data-src="../assets/images/logos/Materialicons.png" class="lozad 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 data-src="../assets/images/logos/fontawesomeicon.png" class="lozad 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 data-src="../assets/images/logos/ionicons.png" class="lozad 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 data-src="../assets/images/logos/simplelineicons.png" class="lozad 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 Icon -->
-            <!-- Logo Design -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="LogoDesign"></i>Logo Design</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 data-src="../assets/images/logos/iconsfeed.png" class="lozad 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 data-src="../assets/images/logos/iosicongallery.png" class="lozad 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 data-src="../assets/images/logos/worldvectorlogo.png" class="lozad 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 data-src="../assets/images/logos/InstantLogoSearch.png" class="lozad 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>
-            <br />
-            <!--END Logo Design -->
-            <!-- Graphic Design -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="GraphicDesign"></i>Graphic Design</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.freepik.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.freepik.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freepik.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>freepik</strong>
-                                </a>
-                                <p class="overflowClip_2">More than a million free vectors, PSD, photos and 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://wallhalla.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wallhalla.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wallhalla.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>wallhalla</strong>
-                                </a>
-                                <p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://365psd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://365psd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/365PSD.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>365PSD</strong>
-                                </a>
-                                <p class="overflowClip_2">Free PSD &amp; Graphics, Illustrations</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medialoot.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Medialoot.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Medialoot</strong>
-                                </a>
-                                <p class="overflowClip_2">Free &amp; Premium Design Resources &mdash; Medialoot</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.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/qiantu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://588ku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/qianku.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>千库网</strong>
-                                </a>
-                                <p class="overflowClip_2">免费png图片背景素材下载</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wotu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://90sheji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://90sheji.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/90sheji.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>90设计</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://www.nipic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/nipic.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lanrentuku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lanrentuku.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lanrentuku.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://so.ui001.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://so.ui001.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sousucai.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://psefan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://psefan.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/psefan.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PS饭团网</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://www.sccnn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sccnn.png" class="lozad 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 素材图库 -->
-            <!-- UI Design -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UIDesign"></i>UI Design</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesbug.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesbug.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freebiesbug.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Freebiesbug</strong>
-                                </a>
-                                <p class="overflowClip_2">Hand-picked resources for web designer and developers, constantly updated.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesupply.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesupply.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freebiesupply.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Freebie Supply</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Resources For Designers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yrucd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yrucd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/yrucd.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmodo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmodo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Designmodo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Designmodo</strong>
-                                </a>
-                                <p class="overflowClip_2">Web Design Blog and Shop</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://xituqu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xituqu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/xituqu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ui8.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ui8.net/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ui8.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ui8</strong>
-                                </a>
-                                <p class="overflowClip_2">UI Kits, Wireframe Kits, Templates, Icons and More</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.uplabs.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.uplabs.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uplabs.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>uplabs</strong>
-                                </a>
-                                <p class="overflowClip_2">Daily resources for product designers & developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uikit.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uikit.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uikitme.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UIkit.me</strong>
-                                </a>
-                                <p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</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.fribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fribbble.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Fribbble.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">Free PSD files and other free design resources by Dribbblers.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://principlerepo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principlerepo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/PrincipleRepo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PrincipleRepo</strong>
-                                </a>
-                                <p class="overflowClip_2">Free, High Quality Principle Resources</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END UI Design -->
-            <!-- Sketch -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Sketch"></i>Sketch</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Sketch.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch</strong>
-                                </a>
-                                <p class="overflowClip_2">The digital design toolkit</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://utom.design/measure/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://utom.design/measure/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/SketchMeasure.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch Measure</strong>
-                                </a>
-                                <p class="overflowClip_2">Friendly user interface offers you a more intuitive way of making marks.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchappsources.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchappsources.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchappsources.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch App Sources</strong>
-                                </a>
-                                <p class="overflowClip_2">Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketch.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketch.im/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchIm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch.im</strong>
-                                </a>
-                                <p class="overflowClip_2">Sketch 相关资源汇聚</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://sketchhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sketchhunt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch Hunt</strong>
-                                </a>
-                                <p class="overflowClip_2">Sketch Hunt is an independent blog sharing gems in learning, plugins &amp; design tools for fans of Sketch app.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketchcn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketchcn.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchcn.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch中文网</strong>
-                                </a>
-                                <p class="overflowClip_2">分享最新的Sketch中文手册</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://awesome-sket.ch/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://awesome-sket.ch/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AwesomeSketchPlugins.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Awesome Sketch Plugins</strong>
-                                </a>
-                                <p class="overflowClip_2">A collection of really useful Sketch plugins.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchcasts.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchcasts.net/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchcasts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketchcasts</strong>
-                                </a>
-                                <p class="overflowClip_2">Learn Sketch Train your design skills with a weekly video tutorial</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Sketch -->
-            <!-- Fonts -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Fonts"></i>Fonts</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fonts.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts.google.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/googlefont.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Google Font</strong>
-                                </a>
-                                <p class="overflowClip_2">Making the web more beautiful, fast, and open through great typography</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://typekit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://typekit.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/typekit.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Typekit</strong>
-                                </a>
-                                <p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Fondertype.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ziticq.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ziticq.png" class="lozad 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>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sicangziti.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sicangziti.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sicangziti.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.fontsquirrel.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.fontsquirrel.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fontsquirrel.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fontsquirrel</strong>
-                                </a>
-                                <p class="overflowClip_2">FREE fonts for graphic designers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.urbanfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.urbanfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/UrbanFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Urban Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Download Free Fonts and Free Dingbats.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.losttype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.losttype.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/losttype.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Lost Type</strong>
-                                </a>
-                                <p class="overflowClip_2">Lost Type is a Collaborative Digital Type Foundry</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://fonts2u.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts2u.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fonts2u.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>FONTS2U</strong>
-                                </a>
-                                <p class="overflowClip_2">Download free fonts for Windows and Macintosh.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fontex.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fontex.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/fontex.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Fontex</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Fonts to Download + Premium Typefaces</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://fontm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://fontm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/FontM.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>FontM</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Fonts</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.myfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.myfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MyFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>My Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Fonts for Print, Products & Screens</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.dafont.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.dafont.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/dafont.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Da Font</strong>
-                                </a>
-                                <p class="overflowClip_2">Archive of freely downloadable fonts.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.onlinewebfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.onlinewebfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/OnlineWebFonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>OnlineWebFonts</strong>
-                                </a>
-                                <p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.abstractfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.abstractfonts.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/abstractfonts.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Abstract Fonts</strong>
-                                </a>
-                                <p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Fonts -->
-            <!-- Mockup -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Mockup"></i>Mockup</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mockup.zone/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mockup.zone/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MockupZone.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>MockupZone</strong>
-                                </a>
-                                <p class="overflowClip_2">Mockup Zone is an online store where you can find free and premium PSD mockup files to show your designs in a professional way.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dunnnk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dunnnk.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Dunnnk.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dunnnk</strong>
-                                </a>
-                                <p class="overflowClip_2"> Generate Product Mockups For Free</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.graphberry.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.graphberry.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/graphberry.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Graphberry</strong>
-                                </a>
-                                <p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://threed.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://threed.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/threed.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Threed</strong>
-                                </a>
-                                <p class="overflowClip_2">Generate 3D Mockups right in your Browser</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://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mockupworld.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Mockup World</strong>
-                                </a>
-                                <p class="overflowClip_2">The best free Mockups from 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://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lstore.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Lstore</strong>
-                                </a>
-                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pixeden.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pixeden.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pixeden.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>pixeden</strong>
-                                </a>
-                                <p class="overflowClip_2">free web resources and graphic design templates.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://forgraphictm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://forgraphictm.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/forgraphictm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>For Graphic TM</strong>
-                                </a>
-                                <p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Mockup -->
-            <!-- Free Photos -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="FreePhotos"></i>Free Photos</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/unsplash.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Unsplash</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful, free photos.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://visualhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://visualhunt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/visualhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>visualhunt</strong>
-                                </a>
-                                <p class="overflowClip_2">100% Free High Quality Photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://librestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://librestock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/librestock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>librestock</strong>
-                                </a>
-                                <p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pixabay.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>pixabay</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.splitshire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.splitshire.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/SplitShire.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>SplitShire</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/StockSnap.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>StockSnap</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful free stock photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://albumarium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://albumarium.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/albumarium.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>albumarium</strong>
-                                </a>
-                                <p class="overflowClip_2">The best place to find & share beautiful images</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://myphotopack.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://myphotopack.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/myphotopack.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>myphotopack</strong>
-                                </a>
-                                <p class="overflowClip_2">A free photo pack just for you. Every month.</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://notaselfie.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://notaselfie.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/notaselfie.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Notaselfie</strong>
-                                </a>
-                                <p class="overflowClip_2">Photos that happen along the way. You can use the images anyway you like. Have fun!</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://papers.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/papers.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>papers</strong>
-                                </a>
-                                <p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://stokpic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://stokpic.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/stokpic.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>stokpic</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://55mm.co/visuals', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://55mm.co/visuals">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/55mm.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>55mm</strong>
-                                </a>
-                                <p class="overflowClip_2">Use our FREE photos to tell your story! </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://thestocks.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://thestocks.im/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/thestocks.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>thestocks</strong>
-                                </a>
-                                <p class="overflowClip_2">Use our FREE photos to tell your story! </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://freenaturestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://freenaturestock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/freenaturestock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>freenaturestock</strong>
-                                </a>
-                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://negativespace.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://negativespace.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/negativespace.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>negativespace</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gratisography.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gratisography.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gratisography.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>gratisography</strong>
-                                </a>
-                                <p class="overflowClip_2">Free high-resolution pictures you can use on your personal and commercial projects, free of copyright restrictions. </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://imcreator.com/free', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://imcreator.com/free">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/imcreator.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>imcreator</strong>
-                                </a>
-                                <p class="overflowClip_2">A curated collection of free web design resources, all for commercial use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lifeofpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lifeofpix.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/lifeofpix.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>lifeofpix</strong>
-                                </a>
-                                <p class="overflowClip_2">Free high resolution photography</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/skitterphoto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>skitterphoto</strong>
-                                </a>
-                                <p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mmtstock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mmtstock.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mmtstock.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>mmtstock</strong>
-                                </a>
-                                <p class="overflowClip_2">Free photos for commercial use</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://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/skitterphoto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>skitterphoto</strong>
-                                </a>
-                                <p class="overflowClip_2">a place to find, show and share public domain photos</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://magdeleine.co/browse/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://magdeleine.co/browse/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/magdeleine.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>magdeleine</strong>
-                                </a>
-                                <p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jeshoots.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jeshoots.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/jeshoots.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>jeshoots</strong>
-                                </a>
-                                <p class="overflowClip_2">New Free Photos & Mockups in to your Inbox!</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hdwallpapers.net">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/hdwallpapers.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>hdwallpapers</strong>
-                                </a>
-                                <p class="overflowClip_2">High Definition Wallpapers & Desktop Backgrounds</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://publicdomainarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://publicdomainarchive.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/publicdomainarchive.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>publicdomainarchive</strong>
-                                </a>
-                                <p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Free Photos -->
-            <!-- PPT -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PPT"></i>PPT</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.officeplus.cn/Template/Home.shtml', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.officeplus.cn/Template/Home.shtml">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/officeplus.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>OfficePLUS</strong>
-                                </a>
-                                <p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ypppt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>优品PPT</strong>
-                                </a>
-                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptplus.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptplus.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pptplus.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PPT+</strong>
-                                </a>
-                                <p class="overflowClip_2">PPT加直播、录制和分享—PPT+语音内容分享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptmind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/pptmind.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>PPTMind</strong>
-                                </a>
-                                <p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</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.tretars.com/ppt-templates', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.tretars.com/ppt-templates">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tretars.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>tretars</strong>
-                                </a>
-                                <p class="overflowClip_2">The best free Mockups from 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://ppt.500d.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/500d.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>5百丁</strong>
-                                </a>
-                                <p class="overflowClip_2">中国领先的PPT模板共享平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END PPT -->
-            <!-- Creative Graphics -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="CreativeGraphics"></i>Creative Graphics</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/photoshop.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/photoshop.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/photoshop.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>photoshop</strong>
-                                </a>
-                                <p class="overflowClip_2">Photoshop不需要解释</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://affinity.serif.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://affinity.serif.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AffinityDesigner.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Affinity Designer</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.adobe.com/cn/products/illustrator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/illustrator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Illustrator.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Illustrator</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('http://www.adobe.com/cn/products/indesign.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/cn/products/indesign.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/INDESIGN .png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>indesign</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.maxon.net/en/products/cinema-4d/overview/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maxon.net/en/products/cinema-4d/overview/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/cinema4d.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>cinema-4d</strong>
-                                </a>
-                                <p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.autodesk.com/products/3ds-max/overview', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.autodesk.com/products/3ds-max/overview">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/3dsmax.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>3ds-max</strong>
-                                </a>
-                                <p class="overflowClip_2">3D modeling, animation, and rendering software</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.blender.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.blender.org/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/blender.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Blender</strong>
-                                </a>
-                                <p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Creative Graphics -->
-            <!-- User Interface -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UserInterface"></i>User Interface</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sketchapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Sketch</strong>
-                                </a>
-                                <p class="overflowClip_2">The digital design toolkit</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/products/xd.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/products/xd.html">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ADOBEXDCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe XD</strong>
-                                </a>
-                                <p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.invisionapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.invisionapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/invisionapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>invisionapp</strong>
-                                </a>
-                                <p class="overflowClip_2">Powerful design prototyping tools</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://marvelapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://marvelapp.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/marvelapp.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>marvelapp</strong>
-                                </a>
-                                <p class="overflowClip_2">Simple design, prototyping and collaboration</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://creative.adobe.com/zh-cn/products/download/muse', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://creative.adobe.com/zh-cn/products/download/muse">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/MuseCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Muse CC</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.figma.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.figma.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/figma.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>figma</strong>
-                                </a>
-                                <p class="overflowClip_2">Design, prototype, and gather feedback all in one place with Figma.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END User Interface -->
-            <!-- Motion Design -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="MotionDesign"></i>Motion Design</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/aftereffects/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/aftereffects/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AdobeAfterEffectsCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe After Effects CC</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('http://principleformac.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principleformac.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/principle.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>principle</strong>
-                                </a>
-                                <p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flinto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flinto.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flinto.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flinto</strong>
-                                </a>
-                                <p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://framer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://framer.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/framer.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>framer</strong>
-                                </a>
-                                <p class="overflowClip_2">Design everything from detailed icons to high-fidelity interactions—all in one place.</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.protopie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.protopie.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/protopie.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ProtoPie</strong>
-                                </a>
-                                <p class="overflowClip_2">高保真交互原型设计</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Motion Design -->
-            <!-- Colors -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Colors"></i>Colors</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://khroma.co/generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://khroma.co/generator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/khroma.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>khroma</strong>
-                                </a>
-                                <p class="overflowClip_2">Khroma is the fastest way to discover, search, and save color combos you'll want to use.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uigradients.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://uigradients.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uigradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>uigradients</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful colored gradients</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://gradients.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://gradients.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>gradients</strong>
-                                </a>
-                                <p class="overflowClip_2">Curated gradients for designers and developers</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webkul.github.io/coolhue/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webkul.github.io/coolhue/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Coolest.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Coolest</strong>
-                                </a>
-                                <p class="overflowClip_2">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff</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://webgradients.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webgradients.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/webgradients.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>webgradients</strong>
-                                </a>
-                                <p class="overflowClip_2">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.grabient.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.grabient.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/grabient.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>grabient</strong>
-                                </a>
-                                <p class="overflowClip_2">2017 Grabient by unfold</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.thedayscolor.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.thedayscolor.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/thedayscolor.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>thedayscolor</strong>
-                                </a>
-                                <p class="overflowClip_2">The daily color digest</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://flatuicolors.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://flatuicolors.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flatuicolors.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flatuicolors</strong>
-                                </a>
-                                <p class="overflowClip_2">Copy Paste Color Pallette from Flat UI Theme</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://coolors.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coolors.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/coolors.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>coolors</strong>
-                                </a>
-                                <p class="overflowClip_2">The super fast color schemes 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.colorhunt.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.colorhunt.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/colorhunt.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>colorhunt</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful Color Palettes</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://color.adobe.com/zh/create/color-wheel', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://color.adobe.com/zh/create/color-wheel">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AdobeColorCC.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Adobe Color CC</strong>
-                                </a>
-                                <p class="overflowClip_2">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.flatuicolorpicker.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.flatuicolorpicker.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/flatuicolorpicker.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>flatuicolorpicker</strong>
-                                </a>
-                                <p class="overflowClip_2">Best Flat Colors For UI Design</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://qrohlf.com/trianglify-generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://qrohlf.com/trianglify-generator/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/trianglify.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>trianglify</strong>
-                                </a>
-                                <p class="overflowClip_2">Trianglify Generator</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://klart.co/colors/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://klart.co/colors/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/klart.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>klart</strong>
-                                </a>
-                                <p class="overflowClip_2">Beautiful colors and designs to your inbox every week</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.vanschneider.com/colors', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.vanschneider.com/colors">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/vanschneider.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>vanschneider</strong>
-                                </a>
-                                <p class="overflowClip_2">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Colors -->
-            <!-- Online Tools -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="OnlineTools"></i>Online Tools</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tinypng.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tinypng.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tinypng.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>tinypng</strong>
-                                </a>
-                                <p class="overflowClip_2">Optimize your images with a perfect balance in quality and file size.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://goqr.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://goqr.me/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/goqr.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>goqr</strong>
-                                </a>
-                                <p class="overflowClip_2">create QR codes for free (Logo, T-Shirt, vCard, EPS)</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ezgif.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ezgif.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ezgif.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ezgif</strong>
-                                </a>
-                                <p class="overflowClip_2">simple online GIF maker and toolset for basic animated GIF editing.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://inloop.github.io/shadow4android/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://inloop.github.io/shadow4android/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Android9patch.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Android 9 patch</strong>
-                                </a>
-                                <p class="overflowClip_2">Android 9-patch shadow generator fully customizable shadows</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://screensiz.es/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://screensiz.es/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/screensizes.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>screen sizes</strong>
-                                </a>
-                                <p class="overflowClip_2">Viewport Sizes and Pixel Densities for Popular Devices</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://jakearchibald.github.io/svgomg/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://jakearchibald.github.io/svgomg/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/svgomg.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>svgomg</strong>
-                                </a>
-                                <p class="overflowClip_2">SVG在线压缩平台</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gaoding.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gaoding.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/gaoding.png" class="lozad 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 Online Tools -->
-            <!-- Chrome Plug-ins -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="ChromePlug-ins"></i>Chrome Plug-ins</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wappalyzer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wappalyzer.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/wappalyzer.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>wappalyzer</strong>
-                                </a>
-                                <p class="overflowClip_2">Identify technology on websites</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://usepanda.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://usepanda.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/usepanda.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Panda</strong>
-                                </a>
-                                <p class="overflowClip_2">A smart news reader built for productivity.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sizzy.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sizzy.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/sizzy.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>sizzy</strong>
-                                </a>
-                                <p class="overflowClip_2">A tool for developing responsive websites crazy-fast</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://csspeeper.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://csspeeper.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/csspeeper.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>csspeeper</strong>
-                                </a>
-                                <p class="overflowClip_2">Smart CSS viewer tailored for Designers.</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://insight.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://insight.io/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/insight.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>insight</strong>
-                                </a>
-                                <p class="overflowClip_2">IDE-like code search and navigation, on the cloud</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mustsee.earth/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mustsee.earth/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mustsee.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>mustsee</strong>
-                                </a>
-                                <p class="overflowClip_2">Discover the world's most beautiful places at every opened tab.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Chrome Plug-ins -->
-            <!-- Design Guidelines -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="DesignGuidelines"></i>Design Guidelines</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://designguidelines.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://designguidelines.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/designguidelines.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Design Guidelines</strong>
-                                </a>
-                                <p class="overflowClip_2">Design Guidelines &mdash; The way products are built.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/alexpate/awesome-design-systems', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/alexpate/awesome-design-systems">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/awesome_design_systems.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Awesome design systems</strong>
-                                </a>
-                                <p class="overflowClip_2"> A collection of awesome design systems</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/guidelines/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/guidelines/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/Material_Design.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Material Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Introduction - Material Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developer.apple.com/ios/human-interface-guidelines', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://developer.apple.com/ios/human-interface-guidelines">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/human_interface_guidelines.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Human Interface Guidelines</strong>
-                                </a>
-                                <p class="overflowClip_2">Human Interface Guidelines iOS</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://viggoz.com/photoshopetiquette/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://viggoz.com/photoshopetiquette/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/photoshopetiquette.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Photoshop Etiquette</strong>
-                                </a>
-                                <p class="overflowClip_2">PS礼仪-WEB设计指南</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Design Guidelines -->
-            <!-- Video Tutorial -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="VideoTutorial"></i>Video Tutorial</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.photoshoplady.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.photoshoplady.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/PhotoshopLady.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Photoshop Lady</strong>
-                                </a>
-                                <p class="overflowClip_2">Your Favourite Photoshop Tutorials in One Place</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://doyoudo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://doyoudo.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/doyoudo.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>doyoudo</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('http://www.c945.com/web-ui-tutorial/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.c945.com/web-ui-tutorial/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/web_ui_tutorial.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>没位道</strong>
-                                </a>
-                                <p class="overflowClip_2">WEB UI免费视频公开课</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/imooc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>慕课网</strong>
-                                </a>
-                                <p class="overflowClip_2">程序员的梦工厂（有UI课程）</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Video Tutorial -->
-            <!-- Design Article -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="DesignArticle"></i>Design Article</h4>
-            <div class="row">
-                <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 data-src="../assets/images/logos/uisdc.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webdesignledger.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webdesignledger.com">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/webdesignledger.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Web Design Ledger</strong>
-                                </a>
-                                <p class="overflowClip_2">Web Design Blog</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Medium</strong>
-                                </a>
-                                <p class="overflowClip_2">Read, write and share stories that matter</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END Design Article -->
-            <!-- Design FM -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="DesignFM"></i>Design FM</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uxcoffee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxcoffee.co/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxcoffee.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Coffee</strong>
-                                </a>
-                                <p class="overflowClip_2">《UX Coffee 设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://anyway.fm/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://anyway.fm/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/anyway.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Anyway.FM</strong>
-                                </a>
-                                <p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yineng.fm', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yineng.fm">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/yineng.png" class="lozad 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 Design FM -->
-            <!-- UX -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UX"></i>UX</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://littlebigdetails.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://littlebigdetails.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/littlebigdetails.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Little Big Details</strong>
-                                </a>
-                                <p class="overflowClip_2">Little Big Details is a curated collection of the finer details of design, updated every day. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.smashingmagazine.com/category/user-experience', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.smashingmagazine.com/category/user-experience">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/smashingmagazine.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Smashing Magazine</strong>
-                                </a>
-                                <p class="overflowClip_2">Below you’ll find the best tips to take not only your UX design process but also the experiences you craft to the next level.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.nngroup.com/articles/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.nngroup.com/articles/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/nngroup.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>nngroup</strong>
-                                </a>
-                                <p class="overflowClip_2">Evidence-Based User Experience Research, Training, and Consulting</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://boxesandarrows.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://boxesandarrows.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/boxesandarrows.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Boxes and Arrows</strong>
-                                </a>
-                                <p class="overflowClip_2">Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. </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://uxdesignweekly.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxdesignweekly.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxdesignweekly.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Design Weekly</strong>
-                                </a>
-                                <p class="overflowClip_2"> get a hand picked list of the best user experience design links every week. </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uxren.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxren.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uxren.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UX Ren</strong>
-                                </a>
-                                <p class="overflowClip_2">用户体验人的专业社区</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END UX -->
-            <!-- UEDTeam -->
-            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UEDTeam"></i>UED Team</h4>
-            <div class="row">
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://airbnb.design', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://airbnb.design">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/AirbnbDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Airbnb Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Airbnb Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://facebook.design/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://facebook.design/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/FacebookDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Facebook Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Facebook Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://design.google/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://design.google/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/GoogleDesign.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Google Design</strong>
-                                </a>
-                                <p class="overflowClip_2">Google Design</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eicodesign.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eicodesign.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/eico.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>eico design</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://www.niceui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niceui.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/niceui.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>nice design</strong>
-                                </a>
-                                <p class="overflowClip_2">nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://cdc.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://cdc.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/cdc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>腾讯CDC</strong>
-                                </a>
-                                <p class="overflowClip_2">腾讯CDC关注于互联网视觉设计、UX、用户研究、前端开发。</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgideas.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgideas.qq.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/tgideas.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>TGideas</strong>
-                                </a>
-                                <p class="overflowClip_2">TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://isux.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://isux.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/isux.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>ISUX</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://mxd.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mxd.tencent.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/mxd.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>MXD</strong>
-                                </a>
-                                <p class="overflowClip_2">腾讯MIG无线互联网事业群设计团队</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliued.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Aliued</strong>
-                                </a>
-                                <p class="overflowClip_2">阿里巴巴国际UEDTeam</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/aliuedcn.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>U一点</strong>
-                                </a>
-                                <p class="overflowClip_2">阿里巴巴（中国站）用户体验设计部博客U一点设计 UEDTeam</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uedc.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uedc.163.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uedc.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>网易uedc</strong>
-                                </a>
-                                <p class="overflowClip_2">网易用户体验设计中心（User Experience Design Center）</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://ued.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.baidu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uedbaidu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jdc.jd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jdc.jd.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/jdc.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eux.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eux.baidu.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/euxbaidu.png" class="lozad 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 class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ued.ctrip.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.ctrip.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/ctrip.png" class="lozad img-circle" width="40">
-                            </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>携程设计委员会</strong>
-                                </a>
-                                <p class="overflowClip_2">携程设计委员会-Ctrip Design Committee</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br />
-            <!--END UEDTeam -->
-            <!-- 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) -->
-            <!-- Or class "fixed" to  always fix the footer to the end of page -->
-            <footer class="main-footer sticky footer-type-1">
-                <div class="footer-inner">
-                    <!-- Add your copyright text here -->
-                    <div class="footer-text">
-                        &copy; 2017-2020
-                        <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
-                        <!--  - Purchase for only <strong>23$</strong> -->
-                    </div>
-                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
-                    <div class="go-up">
-                        <a href="#" rel="go-top">
-                            <i class="fa-angle-up"></i>
-                        </a>
-                    </div>
-                </div>
-            </footer>
-        </div>
-    </div>
-    <!-- 锚点平滑移动 -->
-    <script type="text/javascript">
-     $(document).ready(function() {
-         //img lazy loaded
-         const observer = lozad();
-         observer.observe();
-
-         $(document).on('click', '.has-sub', function(){
-            var _this = $(this)
-            if(!$(this).hasClass('expanded')) {
-               setTimeout(function(){
-                    _this.find('ul').attr("style","")
-               }, 300);
-              
-            } else {
-                $('.has-sub ul').each(function(id,ele){
-                    var _that = $(this)
-                    if(_this.find('ul')[0] != ele) {
-                        setTimeout(function(){
-                            _that.attr("style","")
-                        }, 300);
-                    }
-                })
-            }
-        })
-        $('.user-info-menu .hidden-sm').click(function(){
-            if($('.sidebar-menu').hasClass('collapsed')) {
-                $('.has-sub.expanded > ul').attr("style","")
-            } else {
-                $('.has-sub.expanded > ul').show()
-            }
-        })
-         $("#main-menu li ul li").click(function() {
-             $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
-             $(this).addClass('active'); // 添加当前元素的样式
-         });
-         $("a.smooth").click(function(ev) {
-             ev.preventDefault();
-
-             public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
-             ps_destroy();
-             $("html, body").animate({
-                 scrollTop: $($(this).attr("href")).offset().top - 30
-             }, {
-                 duration: 500,
-                 easing: "swing"
-             });
-         });
-            return false;
-    });
-
-    var href = "";
-    var pos = 0;
-    $("a.smooth").click(function(e) {
-        $("#main-menu li").each(function() {
-            $(this).removeClass("active");
-        });
-        $(this).parent("li").addClass("active");
-        e.preventDefault();
-        href = $(this).attr("href");
-        pos = $(href).position().top - 30;
-    });
-    </script>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-111463289-1"></script>
-    <script>
-    window.dataLayer = window.dataLayer || [];
-
-    function gtag() {
-        dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
-
-    gtag('config', 'UA-111463289-1');
-    </script>
-    <!-- Bottom Scripts -->
-    <script src="../assets/js/bootstrap.min.js"></script>
-    <script src="../assets/js/TweenMax.min.js"></script>
-    <script src="../assets/js/resizeable.js"></script>
-    <script src="../assets/js/joinable.js"></script>
-    <script src="../assets/js/xenon-api.js"></script>
-    <script src="../assets/js/xenon-toggles.js"></script>
-    <!-- JavaScripts initializations and stuff -->
-    <script src="../assets/js/xenon-custom.js"></script>
-    <script src="../assets/js/lozad.js"></script>
-</body>
-
-</html>
diff --git a/index.html b/index.html
index f8a14497e..efe897d23 100644
--- a/index.html
+++ b/index.html
@@ -21,23 +21,16 @@
     });
     </script>
     <meta charset="UTF-8">
-    <title>WebStack.cc - 设计师网址导航</title>
+    <title>nav.yuanjh.cn - 百宝箱</title>
     <script>
     if (navigator.appName == "Netscape") {
         var language = navigator.language;
     } else {
         var language = navigator.browserLanguage;
-
     }
 
-    if (language.indexOf("en") > -1) {
-        document.location.href = "en/index.html";
-    } else if (language.indexOf("zh") > -1) {
-        document.location.href = "cn/index.html";
-    } else {
-        document.location.href = "en/index.html";
 
-    }
+    document.location.href = "cn/index.html";
     </script>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">

From cedccf0ee54555250842b86b1063a1feb7fac82b Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 19:59:11 +0800
Subject: [PATCH 02/19] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/index.html | 860 ++++++++++++++++++++++++++++++++++----------------
 1 file changed, 584 insertions(+), 276 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index 4dad5550d..d832a3208 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -2,29 +2,30 @@
 <html lang="zh">
 
 <head>
-    <script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
+    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
     </script>
     <script>
-    (adsbygoogle = window.adsbygoogle || []).push({
-        google_ad_client: "ca-pub-8550836177608334",
-        enable_page_level_ads: true
-    });
+        (adsbygoogle = window.adsbygoogle || []).push({
+            google_ad_client: "ca-pub-8550836177608334",
+            enable_page_level_ads: true
+        });
     </script>
     <script>
-    var _hmt = _hmt || [];
-    (function() {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
-      var s = document.getElementsByTagName("script")[0]; 
-      s.parentNode.insertBefore(hm, s);
-    })();
+        var _hmt = _hmt || [];
+        (function () {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
     </script>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="author" content="viggo" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="author" content="viggo"/>
     <title>WebStack.cc - 设计师网址导航</title>
-    <meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+    <meta name="keywords"
+          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
     <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
     <link rel="shortcut icon" href="../assets/images/favicon.png">
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
@@ -38,334 +39,641 @@
     <script src="../assets/js/jquery-1.11.1.min.js"></script>
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
     <!-- / FB Open Graph -->
     <meta property="og:type" content="article">
     <meta property="og:url" content="http://www.webstack.cc/">
     <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+    <meta property="og:description"
+          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
     <meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
-    <meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta property="og:site_name"
+          content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
     <!-- / Twitter Cards -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+    <meta name="twitter:description"
+          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
     <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
 </head>
 
 <body class="page-body">
-    <!-- skin-white -->
-    <div class="page-container">
-        <div class="sidebar-menu toggle-others fixed">
-            <div class="sidebar-menu-inner">
-                <header class="logo-env">
-                    <!-- logo -->
-                    <div class="logo">
-                        <a href="index.html" class="logo-expanded">
-                            <img src="../assets/images/logo@2x.png" width="100%" alt="" />
-                        </a>
-                        <a href="index.html" class="logo-collapsed">
-                            <img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
-                        </a>
-                    </div>
-                    <div class="mobile-menu-toggle visible-xs">
-                        <a href="#" data-toggle="user-info-menu">
-                            <i class="linecons-cog"></i>
-                        </a>
-                        <a href="#" data-toggle="mobile-menu">
-                            <i class="fa-bars"></i>
-                        </a>
-                    </div>
-                </header>
-                <ul id="main-menu" class="main-menu">
-                    <li>
-                        <a href="#常用推荐" class="smooth">
-                            <i class="linecons-star"></i>
-                            <span class="title">常用推荐</span>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#社区资讯" class="smooth">
-                            <i class="linecons-doc"></i>
-                            <span class="title">社区资讯</span>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="about.html">
-                            <i class="linecons-heart"></i>
-                            <span class="tooltip-blue">关于本站</span>
-                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
-                        </a>
-                    </li>
-                </ul>
-            </div>
+<style>
+
+    /* 搜索框 css begin*/
+    #search {
+        max-width: 717px;
+        margin: 56px auto 14px
+    }
+
+    #search form {
+        position: relative
+    }
+
+    #search-text {
+        padding: 12px;
+        width: 100%;
+        height: 48px;
+        line-height: 48px;
+        font-size: 16px;
+        border: 0;
+        border-radius: 3px
+    }
+
+    #search button {
+        position: absolute;
+        top: 0;
+        right: 0;
+        background: #2c2e2f; /*#008b5f;*/
+        border: 0;
+        width: 48px;
+        height: 48px;
+        line-height: 48px;
+        border-radius: 0 3px 3px 0
+    }
+
+    #search button:hover {
+        background: #979898;
+        cursor: pointer
+    }
+
+    #search button i {
+        color: #fff;
+        font-size: 18px
+    }
+
+    .search-group {
+        /*display: none;*/
+        padding-left: 30px;
+        position: relative;
+        bottom: -15px;
+        overflow: hidden;
+    }
+
+    .type-text {
+        position: absolute;
+        left: 0;
+        width: 75px;
+        padding-left: 12px;
+        font-size: 16px;
+        line-height: 31px
+    }
+
+    .type-text:after {
+        content: '';
+        font-family: FontAwesome;
+        margin: 0 0 0 15px
+    }
+
+    .s-current .search-typ {
+        display: block
+    }
+
+    #search-list {
+        position: relative
+    }
+
+
+    .search-typ {
+        white-space: nowrap
+    }
+
+    .search-typ li {
+        display: inline-block
+    }
+
+    .search-typ li label {
+        display: inline-block;
+        padding: 0 11px;
+        font-size: 13px;
+        line-height: 31px;
+        border-radius: 3px 3px 0 0;
+        cursor: pointer
+    }
+
+    .search-typ input:checked + label {
+        background-color: #d3d3d3
+    }
+
+    .search-typ li {
+        list-style: none;
+        display: inline-block
+    }
+
+    #search {
+        margin: 25px auto 15px
+    }
+
+    .search-typ {
+        /*overflow: scroll*/
+    }
+
+    .search-list {
+        height: 30px;
+        overflow-y: hidden;
+        overflow-x: scroll;
+        white-space: nowrap
+    }
+
+    .search-list label {
+        padding: 8px 12px 7px
+    }
+
+
+    .s-type {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 13;
+        width: 75px
+    }
+
+    .s-type:hover {
+        height: auto
+    }
+
+    .s-type > span {
+        display: block;
+        height: 31px;
+        width: 75px
+    }
+
+    .s-type-list {
+        display: none;
+        position: absolute;
+        top: 31px;
+        padding: 12px 0;
+        width: 75px;
+        background: #fff;
+        border-radius: 4px;
+        box-shadow: 0 5px 11px rgba(0, 0, 0, .16)
+    }
+
+    .s-type-list:before {
+        position: absolute;
+        top: -16px;
+        left: 10px;
+        content: ' ';
+        display: block;
+        width: 0;
+        height: 0;
+        border: 10px solid transparent;
+        border-bottom-color: white
+    }
+
+    .s-type-list label {
+        display: block;
+        font-size: 16px;
+        line-height: 32px;
+        color: #aabfb9;
+        text-align: center
+    }
+
+    .s-type-list label:hover {
+        color: #5b6662
+    }
+
+    .s-type:hover .s-type-list {
+        display: block
+    }
+
+    /* 搜索框 css end */
+
+</style>
+<!-- skin-white -->
+<div class="page-container">
+    <div class="sidebar-menu toggle-others fixed">
+        <div class="sidebar-menu-inner">
+            <header class="logo-env">
+                <!-- logo -->
+                <div class="logo">
+                    <a href="index.html" class="logo-expanded">
+                        <img src="../assets/images/logo@2x.png" width="100%" alt=""/>
+                    </a>
+                    <a href="index.html" class="logo-collapsed">
+                        <img src="../assets/images/logo-collapsed@2x.png" width="40" alt=""/>
+                    </a>
+                </div>
+                <div class="mobile-menu-toggle visible-xs">
+                    <a href="#" data-toggle="user-info-menu">
+                        <i class="linecons-cog"></i>
+                    </a>
+                    <a href="#" data-toggle="mobile-menu">
+                        <i class="fa-bars"></i>
+                    </a>
+                </div>
+            </header>
+            <ul id="main-menu" class="main-menu">
+                <li>
+                    <a href="#常用推荐" class="smooth">
+                        <i class="linecons-star"></i>
+                        <span class="title">常用推荐</span>
+                    </a>
+                </li>
+                <li>
+                    <a href="about.html">
+                        <i class="linecons-heart"></i>
+                        <span class="tooltip-blue">关于本站</span>
+                        <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
+                    </a>
+                </li>
+            </ul>
         </div>
-        <div class="main-content">
-            <nav class="navbar user-info-navbar" role="navigation">
-                <!-- User Info, Notifications and Menu Bar -->
-                <!-- Left links for user info navbar -->
-                <ul class="user-info-menu left-links list-inline list-unstyled">
-                    <li class="hidden-sm hidden-xs">
-                        <a href="#" data-toggle="sidebar">
-                            <i class="fa-bars"></i>
-                        </a>
-                    </li>
+    </div>
+    <div class="main-content">
+        <nav class="navbar user-info-navbar" role="navigation">
+            <!-- User Info, Notifications and Menu Bar -->
+            <!-- Left links for user info navbar -->
+            <ul class="user-info-menu left-links list-inline list-unstyled">
+                <li class="hidden-sm hidden-xs">
+                    <a href="#" data-toggle="sidebar">
+                        <i class="fa-bars"></i>
+                    </a>
+                </li>
+
+            </ul>
+            <ul class="user-info-menu right-links list-inline list-unstyled">
+                <li class="hidden-sm hidden-xs">
+                    <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
+                        <i class="fa-github"></i> GitHub
+                    </a>
+                </li>
+            </ul>
+            <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
 
-                </ul>
-                <ul class="user-info-menu right-links list-inline list-unstyled">
-                    <li class="hidden-sm hidden-xs">
-                        <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
-                            <i class="fa-github"></i>  GitHub
+        </nav>
+
+        <div id="search" class="s-search">
+            <div id="search-list" class="hide-type-list">
+                <div class="search-group group-a s-current"><span class="type-text">搜索</span>
+                    <ul class="search-typ">
+
+                        <li><input name="type" id="type-1" value="https://www.baidu.com/s" data-name="wd"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"
+                                   checked="checked"><label for="type-1"><span style="color:#2100E0">百度</span></label>
+                        </li>
+                        <li><input name="type" id="type-2" value="https://ai.taobao.com/search/index.htm"
+                                   data-name="key" data-pid-key="pid" data-pid-value="mm_12415118_10284499_34190919"
+                                   type="radio" hidden="" autocomplete="off"><label for="type-2"><span
+                                style="color:#2100E0">淘宝</span></label>
+                        </li>
+                        <li><input name="type" id="type-12" value="https://s.weibo.com/weibo" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-12"><span style="color:#2100E0">微博</span></label>
+                        </li>
+                        <li><input name="type" id="type-10" value="https://www.zhihu.com/search" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-10"><span style="color:#2100E0">知乎</span></label>
+                        </li>
+                        <li><input name="type" id="type-11" value="https://tophub.today/search" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-11"><span style="color:#2100E0">今日热榜</span></label>
+                        </li>
+                        <li><input name="type" id="type-5" value="https://www.google.com/search" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-5"><span style="color:#2100E0">Google</span></label>
+                        </li>
+                        <li><input name="type" id="type-6" value="https://www.doutula.com/search" data-name="keyword"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-6"><span style="color:#2100E0">斗图啦</span></label>
+                        </li>
+                        <li><input name="type" id="type-7" value="https://www.dogedoge.com/results" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-7"><span style="color:#2100E0">多吉</span></label>
+                        </li>
+                        <li><input name="type" id="type-8" value="https://yunpanzhushou.com" data-name="q"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-8"><span style="color:#2100E0">云盘助手</span></label>
+                        </li>
+                        <li><input name="type" id="type-9" value="https://www.sq688.com/search.php" data-name="key"
+                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
+                                for="type-9"><span style="color:#2100E0">无损音乐</span></label>
+                        </li>
+
+
+                    </ul>
+                </div>
+            </div>
+
+            <form action="https://www.baidu.com/s?" method="get" target="_blank" id="super-search-fm">
+                <input id="search-text" style="outline:none" autofocus="" type="text" autocomplete="off" name="wd">
+                <input id="search-pid" type="hidden" name="pid" value="">
+                <button type="submit"><i class="fa fa-search"></i></button>
+            </form>
+
+        </div>
+        <!-- 常用推荐 -->
+        <h4 class="text-gray"><i class="linecons-tag" 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-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
                         </a>
-                    </li>
-                </ul>
-                <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
-
-            </nav>
-            <!-- 常用推荐 -->
-            <h4 class="text-gray"><i class="linecons-tag" 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-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>Dribbble</strong>
                             </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Dribbble</strong>
-                                </a>
-                                <p class="overflowClip_2">全球UI设计师作品分享平台。</p>
-                            </div>
+                            <p class="overflowClip_2">全球UI设计师作品分享平台。</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <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 data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>Behance</strong>
                             </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>Behance</strong>
-                                </a>
-                                <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
-                            </div>
+                            <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/uicn.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom"
+                     title="" data-original-title="http://www.ui.cn/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/uicn.png" class="lozad img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>UI中国</strong>
                             </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>UI中国</strong>
-                                </a>
-                                <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
-                            </div>
+                            <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/zcool.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <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 data-src="../assets/images/logos/zcool.png" class="lozad img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>站酷</strong>
                             </a>
-                            <div class="xe-comment">
-                                <a href="#" class="xe-user-name overflowClip_1">
-                                    <strong>站酷</strong>
-                                </a>
-                                <p class="overflowClip_2">中国人气设计师互动平台</p>
-                            </div>
+                            <p class="overflowClip_2">中国人气设计师互动平台</p>
                         </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.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 data-src="../assets/images/logos/pinterest.png" class="lozad img-circle" width="40">
+        </div>
+        <div class="row">
+            <div class="col-sm-3">
+                <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 data-src="../assets/images/logos/pinterest.png" class="lozad 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>Pinterest</strong>
                             </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>Pinterest</strong>
-                                </a>
-                                <p class="overflowClip_2">全球美图收藏采集站</p>
-                            </div>
+                            <p class="overflowClip_2">全球美图收藏采集站</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/huaban.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <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 data-src="../assets/images/logos/huaban.png" class="lozad 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>
-                            <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>
+                            <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <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 data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <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 data-src="../assets/images/logos/medium.png" class="lozad 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>Medium</strong>
                             </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>Medium</strong>
-                                </a>
-                                <p class="overflowClip_2">高质量设计文章</p>
-                            </div>
+                            <p class="overflowClip_2">高质量设计文章</p>
                         </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 data-src="../assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
+            </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 data-src="../assets/images/logos/uisdc.png" class="lozad 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>
-                            <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>
+                            <p class="overflowClip_2">设计师交流学习平台</p>
                         </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 data-src="../assets/images/logos/producthunt.png" class="lozad img-circle" width="40">
+        </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 data-src="../assets/images/logos/producthunt.png" class="lozad 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>
-                            <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>
+                            <p class="overflowClip_2">发现新鲜有趣的产品</p>
                         </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 data-src="../assets/images/logos/youtube.png" class="lozad img-circle" width="40">
+            </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 data-src="../assets/images/logos/youtube.png" class="lozad 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>
-                            <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">全球最大的学习分享平台</p>
-                            </div>
+                            <p class="overflowClip_2">全球最大的学习分享平台</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-3">
-                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.google.com/">
-                        <div class="xe-comment-entry">
-                            <a class="xe-user-img">
-                                <img data-src="../assets/images/logos/google.png" class="lozad img-circle" width="40">
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://www.google.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.google.com/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/google.png" class="lozad 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>Google</strong>
                             </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>Google</strong>
-                                </a>
-                                <p class="overflowClip_2">全球最大的UI学习分享平台</p>
-                            </div>
+                            <p class="overflowClip_2">全球最大的UI学习分享平台</p>
                         </div>
                     </div>
                 </div>
             </div>
-            <br />
-            <!-- END 常用推荐 -->
-
-            <!-- 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) -->
-            <!-- Or class "fixed" to  always fix the footer to the end of page -->
-            <footer class="main-footer sticky footer-type-1">
-                <div class="footer-inner">
-                    <!-- Add your copyright text here -->
-                    <div class="footer-text">
-                        &copy; 2017-2020
-                        <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
-                        <!--  - Purchase for only <strong>23$</strong> -->
-                    </div>
-                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
-                    <div class="go-up">
-                        <a href="#" rel="go-top">
-                            <i class="fa-angle-up"></i>
-                        </a>
-                    </div>
-                </div>
-            </footer>
         </div>
+        <br/>
+        <!-- END 常用推荐 -->
+
+        <!-- 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) -->
+        <!-- Or class "fixed" to  always fix the footer to the end of page -->
+        <footer class="main-footer sticky footer-type-1">
+            <div class="footer-inner">
+                <!-- Add your copyright text here -->
+                <div class="footer-text">
+                    &copy; 2017-2020
+                    <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com"
+                                                                                          target="_blank"><strong>Viggo</strong></a>
+                    <!--  - Purchase for only <strong>23$</strong> -->
+                </div>
+                <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
+                <div class="go-up">
+                    <a href="#" rel="go-top">
+                        <i class="fa-angle-up"></i>
+                    </a>
+                </div>
+            </div>
+        </footer>
     </div>
-    <!-- 锚点平滑移动 -->
-    <script type="text/javascript">
-    $(document).ready(function() {
-         //img lazy loaded
-         const observer = lozad();
-         observer.observe();
-
-        $(document).on('click', '.has-sub', function(){
+</div>
+
+
+<script>
+    /*更改搜索框属性值*/
+    $(function () {
+        let _href = $("input[name='type']").val();
+        let _name = $("input[name='type']").attr('data-name');
+        let _pid = $("input[name='type']").attr('data-pid-value') || '';
+        let _key = $("input[name='type']").attr('data-pid-key') || '';
+
+        $("#super-search-fm").attr('action', _href);
+        $("#search-text").attr('name', _name);
+        $("#search-pid").attr('value', _pid);
+        $("#search-pid").attr('name', _key);
+
+        $(".search-typ input[name='type']").each(function () {
+
+            /* if($(this).attr("checked")){
+                 $(this).next().css('background','#fff');
+             }*/
+
+            $(this).bind('click', function () {
+
+                //  console.log($(this).val());
+                //  console.log($(this).attr('data-name'));
+                let href = $(this).val();
+                let name = $(this).attr('data-name');
+                let pid = $(this).attr('data-pid-value') || '';
+                let key = $(this).attr('data-pid-key') || '';
+
+                $("#super-search-fm").attr('action', href);
+                $("#search-text").attr('name', name);
+                $("#search-pid").attr('value', pid);
+                $("#search-pid").attr('name', key);
+            })
+        })
+    })
+</script>
+<!-- 锚点平滑移动 -->
+<script type="text/javascript">
+    $(document).ready(function () {
+        //img lazy loaded
+        const observer = lozad();
+        observer.observe();
+
+        $(document).on('click', '.has-sub', function () {
             var _this = $(this)
-            if(!$(this).hasClass('expanded')) {
-               setTimeout(function(){
-                    _this.find('ul').attr("style","")
-               }, 300);
-              
+            if (!$(this).hasClass('expanded')) {
+                setTimeout(function () {
+                    _this.find('ul').attr("style", "")
+                }, 300);
+
             } else {
-                $('.has-sub ul').each(function(id,ele){
+                $('.has-sub ul').each(function (id, ele) {
                     var _that = $(this)
-                    if(_this.find('ul')[0] != ele) {
-                        setTimeout(function(){
-                            _that.attr("style","")
+                    if (_this.find('ul')[0] != ele) {
+                        setTimeout(function () {
+                            _that.attr("style", "")
                         }, 300);
                     }
                 })
             }
         })
-        $('.user-info-menu .hidden-sm').click(function(){
-            if($('.sidebar-menu').hasClass('collapsed')) {
-                $('.has-sub.expanded > ul').attr("style","")
+        $('.user-info-menu .hidden-sm').click(function () {
+            if ($('.sidebar-menu').hasClass('collapsed')) {
+                $('.has-sub.expanded > ul').attr("style", "")
             } else {
                 $('.has-sub.expanded > ul').show()
             }
         })
-        $("#main-menu li ul li").click(function() {
+        $("#main-menu li ul li").click(function () {
             $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
             $(this).addClass('active'); // 添加当前元素的样式
         });
-        $("a.smooth").click(function(ev) {
+        $("a.smooth").click(function (ev) {
             ev.preventDefault();
 
             public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
@@ -382,8 +690,8 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
 
     var href = "";
     var pos = 0;
-    $("a.smooth").click(function(e) {
-        $("#main-menu li").each(function() {
+    $("a.smooth").click(function (e) {
+        $("#main-menu li").each(function () {
             $(this).removeClass("active");
         });
         $(this).parent("li").addClass("active");
@@ -391,17 +699,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         href = $(this).attr("href");
         pos = $(href).position().top - 30;
     });
-    </script>
-    <!-- Bottom Scripts -->
-    <script src="../assets/js/bootstrap.min.js"></script>
-    <script src="../assets/js/TweenMax.min.js"></script>
-    <script src="../assets/js/resizeable.js"></script>
-    <script src="../assets/js/joinable.js"></script>
-    <script src="../assets/js/xenon-api.js"></script>
-    <script src="../assets/js/xenon-toggles.js"></script>
-    <!-- JavaScripts initializations and stuff -->
-    <script src="../assets/js/xenon-custom.js"></script>
-    <script src="../assets/js/lozad.js"></script>
+</script>
+<!-- Bottom Scripts -->
+<script src="../assets/js/bootstrap.min.js"></script>
+<script src="../assets/js/TweenMax.min.js"></script>
+<script src="../assets/js/resizeable.js"></script>
+<script src="../assets/js/joinable.js"></script>
+<script src="../assets/js/xenon-api.js"></script>
+<script src="../assets/js/xenon-toggles.js"></script>
+<!-- JavaScripts initializations and stuff -->
+<script src="../assets/js/xenon-custom.js"></script>
+<script src="../assets/js/lozad.js"></script>
 </body>
 
 </html>

From 141e81d392fda760ad6d029d08f2196f07e2a1f9 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 21:10:47 +0800
Subject: [PATCH 03/19] =?UTF-8?q?=E5=9B=BE=E7=89=87=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/logo@2x.png      | Bin 2435 -> 8203 bytes
 assets/images/logo_dark@2x.png | Bin 2234 -> 7550 bytes
 assets/images/logos/nav.png    | Bin 0 -> 26173 bytes
 assets/images/logos/viggoz.png | Bin 6882 -> 0 bytes
 4 files changed, 0 insertions(+), 0 deletions(-)
 mode change 100755 => 100644 assets/images/logo@2x.png
 mode change 100755 => 100644 assets/images/logo_dark@2x.png
 create mode 100644 assets/images/logos/nav.png
 delete mode 100644 assets/images/logos/viggoz.png

diff --git a/assets/images/logo@2x.png b/assets/images/logo@2x.png
old mode 100755
new mode 100644
index a0c1a4ab7c774735e3b4a725d265c332d3aa5660..ff5abfd37b090a02c4bd9dfb4d26e4ef42c5fa09
GIT binary patch
diff --git a/assets/images/logo_dark@2x.png b/assets/images/logo_dark@2x.png
old mode 100755
new mode 100644
index 76f1a518fd7cb6f104efbbb12925234adb9536f6..c80cb995d6d3a688b62ce118b00f4331f1bb6389
GIT binary patch
diff --git a/assets/images/logos/nav.png b/assets/images/logos/nav.png
new file mode 100644
index 0000000000000000000000000000000000000000..0793ff051799c2f646cf4323308181d5b45890d7
GIT binary patch
diff --git a/assets/images/logos/viggoz.png b/assets/images/logos/viggoz.png
deleted file mode 100644
index aea4326a8136d4fba27e8931a2d2e3c4b20e2212..0000000000000000000000000000000000000000
GIT binary patch

From 4f1d93641ba78b77f47e0d100e352f3fd0fa07a5 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 21:11:09 +0800
Subject: [PATCH 04/19] =?UTF-8?q?=E7=BD=91=E9=A1=B5keywords=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/about.html | 26 +++++++++++++-------------
 cn/index.html | 21 ++++++++++-----------
 2 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/cn/about.html b/cn/about.html
index 05c2d9a31..992e887c3 100644
--- a/cn/about.html
+++ b/cn/about.html
@@ -24,7 +24,7 @@
     var _hmt = _hmt || [];
     (function() {
       var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
+      hm.src = "https://hm.baidu.com/hm.js?52e26e98ffd860eb25e411c0b1ce64a3";
       var s = document.getElementsByTagName("script")[0]; 
       s.parentNode.insertBefore(hm, s);
     })();
@@ -37,14 +37,14 @@
     <!-- / FB Open Graph -->
     <meta property="og:type" content="article">
     <meta property="og:url" content="http://www.webstack.cc/">
-    <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+    <meta property="og:title" content="百宝箱导航">
+    <meta property="og:description" content="百宝箱导航">
     <meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
-    <meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta property="og:site_name" content="百宝箱导航">
     <!-- / Twitter Cards -->
     <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
-    <meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+    <meta name="twitter:title" content="百宝箱导航">
+    <meta name="twitter:description" content="百宝箱导航">
     <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
 </head>
 
@@ -75,8 +75,8 @@ <h4 class="text-gray">关于网站</h4>
                                     <blockquote>
                                         <p>有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
                                         </br>
-                                        <p>如果你也是设计师，如果你也正好喜欢设计，那希望这个网站能给你带来一些作用。</p>
-                                        <p>闲聊或者有任何建议都可以加QQ群交流，一群：<strong>304584722</strong>  二群：<strong>740911918</strong></p>
+                                        <p>如果你也正好喜欢，那希望这个网站能给你带来一些作用。</p>
+
                                     </blockquote>
                                 </div>
                             </div>
@@ -84,16 +84,16 @@ <h4 class="text-gray">关于网站</h4>
                             <h4 class="text-gray">关于站长</h4>
                             <div class="row">
                                 <div class="col-sm-4">
-                                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.viggoz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.viggoz.com/">
+                                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hexo.yuanjh.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hexo.yuanjh.cn/">
                                         <div class="xe-comment-entry">
                                             <a class="xe-user-img">
-                                                <img src="../assets/images/logos/viggoz.png" class="img-circle" width="40">
+                                                <img src="../assets/images/logos/nav.png" class="img-circle" width="40">
                                             </a>
                                             <div class="xe-comment">
                                                 <a href="#" class="xe-user-name overflowClip_1">
-                                                    <strong>Designer. Viggo.</strong>
+                                                    <strong>Designer. Viggo. Modify Yuanjh</strong>
                                                 </a>
-                                                <p class="overflowClip_2"> Full-time UI designer with an enduring interest in Coding.</p>
+                                                <p class="overflowClip_2"> Amateur UI designer with an enduring interest in Coding.</p>
                                             </div>
                                         </div>
                                     </div>
@@ -104,7 +104,7 @@ <h4 class="text-gray">关于站长</h4>
                                             <br />
                                             <blockquote>
                                                 <p>
-                                                    这是一个公益项目，而且是<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源 </a>的。你也可以拿来制作自己的网址导航。如果你有更好的想法，可以通过个人网站<a href="http://www.viggoz.com"><span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip">viggoz.com</span></a>中的联系方式找到我，欢迎与我交流分享。
+                                                    这是一个公益项目，基于<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源项目 </a>的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
                                                 </p>
                                             </blockquote>
                                         </div>
diff --git a/cn/index.html b/cn/index.html
index d832a3208..d00da8401 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -14,7 +14,7 @@
         var _hmt = _hmt || [];
         (function () {
             var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
+            hm.src = "https://hm.baidu.com/hm.js?52e26e98ffd860eb25e411c0b1ce64a3";
             var s = document.getElementsByTagName("script")[0];
             s.parentNode.insertBefore(hm, s);
         })();
@@ -22,11 +22,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <meta name="author" content="viggo"/>
-    <title>WebStack.cc - 设计师网址导航</title>
-    <meta name="keywords"
-          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
-    <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta name="author" content="viggo,yuanjh modify"/>
+    <title>nav - 百宝箱</title>
+    <meta name="keywords"   content="百宝箱导航">
+    <meta name="description" content="百宝箱导航">
     <link rel="shortcut icon" href="../assets/images/favicon.png">
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
     <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
@@ -45,17 +44,17 @@
     <!-- / FB Open Graph -->
     <meta property="og:type" content="article">
     <meta property="og:url" content="http://www.webstack.cc/">
-    <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta property="og:title" content="百宝箱导航">
     <meta property="og:description"
-          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+          content="U">
     <meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
     <meta property="og:site_name"
-          content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+          content="百宝箱导航">
     <!-- / Twitter Cards -->
     <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta name="twitter:title" content="百宝箱导航">
     <meta name="twitter:description"
-          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
+          content="百宝箱导航">
     <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
 </head>
 

From fa31dd5328c0d00ee9547d11683a3c0e4dd4d79f Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 21:15:26 +0800
Subject: [PATCH 05/19] =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=BC=A9?=
 =?UTF-8?q?=E7=AA=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/xenon-core.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/xenon-core.css b/assets/css/xenon-core.css
index 259e8e8a1..0bbc62579 100644
--- a/assets/css/xenon-core.css
+++ b/assets/css/xenon-core.css
@@ -917,7 +917,7 @@ body {
 .sidebar-menu {
     display: table-cell;
     position: relative;
-    width: 280px;
+    width: 220px;
     background: #2c2e2f;
     z-index: 1
 }

From d19f7093a2806066e59468b67d2b32b05d87d12e Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 21:17:53 +0800
Subject: [PATCH 06/19] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/about.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cn/about.html b/cn/about.html
index 992e887c3..61b3d95a1 100644
--- a/cn/about.html
+++ b/cn/about.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="author" content="viggo" />
     <title>WebStack.cc - 设计师网址导航</title>
-    <meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
-    <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
+    <meta name="keywords" content="百宝箱导航">
+    <meta name="description" content="百宝箱导航">
     <link rel="shortcut icon" href="../assets/images/favicon.png">
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
     <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">

From 324da20a7c4280897bc3859c7d0a3b2afba4472d Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sat, 2 May 2020 22:59:31 +0800
Subject: [PATCH 07/19] =?UTF-8?q?=E5=B0=86=E5=85=B3=E4=BA=8E=E7=BD=91?=
 =?UTF-8?q?=E7=AB=99=E4=B9=9F=E5=90=88=E5=B9=B6=E5=88=B0=E4=B8=BB=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/about.html | 147 --------------------------------------------------
 cn/index.html |  74 ++++++++++++++++++++++---
 2 files changed, 66 insertions(+), 155 deletions(-)
 delete mode 100644 cn/about.html

diff --git a/cn/about.html b/cn/about.html
deleted file mode 100644
index 61b3d95a1..000000000
--- a/cn/about.html
+++ /dev/null
@@ -1,147 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh">
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="author" content="viggo" />
-    <title>WebStack.cc - 设计师网址导航</title>
-    <meta name="keywords" content="百宝箱导航">
-    <meta name="description" content="百宝箱导航">
-    <link rel="shortcut icon" href="../assets/images/favicon.png">
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
-    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
-    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="../assets/css/bootstrap.css">
-    <link rel="stylesheet" href="../assets/css/xenon-core.css">
-    <link rel="stylesheet" href="../assets/css/xenon-components.css">
-    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
-    <link rel="stylesheet" href="../assets/css/nav.css">
-    <script src="../assets/js/jquery-1.11.1.min.js"></script>
-    
-    <script>
-    var _hmt = _hmt || [];
-    (function() {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?52e26e98ffd860eb25e411c0b1ce64a3";
-      var s = document.getElementsByTagName("script")[0]; 
-      s.parentNode.insertBefore(hm, s);
-    })();
-    </script>
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-    <!-- / FB Open Graph -->
-    <meta property="og:type" content="article">
-    <meta property="og:url" content="http://www.webstack.cc/">
-    <meta property="og:title" content="百宝箱导航">
-    <meta property="og:description" content="百宝箱导航">
-    <meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
-    <meta property="og:site_name" content="百宝箱导航">
-    <!-- / Twitter Cards -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="百宝箱导航">
-    <meta name="twitter:description" content="百宝箱导航">
-    <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
-</head>
-
-<body class="page-body boxed-container">
-    <nav class="navbar horizontal-menu navbar-fixed-top">
-        <div class="navbar-inner">
-            <div class="navbar-brand">
-                <a href="index.html" class="logo">
-                    <img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs">
-                    <img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs">
-                </a>
-            </div>
-            <div class="navbar-mobile-clear"></div>
-            <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-        </div>
-    </nav>
-    <div class="page-container">
-        <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
-        <div class="main-content" style="">
-            <div class="row">
-                <div class="col-md-12">
-                    <div class="panel panel-default">
-                        <!-- 关于网站 -->
-                        <h4 class="text-gray">关于网站</h4>
-                        <div class="panel-body">
-                            <div class="row">
-                                <div class="col-sm-12">
-                                    <blockquote>
-                                        <p>有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
-                                        </br>
-                                        <p>如果你也正好喜欢，那希望这个网站能给你带来一些作用。</p>
-
-                                    </blockquote>
-                                </div>
-                            </div>
-                            <!-- 关于站长 -->
-                            <h4 class="text-gray">关于站长</h4>
-                            <div class="row">
-                                <div class="col-sm-4">
-                                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hexo.yuanjh.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hexo.yuanjh.cn/">
-                                        <div class="xe-comment-entry">
-                                            <a class="xe-user-img">
-                                                <img src="../assets/images/logos/nav.png" class="img-circle" width="40">
-                                            </a>
-                                            <div class="xe-comment">
-                                                <a href="#" class="xe-user-name overflowClip_1">
-                                                    <strong>Designer. Viggo. Modify Yuanjh</strong>
-                                                </a>
-                                                <p class="overflowClip_2"> Amateur UI designer with an enduring interest in Coding.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col-md-8">
-                                    <div class="row">
-                                        <div class="col-sm-12">
-                                            <br />
-                                            <blockquote>
-                                                <p>
-                                                    这是一个公益项目，基于<a href="https://github.com/WebStackPage/WebStackPage.github.io"> 开源项目 </a>的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
-                                                </p>
-                                            </blockquote>
-                                        </div>
-                                    </div>
-                                    <br>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- Main Footer -->
-            <footer class="main-footer sticky footer-type-1 fixed">
-                <div class="footer-inner">
-                    <div class="footer-text">
-                        &copy; 2017 - 2020
-                        <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
-                    </div>
-                    <div class="go-up">
-                        <a href="#" rel="go-top">
-                            <i class="fa-angle-up"></i>
-                        </a>
-                    </div>
-                </div>
-            </footer>
-        </div>
-    </div>
-    <!-- Bottom Scripts -->
-    <script src="assets/js/bootstrap.min.js"></script>
-    <script src="assets/js/TweenMax.min.js"></script>
-    <script src="assets/js/resizeable.js"></script>
-    <script src="assets/js/joinable.js"></script>
-    <script src="assets/js/xenon-api.js"></script>
-    <script src="assets/js/xenon-toggles.js"></script>
-    <!-- JavaScripts initializations and stuff -->
-    <script src="assets/js/xenon-custom.js"></script>
-    <textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
-</body>
-
-</html>
diff --git a/cn/index.html b/cn/index.html
index d00da8401..38496780b 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -5,10 +5,10 @@
     <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
     </script>
     <script>
-        (adsbygoogle = window.adsbygoogle || []).push({
-            google_ad_client: "ca-pub-8550836177608334",
-            enable_page_level_ads: true
-        });
+        // (adsbygoogle = window.adsbygoogle || []).push({
+        //     google_ad_client: "ca-pub-8550836177608334",
+        //     enable_page_level_ads: true
+        // });
     </script>
     <script>
         var _hmt = _hmt || [];
@@ -265,6 +265,12 @@
                 </div>
             </header>
             <ul id="main-menu" class="main-menu">
+                <li>
+                    <a href="#search" >
+                        <i class="linecons-star"></i>
+                        <span class="title">搜索</span>
+                    </a>
+                </li>
                 <li>
                     <a href="#常用推荐" class="smooth">
                         <i class="linecons-star"></i>
@@ -272,10 +278,9 @@
                     </a>
                 </li>
                 <li>
-                    <a href="about.html">
+                    <a href="#关于网站">
                         <i class="linecons-heart"></i>
-                        <span class="tooltip-blue">关于本站</span>
-                        <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
+                        <span class="title">关于本站</span>
                     </a>
                 </li>
             </ul>
@@ -571,6 +576,58 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                     </div>
                 </div>
             </div>
+
+        </div>
+        <br/>
+
+
+        <!-- 关于网站 -->
+        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关于网站"></i>关于网站</h4>
+        <div class="row">
+            <div class="col-sm-12">
+                <blockquote>
+                    <p>
+                        有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
+                    </br>
+                    <p>如果你也正好喜欢，那希望这个网站能给你带来一些作用。</p>
+
+                </blockquote>
+            </div>
+
+            <div class="col-sm-4">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://hexo.yuanjh.cn/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://hexo.yuanjh.cn/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img src="../assets/images/logos/nav.png" class="img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>Designer. Viggo. Modify Yuanjh</strong>
+                            </a>
+                            <p class="overflowClip_2"> Amateur UI designer with an enduring interest in
+                                Coding.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-8">
+                <div class="row">
+                    <div class="col-sm-12">
+                        <br/>
+                        <blockquote>
+                            <p>
+                                这是一个公益项目，基于<a href="https://github.com/WebStackPage/WebStackPage.github.io">
+                                开源项目 </a>的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
+                                    href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
+                            </p>
+                        </blockquote>
+                    </div>
+                </div>
+                <br>
+            </div>
+
         </div>
         <br/>
         <!-- END 常用推荐 -->
@@ -584,7 +641,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                 <!-- Add your copyright text here -->
                 <div class="footer-text">
                     &copy; 2017-2020
-                    <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com"
+                    <a href="../cn/index.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com"
                                                                                           target="_blank"><strong>Viggo</strong></a>
                     <!--  - Purchase for only <strong>23$</strong> -->
                 </div>
@@ -598,6 +655,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         </footer>
     </div>
 </div>
+<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
 
 
 <script>

From e4056b030f1f19ff9dbda3f645d51998edf33f26 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:28:11 +0800
Subject: [PATCH 08/19] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BD=91=E7=AB=99?=
 =?UTF-8?q?=E5=92=8C=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/logos/behance.png    | Bin 3626 -> 1313 bytes
 assets/images/logos/huaban.png     | Bin 2167 -> 4989 bytes
 assets/images/logos/jupyter.png    | Bin 0 -> 947 bytes
 assets/images/logos/netcraft.png   | Bin 0 -> 7840 bytes
 assets/images/logos/openurls.png   | Bin 0 -> 1213 bytes
 assets/images/logos/record.png     | Bin 0 -> 1559 bytes
 assets/images/logos/same.png       | Bin 0 -> 626 bytes
 assets/images/logos/speed.png      | Bin 0 -> 952 bytes
 assets/images/logos/uicn.png       | Bin 3765 -> 5888 bytes
 assets/images/logos/urlconvert.png | Bin 0 -> 974 bytes
 assets/images/logos/xj.png         | Bin 0 -> 3629 bytes
 assets/images/logos/zcool.png      | Bin 10161 -> 2020 bytes
 cn/index.html                      | 265 +++++++++++++++++++++--------
 13 files changed, 198 insertions(+), 67 deletions(-)
 mode change 100755 => 100644 assets/images/logos/behance.png
 mode change 100755 => 100644 assets/images/logos/huaban.png
 create mode 100644 assets/images/logos/jupyter.png
 create mode 100644 assets/images/logos/netcraft.png
 create mode 100644 assets/images/logos/openurls.png
 create mode 100644 assets/images/logos/record.png
 create mode 100644 assets/images/logos/same.png
 create mode 100644 assets/images/logos/speed.png
 mode change 100755 => 100644 assets/images/logos/uicn.png
 create mode 100644 assets/images/logos/urlconvert.png
 create mode 100644 assets/images/logos/xj.png

diff --git a/assets/images/logos/behance.png b/assets/images/logos/behance.png
old mode 100755
new mode 100644
index 4a010988dc4e297201a2a16b70d9170da970423f..877f53cedc6cfa55a87489fc1185c04faa6f1df2
GIT binary patch
diff --git a/assets/images/logos/huaban.png b/assets/images/logos/huaban.png
old mode 100755
new mode 100644
index 9317d5e42d6fa0079bc190716a014744369e8903..c1dbfa4a52a34caa34ee61328c3e36fc5a78607b
GIT binary patch
diff --git a/assets/images/logos/jupyter.png b/assets/images/logos/jupyter.png
new file mode 100644
index 0000000000000000000000000000000000000000..557df3fc8b2b8715db8e35c0f9ecccaf653271b3
GIT binary patch
diff --git a/assets/images/logos/netcraft.png b/assets/images/logos/netcraft.png
new file mode 100644
index 0000000000000000000000000000000000000000..efbaea30e3933c05e29d7a875f1f5f7574bd8252
GIT binary patch
diff --git a/assets/images/logos/openurls.png b/assets/images/logos/openurls.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6a578cc12caeab68921243756e72c0c76d0c8a5
GIT binary patch
diff --git a/assets/images/logos/record.png b/assets/images/logos/record.png
new file mode 100644
index 0000000000000000000000000000000000000000..43b9d586e6fa617fd576761e5556af1ca9c01602
GIT binary patch
diff --git a/assets/images/logos/same.png b/assets/images/logos/same.png
new file mode 100644
index 0000000000000000000000000000000000000000..42e4bcc2172f147307fa63c71b4020f68bcbfc84
GIT binary patch
diff --git a/assets/images/logos/speed.png b/assets/images/logos/speed.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca2fd5b2025b9755b3232b08a09d0a687fd527e4
GIT binary patch
diff --git a/assets/images/logos/uicn.png b/assets/images/logos/uicn.png
old mode 100755
new mode 100644
index ccf2471c5872023502693fcafb6c944f3e967a42..09cba06aea928acea397e827c2b5a9d9de64ad18
GIT binary patch
diff --git a/assets/images/logos/urlconvert.png b/assets/images/logos/urlconvert.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e350f3a353cae57bdbe89d516261b3d1071d728
GIT binary patch
diff --git a/assets/images/logos/xj.png b/assets/images/logos/xj.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb2f789f31d21434f6ff7c3ce4bc8cec81f079c9
GIT binary patch
diff --git a/assets/images/logos/zcool.png b/assets/images/logos/zcool.png
index 3101abd59c46896eac0d06eab0bf34656f0c7144..7d74b2dcc76d31abd8aab09f9f74a9193b779df4 100644
GIT binary patch
diff --git a/cn/index.html b/cn/index.html
index 38496780b..fc9a0e590 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -313,50 +313,43 @@
             <div id="search-list" class="hide-type-list">
                 <div class="search-group group-a s-current"><span class="type-text">搜索</span>
                     <ul class="search-typ">
-
                         <li><input name="type" id="type-1" value="https://www.baidu.com/s" data-name="wd"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"
                                    checked="checked"><label for="type-1"><span style="color:#2100E0">百度</span></label>
                         </li>
-                        <li><input name="type" id="type-2" value="https://ai.taobao.com/search/index.htm"
-                                   data-name="key" data-pid-key="pid" data-pid-value="mm_12415118_10284499_34190919"
+                        <li><input name="type" id="type-2" value="https://www.sogou.com/web"
+                                   data-name="query" data-pid-key="" data-pid-value=""
                                    type="radio" hidden="" autocomplete="off"><label for="type-2"><span
-                                style="color:#2100E0">淘宝</span></label>
+                                style="color:#2100E0">搜狗</span></label>
                         </li>
-                        <li><input name="type" id="type-12" value="https://s.weibo.com/weibo" data-name="q"
+                        <li><input name="type" id="type-12" value="https://cn.bing.com/search" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-12"><span style="color:#2100E0">微博</span></label>
+                                for="type-12"><span style="color:#2100E0">bing</span></label>
                         </li>
-                        <li><input name="type" id="type-10" value="https://www.zhihu.com/search" data-name="q"
+                        <li><input name="type" id="type-11" value="https://mijisou.com/" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-10"><span style="color:#2100E0">知乎</span></label>
+                                for="type-11"><span style="color:#2100E0">秘迹</span></label>
                         </li>
-                        <li><input name="type" id="type-11" value="https://tophub.today/search" data-name="q"
+                        <li><input name="type" id="type-5" value="https://seeres.com/search" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-11"><span style="color:#2100E0">今日热榜</span></label>
+                                for="type-5"><span style="color:#2100E0">Google镜像</span></label>
                         </li>
-                        <li><input name="type" id="type-5" value="https://www.google.com/search" data-name="q"
+                        <li><input name="type" id="type-6" value="https://www.dogedoge.com/results" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-5"><span style="color:#2100E0">Google</span></label>
+                                for="type-6"><span style="color:#2100E0">dogedoge</span></label>
                         </li>
-                        <li><input name="type" id="type-6" value="https://www.doutula.com/search" data-name="keyword"
+                        <li><input name="type" id="type-10" value="https://www.zhihu.com/search" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-6"><span style="color:#2100E0">斗图啦</span></label>
+                                for="type-10"><span style="color:#2100E0">知乎</span></label>
                         </li>
-                        <li><input name="type" id="type-7" value="https://www.dogedoge.com/results" data-name="q"
+                        <li><input name="type" id="type-3" value="https://github.com.cnpmjs.org/search" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-7"><span style="color:#2100E0">多吉</span></label>
+                                for="type-3"><span style="color:#2100E0">github镜像</span></label>
                         </li>
                         <li><input name="type" id="type-8" value="https://yunpanzhushou.com" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
                                 for="type-8"><span style="color:#2100E0">云盘助手</span></label>
                         </li>
-                        <li><input name="type" id="type-9" value="https://www.sq688.com/search.php" data-name="key"
-                                   data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-9"><span style="color:#2100E0">无损音乐</span></label>
-                        </li>
-
-
                     </ul>
                 </div>
             </div>
@@ -373,68 +366,68 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         <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/">
+                     onclick="window.open('http://kuaizhao.coderschool.cn/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://kuaizhao.coderschool.cn/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Dribbble</strong>
+                                <strong>快照查询</strong>
                             </a>
-                            <p class="overflowClip_2">全球UI设计师作品分享平台。</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('https://behance.net/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="https://behance.net/">
+                     onclick="window.open('https://www.chromefor.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.chromefor.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Behance</strong>
+                                <strong>chrome插件</strong>
                             </a>
-                            <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
+                            <p class="overflowClip_2">chrome插件下载。</p>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
-                     onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom"
-                     title="" data-original-title="http://www.ui.cn/">
+                     onclick="window.open('https://regexr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom"
+                     title="" data-original-title="https://regexr.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/uicn.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>UI中国</strong>
+                                <strong>正则分组提取</strong>
                             </a>
-                            <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</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.zcool.com.cn/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
+                     onclick="window.open('https://namebeta.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://namebeta.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/zcool.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>站酷</strong>
+                                <strong>域名</strong>
                             </a>
-                            <p class="overflowClip_2">中国人气设计师互动平台</p>
+                            <p class="overflowClip_2">域名比价工具</p>
                         </div>
                     </div>
                 </div>
@@ -443,8 +436,8 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         <div class="row">
             <div class="col-sm-3">
                 <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/">
+                     onclick="window.open('https://tool.oschina.net/qr', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://tool.oschina.net/qr">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/pinterest.png" class="lozad img-circle" width="40">
@@ -453,17 +446,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Pinterest</strong>
+                                <strong>二维码</strong>
                             </a>
-                            <p class="overflowClip_2">全球美图收藏采集站</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://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom"
-                     title="" data-original-title="http://huaban.com/">
+                     onclick="window.open('https://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom"
+                     title="" data-original-title="https://www.easyicon.net/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/huaban.png" class="lozad img-circle" width="40">
@@ -472,17 +465,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>花瓣</strong>
+                                <strong>图标搜索</strong>
                             </a>
-                            <p class="overflowClip_2">收集灵感,保存有用的素材</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('https://medium.com/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="https://medium.com/">
+                     onclick="window.open('https://www.diffchecker.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.diffchecker.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
@@ -491,17 +484,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Medium</strong>
+                                <strong>文本diff</strong>
                             </a>
-                            <p class="overflowClip_2">高质量设计文章</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/">
+                     onclick="window.open('https://www.cmd5.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.cmd5.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
@@ -510,9 +503,9 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>优设</strong>
+                                <strong>MD5解密</strong>
                             </a>
-                            <p class="overflowClip_2">设计师交流学习平台</p>
+                            <p class="overflowClip_2">md5解密工具</p>
                         </div>
                     </div>
                 </div>
@@ -521,8 +514,8 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         <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/">
+                     onclick="window.open('https://tool.lu/coderunner/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://tool.lu/coderunner/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/producthunt.png" class="lozad img-circle" width="40">
@@ -531,17 +524,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Producthunt</strong>
+                                <strong>代码执行</strong>
                             </a>
-                            <p class="overflowClip_2">发现新鲜有趣的产品</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('https://www.youtube.com/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
+                     onclick="window.open('https://tool.oschina.net/commons?type=3', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://tool.oschina.net/commons?type=3">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
                             <img data-src="../assets/images/logos/youtube.png" class="lozad img-circle" width="40">
@@ -550,28 +543,166 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                               data-original-title="Hello I am a Tooltip"></span>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Youtube</strong>
+                                <strong>RGB颜色</strong>
+                            </a>
+                            <p class="overflowClip_2">RGB颜色对照表</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://app.xunjiepdf.com/voice2text/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://app.xunjiepdf.com/voice2text/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/xj.png" class="lozad 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>迅捷pdf工具箱</strong>
+                            </a>
+                            <p class="overflowClip_2">音频,视频,文本,互转.图片,pdf,word互转,pdf解密.翻译,思维导图等</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://python.jupyter.vip/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://python.jupyter.vip/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/jupyter.png" class="lozad 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>在线jupyter</strong>
+                            </a>
+                            <p class="overflowClip_2">在线jupyter，巨蟒领航员</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://sitereport.netcraft.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://sitereport.netcraft.com/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/producthunt.png" class="lozad 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 class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://www.openurls.com.cn/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://www.openurls.com.cn/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/openurls.png" class="lozad 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 class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://tool.114la.com/live/speed/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://tool.114la.com/live/speed/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/speed.png" class="lozad 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">114网速测试工具</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://tool.114la.com/record/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://tool.114la.com/record/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/record.png" class="lozad 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('http://tool.114la.com/network/urlconvert/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://tool.114la.com/network/urlconvert/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/urlconvert.png" class="lozad 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>
+                            <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.google.com/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="https://www.google.com/">
+                     onclick="window.open('http://stool.chinaz.com/same', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://stool.chinaz.com/same">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
-                            <img data-src="../assets/images/logos/google.png" class="lozad img-circle" width="40">
+                            <img data-src="../assets/images/logos/same.png" class="lozad 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>Google</strong>
+                                <strong>同ip网站查询</strong>
                             </a>
-                            <p class="overflowClip_2">全球最大的UI学习分享平台</p>
+                            <p class="overflowClip_2">查看ip是否多人共享，或被他人恶意使用</p>
                         </div>
                     </div>
                 </div>

From f20b6e22ac8a66dd804627c9c3312e38accfee4e Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:33:23 +0800
Subject: [PATCH 09/19] tmp

---
 cn/index.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index fc9a0e590..c4af8179b 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -735,7 +735,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>Designer. Viggo. Modify Yuanjh</strong>
+                                <strong>Designer. Viggo. Modify Yuan</strong>
                             </a>
                             <p class="overflowClip_2"> Amateur UI designer with an enduring interest in
                                 Coding.</p>
@@ -772,8 +772,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                 <!-- Add your copyright text here -->
                 <div class="footer-text">
                     &copy; 2017-2020
-                    <a href="../cn/index.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com"
-                                                                                          target="_blank"><strong>Viggo</strong></a>
+                    <a href="../cn/index.html"><strong>WebStack</strong></a> design by Viggo,modify by Yuan
                     <!--  - Purchase for only <strong>23$</strong> -->
                 </div>
                 <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->

From 541e61841d2daa78f14d1b4ac392a4dd17f7a0d4 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:35:48 +0800
Subject: [PATCH 10/19] tmp

---
 cn/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index c4af8179b..3ca1f1b87 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -749,9 +749,9 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         <br/>
                         <blockquote>
                             <p>
-                                这是一个公益项目，基于<a href="https://github.com/WebStackPage/WebStackPage.github.io">
+                                这是一个公益项目，基于<a href="https://github.com/yuanjh6/WebStackPage.github.io">
                                 开源项目 </a>的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
-                                    href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
+                                    href="https://nav.yuanjh.cn/">百宝箱导航</a>的搜索框功能。
                             </p>
                         </blockquote>
                     </div>

From 5cc7d646fcf1db5842f30156c5186c9b6b581fa7 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:47:45 +0800
Subject: [PATCH 11/19] =?UTF-8?q?=E8=A7=86=E9=A2=91vip=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/logos/vip.png | Bin 0 -> 7305 bytes
 cn/index.html               |  27 ++++++++++++++++++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)
 create mode 100644 assets/images/logos/vip.png

diff --git a/assets/images/logos/vip.png b/assets/images/logos/vip.png
new file mode 100644
index 0000000000000000000000000000000000000000..82d78c7c46ff2e639fc681ba0497ea78bcadb201
GIT binary patch
diff --git a/cn/index.html b/cn/index.html
index 3ca1f1b87..8f026b01d 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -366,17 +366,17 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         <div class="row">
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
-                     onclick="window.open('http://kuaizhao.coderschool.cn/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="http://kuaizhao.coderschool.cn/">
+                     onclick="window.open('http://v.d9y.net/vip', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://v.d9y.net/vip">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
-                            <img data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
+                            <img data-src="../assets/images/logos/vip.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>快照查询</strong>
+                                <strong>视频vip</strong>
                             </a>
-                            <p class="overflowClip_2">谷歌快照查询，找回历史上的网页。</p>
+                            <p class="overflowClip_2">视频vip会员破解</p>
                         </div>
                     </div>
                 </div>
@@ -707,6 +707,23 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                     </div>
                 </div>
             </div>
+             <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://kuaizhao.coderschool.cn/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://kuaizhao.coderschool.cn/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/dribbble.png" class="lozad 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/>

From 823dbb0a7f3c88267819836c03524943932ce04a Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:51:08 +0800
Subject: [PATCH 12/19] =?UTF-8?q?=E5=85=B3=E4=BA=8E=E6=9C=AC=E7=AB=99?=
 =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/index.html | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index 8f026b01d..fd7b909f5 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -732,16 +732,6 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
         <!-- 关于网站 -->
         <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关于网站"></i>关于网站</h4>
         <div class="row">
-            <div class="col-sm-12">
-                <blockquote>
-                    <p>
-                        有一段时间我发现我的收藏夹越来越多，很难找到某个不常用的网站。所以就有了这个网站，这里收集的基本都是我自己浏览器收藏夹里的网站，我平时用的相对比较多的一些都在这里。</p>
-                    </br>
-                    <p>如果你也正好喜欢，那希望这个网站能给你带来一些作用。</p>
-
-                </blockquote>
-            </div>
-
             <div class="col-sm-4">
                 <div class="xe-widget xe-conversations box2 label-info"
                      onclick="window.open('https://hexo.yuanjh.cn/', '_blank')" data-toggle="tooltip"

From 7920bba50b29859b68838fe86410c24c87773613 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:52:43 +0800
Subject: [PATCH 13/19] tmp

---
 cn/index.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index fd7b909f5..e3925f22f 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -756,8 +756,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         <br/>
                         <blockquote>
                             <p>
-                                这是一个公益项目，基于<a href="https://github.com/yuanjh6/WebStackPage.github.io">
-                                开源项目 </a>的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
+                                这是一个公益项目，基于开源项目的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
                                     href="https://nav.yuanjh.cn/">百宝箱导航</a>的搜索框功能。
                             </p>
                         </blockquote>

From ac30724c6fb710ec89442a70f5582c5c67cc8fa5 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 00:53:58 +0800
Subject: [PATCH 14/19] tmp

---
 cn/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cn/index.html b/cn/index.html
index e3925f22f..f9667452c 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -757,7 +757,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         <blockquote>
                             <p>
                                 这是一个公益项目，基于开源项目的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
-                                    href="https://nav.yuanjh.cn/">百宝箱导航</a>的搜索框功能。
+                                    href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
                             </p>
                         </blockquote>
                     </div>

From 6dbbe2855cc256694fc1698464e7fda45d3e34ee Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 09:30:51 +0800
Subject: [PATCH 15/19] =?UTF-8?q?github=E9=87=87=E7=94=A8github=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8D=E7=94=A8=E9=95=9C=E5=83=8F(=E9=95=9C=E5=83=8F?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E8=BE=83=E6=85=A2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cn/index.html | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/cn/index.html b/cn/index.html
index f9667452c..dbd529ba8 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -300,13 +300,11 @@
             </ul>
             <ul class="user-info-menu right-links list-inline list-unstyled">
                 <li class="hidden-sm hidden-xs">
-                    <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
+                    <a href="https://github.com/yuanjh6/WebStackPage.github.io" target="_blank">
                         <i class="fa-github"></i> GitHub
                     </a>
                 </li>
             </ul>
-            <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
-
         </nav>
 
         <div id="search" class="s-search">
@@ -342,9 +340,9 @@
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
                                 for="type-10"><span style="color:#2100E0">知乎</span></label>
                         </li>
-                        <li><input name="type" id="type-3" value="https://github.com.cnpmjs.org/search" data-name="q"
+                        <li><input name="type" id="type-3" value="https://github.com/search" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label
-                                for="type-3"><span style="color:#2100E0">github镜像</span></label>
+                                for="type-3"><span style="color:#2100E0">github</span></label>
                         </li>
                         <li><input name="type" id="type-8" value="https://yunpanzhushou.com" data-name="q"
                                    data-pid-key="" data-pid-value="" type="radio" hidden="" autocomplete="off"><label

From 9e132278a6ccb7708ba6e097a9010143e57c18e3 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 23:02:25 +0800
Subject: [PATCH 16/19] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/logos/618g.png        | Bin 0 -> 4469 bytes
 assets/images/logos/meituxiuxiu.png | Bin 0 -> 1010 bytes
 assets/images/logos/ocrwiz.png      | Bin 0 -> 703 bytes
 assets/images/logos/yeelogo.png     | Bin 0 -> 15618 bytes
 cn/index.html                       | 109 ++++++++++++++++++++++++----
 5 files changed, 96 insertions(+), 13 deletions(-)
 create mode 100644 assets/images/logos/618g.png
 create mode 100644 assets/images/logos/meituxiuxiu.png
 create mode 100644 assets/images/logos/ocrwiz.png
 create mode 100644 assets/images/logos/yeelogo.png

diff --git a/assets/images/logos/618g.png b/assets/images/logos/618g.png
new file mode 100644
index 0000000000000000000000000000000000000000..47b339f64bac381c451862d76b2b6b3892f52c0e
GIT binary patch
diff --git a/assets/images/logos/meituxiuxiu.png b/assets/images/logos/meituxiuxiu.png
new file mode 100644
index 0000000000000000000000000000000000000000..9266f79f9cb99cd5346d720cc1aa125ffd389ab0
GIT binary patch
diff --git a/assets/images/logos/ocrwiz.png b/assets/images/logos/ocrwiz.png
new file mode 100644
index 0000000000000000000000000000000000000000..8da72af8e74e9a7bf1110e1ee9a1424432555129
GIT binary patch
diff --git a/assets/images/logos/yeelogo.png b/assets/images/logos/yeelogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f06c3906b4cbf29918d39c019fd027b0003d6dd
GIT binary patch
diff --git a/cn/index.html b/cn/index.html
index dbd529ba8..55d7e7c28 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -24,7 +24,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <meta name="author" content="viggo,yuanjh modify"/>
     <title>nav - 百宝箱</title>
-    <meta name="keywords"   content="百宝箱导航">
+    <meta name="keywords" content="百宝箱导航">
     <meta name="description" content="百宝箱导航">
     <link rel="shortcut icon" href="../assets/images/favicon.png">
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
@@ -266,7 +266,7 @@
             </header>
             <ul id="main-menu" class="main-menu">
                 <li>
-                    <a href="#search" >
+                    <a href="#search">
                         <i class="linecons-star"></i>
                         <span class="title">搜索</span>
                     </a>
@@ -381,24 +381,26 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
             </div>
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
-                     onclick="window.open('https://www.chromefor.com/', '_blank')" data-toggle="tooltip"
-                     data-placement="bottom" title="" data-original-title="https://www.chromefor.com/">
+                     onclick="window.open('http://jx.618g.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://jx.618g.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
-                            <img data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
+                            <img data-src="../assets/images/logos/618g.png" class="lozad img-circle" width="40">
                         </a>
                         <div class="xe-comment">
                             <a href="#" class="xe-user-name overflowClip_1">
-                                <strong>chrome插件</strong>
+                                <strong>视频vip备用</strong>
                             </a>
-                            <p class="overflowClip_2">chrome插件下载。</p>
+                            <p class="overflowClip_2">视频vip破解，备用地址</p>
                         </div>
                     </div>
                 </div>
             </div>
+
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
-                     onclick="window.open('https://regexr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom"
+                     onclick="window.open('https://regexr.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom"
                      title="" data-original-title="https://regexr.com/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
@@ -453,7 +455,8 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
             </div>
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
-                     onclick="window.open('https://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom"
+                     onclick="window.open('https://www.easyicon.net/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom"
                      title="" data-original-title="https://www.easyicon.net/">
                     <div class="xe-comment-entry">
                         <a class="xe-user-img">
@@ -666,7 +669,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                 </div>
             </div>
         </div>
-         <div class="row">
+        <div class="row">
             <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
                      onclick="window.open('http://tool.114la.com/network/urlconvert/', '_blank')" data-toggle="tooltip"
@@ -705,7 +708,7 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                     </div>
                 </div>
             </div>
-             <div class="col-sm-3">
+            <div class="col-sm-3">
                 <div class="xe-widget xe-conversations box2 label-info"
                      onclick="window.open('http://kuaizhao.coderschool.cn/', '_blank')" data-toggle="tooltip"
                      data-placement="bottom" title="" data-original-title="http://kuaizhao.coderschool.cn/">
@@ -722,6 +725,83 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                     </div>
                 </div>
             </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://xiuxiu.web.meitu.com/decorate/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://xiuxiu.web.meitu.com/decorate/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/meituxiuxiu.png" class="lozad 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>
+
+        <div class="row">
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://ocrwiz.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://ocrwiz.com/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/ocrwiz.png" class="lozad 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">图片中文本的识别，图片ocr</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://yeelogo.com/#/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="http://yeelogo.com/#/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/yeelogo.png" class="lozad 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>logo制作</strong>
+                            </a>
+                            <p class="overflowClip_2">在线logo制作工具，高度可定制性强</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://www.chromefor.com/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.chromefor.com/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>chrome插件</strong>
+                            </a>
+                            <p class="overflowClip_2">chrome插件下载。</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
         </div>
         <br/>
@@ -754,7 +834,8 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         <br/>
                         <blockquote>
                             <p>
-                                这是一个公益项目，基于开源项目的二次修改版，<a href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
+                                这是一个公益项目，基于开源项目的二次修改版，<a
+                                    href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
                                     href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
                             </p>
                         </blockquote>
@@ -789,7 +870,9 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
         </footer>
     </div>
 </div>
-<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
+<textarea tabindex="-1"
+          style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;"
+          class="autosizejs" id="autosizejs"></textarea>
 
 
 <script>

From 50cc5f7153f5a49f6da3b887b0b75c96320efaef Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 23:22:38 +0800
Subject: [PATCH 17/19] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/logos/9mf.png     | Bin 0 -> 1671 bytes
 assets/images/logos/dce.png     | Bin 0 -> 6553 bytes
 assets/images/logos/g.png       | Bin 0 -> 873 bytes
 assets/images/logos/nange.png   | Bin 0 -> 1745 bytes
 assets/images/logos/wanneng.png | Bin 0 -> 1299 bytes
 cn/index.html                   |  98 ++++++++++++++++++++++++++++++++
 6 files changed, 98 insertions(+)
 create mode 100644 assets/images/logos/9mf.png
 create mode 100644 assets/images/logos/dce.png
 create mode 100644 assets/images/logos/g.png
 create mode 100644 assets/images/logos/nange.png
 create mode 100644 assets/images/logos/wanneng.png

diff --git a/assets/images/logos/9mf.png b/assets/images/logos/9mf.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed91ac048f513e224c950c89b28f90fd741916f5
GIT binary patch
diff --git a/assets/images/logos/dce.png b/assets/images/logos/dce.png
new file mode 100644
index 0000000000000000000000000000000000000000..e25e32f752035872256620d518dcedd3692f075c
GIT binary patch
diff --git a/assets/images/logos/g.png b/assets/images/logos/g.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d0869de4a38e58265776058302936bafb20333a
GIT binary patch
diff --git a/assets/images/logos/nange.png b/assets/images/logos/nange.png
new file mode 100644
index 0000000000000000000000000000000000000000..942ca23914c15bc0262dee3732e9fa33d2f92018
GIT binary patch
diff --git a/assets/images/logos/wanneng.png b/assets/images/logos/wanneng.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d5b92a555e0d94c26e5d01b7cb6bd3b9e6dbf73
GIT binary patch
diff --git a/cn/index.html b/cn/index.html
index 55d7e7c28..4505ed4ae 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -802,7 +802,105 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常
                     </div>
                 </div>
             </div>
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://www.9mf.net/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://www.9mf.net/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/9mf.png" class="lozad 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>
+
+        <div class="row">
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://magnet.nange.cn/', '_blank')" data-toggle="tooltip"
+                     data-placement="bottom" title="" data-original-title="https://magnet.nange.cn/">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/nange.png" class="lozad 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 class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://scaffrey.coding.net/p/hosts/d/hosts/git/tree/master/README.md', '_blank')"
+                     data-toggle="tooltip"
+                     data-placement="bottom" title=""
+                     data-original-title="https://scaffrey.coding.net/p/hosts/d/hosts/git/tree/master/README.md">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/g.png" class="lozad img-circle" width="40">
+                        </a>
+                        <div class="xe-comment">
+                            <a href="#" class="xe-user-name overflowClip_1">
+                                <strong>googleHosts</strong>
+                            </a>
+                            <p class="overflowClip_2">访问google，配置hosts</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('https://wanneng.run/https://wenku.baidu.com/view/c2bc2c0e9a89680203d8ce2f0066f5335b81675f.html', '_blank')"
+                     data-toggle="tooltip"
+                     data-placement="bottom" title=""
+                     data-original-title="https://wanneng.run/https://wenku.baidu.com/view/c2bc2c0e9a89680203d8ce2f0066f5335b81675f.html">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/wanneng.png" class="lozad 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 class="col-sm-3">
+                <div class="xe-widget xe-conversations box2 label-info"
+                     onclick="window.open('http://www.dce.com.cn/qiquanwang/pxjy/qqgj74/index.html', '_blank')"
+                     data-toggle="tooltip"
+                     data-placement="bottom" title=""
+                     data-original-title="http://www.dce.com.cn/qiquanwang/pxjy/qqgj74/index.html">
+                    <div class="xe-comment-entry">
+                        <a class="xe-user-img">
+                            <img data-src="../assets/images/logos/dce.png" class="lozad 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/>
 

From 4841af3bdb0388f288114e412081647dbb74bb95 Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Sun, 3 May 2020 23:29:45 +0800
Subject: [PATCH 18/19] tmp

---
 cn/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/cn/index.html b/cn/index.html
index 4505ed4ae..68431b5a0 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -932,7 +932,9 @@ <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="关
                         <br/>
                         <blockquote>
                             <p>
-                                这是一个公益项目，基于开源项目的二次修改版，<a
+                                个人使用，感觉好用就行!
+                                <br/>
+                                基于开源项目的二次修改版，<a
                                     href="https://github.com/yuanjh6/WebStackPage.github.io">GITHUB</a>。你也可以拿来制作自己的网址导航。同时借(照)鉴(抄)了<a
                                     href="https://www.126yun.cn/">126云导航</a>的搜索框功能。
                             </p>

From db65c1b5b695dbb0c82ec2400f8d5a6f07c0282b Mon Sep 17 00:00:00 2001
From: hello886 <553882335@163.com>
Date: Thu, 7 May 2020 22:21:26 +0800
Subject: [PATCH 19/19] add mysite,thanks

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 5f152e8ca..776249d50 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,7 @@ JUST DOWNLOAD AND DO WHAT THE FUCK YOU WANT TO.
 | ✅已上线 |创意探手导航 | [创意探手导航](http://tans119.com/) |
 | ✅已上线 |126云导航 | [126云导航 \- 最好用的浏览器主页](http://www.126yun.cn//) |
 | ✅已上线 |qiqijiavip | [http://www.qiqijiavip.com](http://www.qiqijiavip.com) |
+| ✅已上线 |百宝箱(致敬126云导航) | [https://nav.yuanjh.cn](https://nav.yuanjh.cn) |
 | 🕗开发中 | zou0 | [http://www.zou0.com/cn/index.html](http://www.zou0.com/cn/index.html) |
 | 🕗开发中 | Matrix Navigation | [Matrix Navigation \-](https://navi.sh-oo.com/) |
 | 🕗开发中 | PMGEEK | [http://pmgeek.net/](http://pmgeek.net/) |
