diff --git a/assets/images/logo-collapsed.png b/assets/images/logo-collapsed.png
deleted file mode 100644
index 04bc192..0000000
Binary files a/assets/images/logo-collapsed.png and /dev/null differ
diff --git a/assets/images/logo-collapsed@2x.png b/assets/images/logo-collapsed@2x.png
index f62350b..a668aff 100644
Binary files a/assets/images/logo-collapsed@2x.png and b/assets/images/logo-collapsed@2x.png differ
diff --git a/assets/images/logo.png b/assets/images/logo.png
deleted file mode 100644
index 1d38a4b..0000000
Binary files a/assets/images/logo.png and /dev/null differ
diff --git a/assets/images/logos/365PSD.png b/assets/images/logos/365PSD.png
new file mode 100644
index 0000000..e42bc9c
Binary files /dev/null and b/assets/images/logos/365PSD.png differ
diff --git a/assets/images/logos/90sheji.png b/assets/images/logos/90sheji.png
new file mode 100644
index 0000000..b9f9bb6
Binary files /dev/null and b/assets/images/logos/90sheji.png differ
diff --git a/assets/images/logos/Medialoot.png b/assets/images/logos/Medialoot.png
new file mode 100644
index 0000000..8c64242
Binary files /dev/null and b/assets/images/logos/Medialoot.png differ
diff --git a/assets/images/logos/freepik.png b/assets/images/logos/freepik.png
new file mode 100644
index 0000000..3e8604f
Binary files /dev/null and b/assets/images/logos/freepik.png differ
diff --git a/assets/images/logos/lanrentuku.png b/assets/images/logos/lanrentuku.png
new file mode 100644
index 0000000..96af5e2
Binary files /dev/null and b/assets/images/logos/lanrentuku.png differ
diff --git a/assets/images/logos/nipic.png b/assets/images/logos/nipic.png
new file mode 100644
index 0000000..be8100a
Binary files /dev/null and b/assets/images/logos/nipic.png differ
diff --git a/assets/images/logos/psefan.png b/assets/images/logos/psefan.png
new file mode 100644
index 0000000..dc086a4
Binary files /dev/null and b/assets/images/logos/psefan.png differ
diff --git a/assets/images/logos/qianku.png b/assets/images/logos/qianku.png
new file mode 100644
index 0000000..3aecbff
Binary files /dev/null and b/assets/images/logos/qianku.png differ
diff --git a/assets/images/logos/qiantu.png b/assets/images/logos/qiantu.png
new file mode 100644
index 0000000..f483306
Binary files /dev/null and b/assets/images/logos/qiantu.png differ
diff --git a/assets/images/logos/sccnn.png b/assets/images/logos/sccnn.png
new file mode 100644
index 0000000..379bb3a
Binary files /dev/null and b/assets/images/logos/sccnn.png differ
diff --git a/assets/images/logos/sousucai.png b/assets/images/logos/sousucai.png
new file mode 100644
index 0000000..dd8dd5b
Binary files /dev/null and b/assets/images/logos/sousucai.png differ
diff --git a/assets/images/logos/wallhalla.png b/assets/images/logos/wallhalla.png
new file mode 100644
index 0000000..a305fa5
Binary files /dev/null and b/assets/images/logos/wallhalla.png differ
diff --git a/assets/images/logos/wotu.png b/assets/images/logos/wotu.png
new file mode 100644
index 0000000..1743160
Binary files /dev/null and b/assets/images/logos/wotu.png differ
diff --git a/cn/index.html b/cn/index.html
index 9f021bf..2f4737a 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="DesignStack" />
     <meta name="author" content="viggo" />
-    <title>DesignStack</title>
+    <title>WebStack</title>
     <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">
@@ -31,10 +31,10 @@
                 <header class="logo-env">
                     <!-- logo -->
                     <div class="logo">
-                        <a href="dashboard-1.html" class="logo-expanded">
+                        <a href="index.html" class="logo-expanded">
                             <img src="../assets/images/logo@2x.png" width="100%" alt="" />
                         </a>
-                        <a href="dashboard-1.html" class="logo-collapsed">
+                        <a href="index.html" class="logo-collapsed">
                             <img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
                         </a>
                     </div>
@@ -45,8 +45,6 @@
                     </div>
                 </header>
                 <ul id="main-menu" class="main-menu">
-                    <!-- add class "multiple-expanded" to allow multiple submenus to open -->
-                    <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
                     <li>
                         <a href="#常用推荐" class="smooth">
                             <i class="linecons-cog"></i>
@@ -60,7 +58,7 @@
                         </a>
                     </li>
                     <li>
-                        <a href="#发现产品" class="smooth">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">灵感采集</span>
                         </a>
@@ -94,7 +92,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#图标素材">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">素材资源</span>
                         </a>
@@ -110,8 +108,8 @@
                                 </a>
                             </li>
                             <li>
-                                <a href="#运营设计" class="smooth">
-                                    <span class="title">运营设计</span>
+                                <a href="#素材图库" class="smooth">
+                                    <span class="title">素材图库</span>
                                 </a>
                             </li>
                             <li>
@@ -147,7 +145,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#图形编辑">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">常用工具</span>
                         </a>
@@ -200,7 +198,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#视频教程">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">学习教程</span>
                         </a>
@@ -228,7 +226,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#交互网站">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">交互设计</span>
                         </a>
@@ -261,7 +259,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#UED团队">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">团队博客</span>
                         </a>
@@ -289,7 +287,7 @@
                         </ul>
                     </li>
                     <li>
-                        <a href="#插画设计">
+                        <a>
                             <i class="linecons-desktop"></i>
                             <span class="title">其他设计</span>
                         </a>
@@ -349,7 +347,7 @@
                 <ul class="user-info-menu right-links list-inline list-unstyled">
                     <li class="search-form">
                         <!-- You can add "always-visible" to show make the search input visible -->
-                        <form name="userinfo_search_form" method="get" action="extra-search.html">
+                        <form name="userinfo_search_form" method="get" action="#">
                             <input type="text" name="s" class="form-control search-field" placeholder="Type to search..." />
                             <button type="submit" class="btn btn-link">
                                 <i class="linecons-search"></i>
@@ -364,12 +362,12 @@
                         <ul class="dropdown-menu languages">
                             <li>
                                 <a href="#">
-                                    <img src="../assets/images/flags/flag-us.png" alt="flag-al" /> English
+                                    <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
                                 </a>
                             </li>
                             <li class="active">
                                 <a href="#">
-                                    <img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> Chinese
+                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                                 </a>
                             </li>
                         </ul>
@@ -1393,6 +1391,214 @@
                 </div>
             </div>
             <!--END LOGO设计 -->
+            <br />
+            <!-- 素材图库 -->
+            <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="素材图库"></i>素材图库</h4>
+            <div class="row">
+                <div class="col-sm-3">
+                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.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 src="../assets/images/logos/freepik.png" class="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 src="../assets/images/logos/wallhalla.png" class="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 src="../assets/images/logos/365PSD.png" class="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 src="../assets/images/logos/Medialoot.png" class="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 src="../assets/images/logos/qiantu.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>千图网</strong>
+                                </a>
+                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div 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 src="../assets/images/logos/qianku.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>千库网</strong>
+                                </a>
+                                <p class="overflowClip_2">免费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 src="../assets/images/logos/wotu.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>我图网</strong>
+                                </a>
+                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div 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 src="../assets/images/logos/90sheji.png" class="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 src="../assets/images/logos/nipic.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>昵图网</strong>
+                                </a>
+                                <p class="overflowClip_2">原创素材共享平台</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div 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 src="../assets/images/logos/lanrentuku.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>懒人图库</strong>
+                                </a>
+                                <p class="overflowClip_2">懒人图库专注于提供网页素材下载</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div 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 src="../assets/images/logos/sousucai.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>素材搜索</strong>
+                                </a>
+                                <p class="overflowClip_2">设计素材搜索聚合</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div 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 src="../assets/images/logos/psefan.png" class="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 src="../assets/images/logos/sccnn.png" class="img-circle" width="40">
+                            </a>
+                            <div class="xe-comment">
+                                <a href="#" class="xe-user-name overflowClip_1">
+                                    <strong>素材中国</strong>
+                                </a>
+                                <p class="overflowClip_2">免费素材共享平台</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br />
+            <!--END 素材图库 -->
             <!-- Main Footer -->
             <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
             <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
diff --git a/en/index.html b/en/index.html
index 9700c80..e760b8e 100644
--- a/en/index.html
+++ b/en/index.html
@@ -18,61 +18,61 @@
 <h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
 <div class="row">
     <div class="col-sm-3">
-        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
             <div class="xe-comment-entry">
                 <a class="xe-user-img">
                     <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                 </a>
                 <div class="xe-comment">
                     <a href="#" class="xe-user-name overflowClip_1">
-                        <strong>websiteName</strong>
+                        <strong>websiteNameHere</strong>
                     </a>
-                    <p class="overflowClip_2">websiteInfo</p>
+                    <p class="overflowClip_2">websiteInfoHere</p>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-sm-3">
-        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
             <div class="xe-comment-entry">
                 <a class="xe-user-img">
                     <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                 </a>
                 <div class="xe-comment">
                     <a href="#" class="xe-user-name overflowClip_1">
-                        <strong>websiteName</strong>
+                        <strong>websiteNameHere</strong>
                     </a>
-                    <p class="overflowClip_2">websiteInfo</p>
+                    <p class="overflowClip_2">websiteInfoHere</p>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-sm-3">
-        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
             <div class="xe-comment-entry">
                 <a class="xe-user-img">
                     <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                 </a>
                 <div class="xe-comment">
                     <a href="#" class="xe-user-name overflowClip_1">
-                        <strong>websiteName</strong>
+                        <strong>websiteNameHere</strong>
                     </a>
-                    <p class="overflowClip_2">websiteInfo</p>
+                    <p class="overflowClip_2">websiteInfoHere</p>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-sm-3">
-        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
+        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
             <div class="xe-comment-entry">
                 <a class="xe-user-img">
                     <img src="../assets/images/logos/default.png" class="img-circle" width="40">
                 </a>
                 <div class="xe-comment">
                     <a href="#" class="xe-user-name overflowClip_1">
-                        <strong>websiteName</strong>
+                        <strong>websiteNameHere</strong>
                     </a>
-                    <p class="overflowClip_2">websiteInfo</p>
+                    <p class="overflowClip_2">websiteInfoHere</p>
                 </div>
             </div>
         </div>