Refactor homepage sections (#179)

diff --git a/LICENSE b/LICENSE
index ae3d66d..df22636 100644
--- a/LICENSE
+++ b/LICENSE
@@ -211,4 +211,5 @@
    proto files from gohugoio/hugo: https://github.com/gohugoio/hugo  Apache 2.0
    proto files from mdo/github-buttons: https://github.com/mdo/github-buttons  Apache 2.0
    proto files from google/docsy: https://github.com/google/docsy  Apache 2.0
+   proto files from nolimits4web/swiper https://github.com/nolimits4web/swiper  The MIT License (MIT)
 
diff --git a/content/_index.html b/content/_index.html
index 5ab7381..a8e14c0 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -3,7 +3,7 @@
 linkTitle = "Apache SkyWalking"
 +++
 
-{{< blocks/cover title="Apache SkyWalking" image_anchor="top" height="full" color="orange" >}}
+{{< blocks/cover title="Apache SkyWalking" image_anchor="top" height="full" color="dark" >}}
 <div class="mx-auto">
 	<a class="btn btn-lg btn-primary mr-3 mb-4" href="https://github.com/apache/skywalking/tree/master/docs">
 		Quick Start<i class="fas fa-arrow-alt-circle-right ml-2"></i>
@@ -11,25 +11,6 @@
 	<a class="btn btn-lg btn-secondary mr-3 mb-4" href="https://github.com/apache/skywalking">
 	GitHub<i class="fab fa-github ml-2 "></i>
 	</a>
-    <div class="btn-group demo-wrapper">
-        <a class="btn btn-lg btn-primary mr-3 mb-4 btn-demo dropdown-toggle"
-           data-toggle="dropdown"
-           aria-haspopup="true" aria-expanded="false"
-           href="javascript:;">
-            Live Demo<i class="fas fa-chart-line ml-2"></i>
-        </a>
-        <div class="dropdown-menu">
-            <span class="icon-copy fa fa-copy" title="copy"></span>
-            <h6 class="dropdown-header">User: skywalking</h6>
-            <h6 class="dropdown-header">Password: skywalking</h6>
-            <div class="dropdown-item">
-                <span class="line"></span>
-                <a class="btn btn-outline-primary btn-sm demo-link" target="_blank" href="http://demo.skywalking.apache.org/">
-                    Go
-                </a>
-            </div>
-        </div>
-    </div>
 	<p class="lead mt-5">
         Application performance monitor tool for distributed systems, especially designed for microservices, cloud native and container-based (Docker, Kubernetes, Mesos) architectures.
     </p>
@@ -39,7 +20,7 @@
 
 <div id="overview" class="bg-box">
   <div class="contain" id="introduction">
-    <h2 class="section-head">What is SkyWalking?</h2>
+    <h1 class="section-head">What is SkyWalking?</h1>
     <p>
     SkyWalking is an Observability Analysis Platform and Application Performance Management system.
     </p>
@@ -47,7 +28,7 @@
      <p>Java, .Net Core, PHP, NodeJS, Golang, LUA, C++ agents supported</p>
      <p>Istio + Envoy Service Mesh supported</p>
 
-      <div class="swiper-container">
+      <div class="swiper-container arch-swiper-container">
           <div class="swiper-wrapper">
               <div class="swiper-slide">
                   <img src="/images/skywalking-arch-3800x1600.jpg" width="" alt="Cloud Native Computing Foundation" title="Cloud Native Computing Foundation">
@@ -66,19 +47,40 @@
                   <img src="/screenshots/6.1.0/trace_3800x1600.png" width="" alt="dashboard" title="dashboard">
               </div>
           </div>
-          <div class="swiper-pagination"></div>
+          <div class="arch-swiper-pagination swiper-pagination"></div>
 
-          <div class="swiper-button-prev"></div>
-          <div class="swiper-button-next"></div>
+          <div class="arch-swiper-button-prev swiper-button-prev"></div>
+          <div class="arch-swiper-button-next swiper-button-next"></div>
 
       </div>
   </div>
 </div>
 
+<!--event-->
+<div id="overview" class="live-demo-wrapper">
+    <div class="contain">
+        <h1 class="section-head">Live Demo</h1>
+
+        <p>
+            <span>User: skywalking</span>
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>Password: skywalking</span>
+        </p>
+
+        <p>
+            <a class="btn btn-lg mb-5 btn-primary  demo-link" target="_blank" href="http://demo.skywalking.apache.org/">
+                Go
+            </a>
+        </p>
+    </div>
+    <div class="demo-line"></div>
+</div>
+
+
 <!--Feature List-->
 <div id="overview" class="feature-wrapper">
     <div class="contain feature">
-        <h2 class="section-head">Feature List</h2>
+        <h1 class="section-head">Feature List</h1>
 
         <div class="container flex-wrapper">
             <div class="home-li">
@@ -161,49 +163,33 @@
 </div>
 
 <!--event-->
-<!-- TODO
 <div id="overview" class="bg-box event">
     <div class="contain">
-        <h2 class="section-head">Events &amp; News</h2>
+        <h1 class="section-head">Events &amp; News</h1>
 
         <div class="container flex-wrapper">
-
-            <div class="home-event-li">
-                <h5>SkyWalking Cloud on Kubernetes 0.1.0 is released</h5>
-                <p class="time"> Nov. 16th, 2020</p>
-                <p>OAPServer CRDs and controller.</p>
-            </div>
-            <div class="home-event-li">
-                <h5>Welcome Jiapeng Liu as new committer</h5>
-                <p class="time">  Nov. 5th, 2020</p>
-                <p>Based on his continuous contributions, Jiapeng Liu (a.k.a <a href="https://github.com/evanljp">evanljp</a> has been voted as a new committer.</p>
-            </div>
-            <div class="home-event-li">
-                <h5>SkyWalking Kubernetes Helm Chart 4.0.0 is released</h5>
-                <p class="time"> Nov. 3rd, 2020</p>
-                <p>Allow overriding default configurations files; Unify usages of different SkyWalking Versions.</p>
-            </div>
-            <div class="home-event-li">
-                <h5>SkyWalking Client JS 0.1.0 is released</h5>
-                <p class="time"> Oct. 30th, 2020</p>
-                <p>Support Browser Side Monitoring. Require SkyWalking APM 8.2+.</p>
-            </div>
+            {{< blocks/events >}}
+            {{< /blocks/events >}}
         </div>
     </div>
 </div>
--->
 
-<div id="overview">
-    <div class="contain">
-        <h2 class="section-head">Who is using SkyWalking?</h2>
-        <p>
-            Various companies and organizations use SkyWalking for research, production and commercial products.
-        </p>
-        <img src="/images/users.png" width="" alt="SkyWalking users" title="SkyWalking users">
-        <p>The <a href="https://github.com/apache/skywalking/blob/master/docs/powered-by.md">PoweredBy</a> page includes more users of the project.</p>
+<div id="users">
+    <div id="overview">
+        <div class="contain">
+            <h1 class="section-head">Our Users</h1>
+            <p>
+                Various companies and organizations use SkyWalking for research, production and commercial products.
+            </p>
+            {{< blocks/users >}}
+            {{< /blocks/users >}}
+
+            <p>Users are encouraged to add themselves to this page. Send a pull request to add your company or organization information <a target="_blank" href="https://github.com/apache/skywalking-website/blob/master/data/homepage.yml">[here]</a>.</p>
+        </div>
     </div>
 </div>
 
+
 {{< blocks/section >}}
 {{% blocks/feature icon="fa-question" title="Any questions?" %}}
 Features request, ask questions or report bugs? Feel free to <a href="https://github.com/apache/skywalking/issues/">file a issue</a> or join our <a href="http://s.apache.org/slack-invite">slack</a> workspace.
@@ -229,30 +215,3 @@
 </div>
 {{< /blocks/section >}}
 -->
-<script>
-  var mySwiper = new Swiper ('.swiper-container', {
-    loop: true,
-    effect : 'fade',
-    fadeEffect: {
-      crossFade: true,
-    },
-    autoplay: {
-      delay: 3000,
-    },
-    pagination: {
-      el: '.swiper-pagination',
-      dynamicBullets: true,
-    },
-
-    navigation: {
-      nextEl: '.swiper-button-next',
-      prevEl: '.swiper-button-prev',
-    },
-
-  });
-  $(function () {
-    $('.icon-arrow').click(function() {
-      $('html,body').animate({ scrollTop: $("#introduction").offset().top - 100 }, 400)
-    });
-  })
-</script>
diff --git a/data/docs.yml b/data/docs.yml
index ee84e48..50d0e18 100644
--- a/data/docs.yml
+++ b/data/docs.yml
@@ -90,7 +90,7 @@
 
     - name: SkyWalking Cloud on Kubernetes
       icon: K
-      description: A bridge project between Apache SkyWalking and Kubernetes. 
+      description: A bridge project between Apache SkyWalking and Kubernetes.
       user: apache
       repo: skywalking-swck
       docs:
@@ -120,7 +120,7 @@
       repo: skywalking-query-protocol
 
 - type: Tools
-  description:
+  description: SkyWalking native tools to support development and testing.
   list:
     - name: skywalking-agent-test-tool
       icon: T
diff --git a/data/homepage.yml b/data/homepage.yml
new file mode 100644
index 0000000..f811082
--- /dev/null
+++ b/data/homepage.yml
@@ -0,0 +1,683 @@
+users:
+  - name: Anheuser-Busch
+    info: Anheuser-Busch InBev 百威英博
+    website: https://www.ab-inbev.com/
+    logo: /images/users/ABInbev_Logo.png
+
+  - name: Agricultural Bank of China
+    info: Agricultural Bank of China 中国农业银行
+    website: http://www.abchina.com/
+    logo: /images/users/Agricultural_Bank_of_China_logo.png
+
+  - name: Alibaba Cloud
+    info: Alibaba Cloud, 阿里云,
+    website: http://aliyun.com
+    logo: /images/users/aliyun_01_logo.png
+
+  - name: CAS
+    info: Chinese Academy of Sciences
+    website: https://english.cas.cn/
+    logo: /images/users/CAS_logo.png
+
+  - name: CMB China
+    info: China Merchants Bank. 中国招商银行.
+    website: http://www.cmbchina.com/
+    logo: /images/users/cmb_logo.png
+
+  - name: Baidu
+    info: baidu 百度
+    website: https://www.baidu.com/
+    logo: /images/users/baidu_logo.png
+
+  - name: China Eastern
+    info: China Eastern Airlines 中国东方航空
+    website: http://www.ceair.com/
+    logo: /images/users/China_Eastern_logo.png
+
+  - name: Tencent
+    info: 腾讯
+    website: https://www.tencent.com/
+    logo: /images/users/tencent_Logo.png
+
+  - name: Minsheng Bank
+    info: Minsheng FinTech / China Minsheng Bank 民生科技有限责任公司
+    website: http://www.mskj.com/
+    logo: /images/users/China_Minsheng_Bank_logo.png
+
+  - name: Tetrate
+    info: Tetrate
+    website: https://www.tetrate.io/
+    logo: /images/users/tetrate_dark_logo.png
+
+  - name: China Telecom
+    info: China Telecom 中国电信
+    website: http://www.chinatelecom.com.cn/
+    logo: /images/users/China_Telecom_logo.png
+
+  - name: China Unicom
+    info: China Unicom 中国联通
+    website: http://www.chinaunicom.com/
+    logo: /images/users/China_Unicom_logo.png
+
+  - name: Huawei
+    info: Huawei
+    website: https://www.huawei.com/
+    logo: /images/users/huawei_logo.png
+
+  - name: PingAn
+    info: Ping An Technology / Ping An Insurance 平安科技
+    website: https://tech.pingan.com/
+    logo: /images/users/pingan_logo.png
+
+  - name: MI
+    ingo: Xiaomi. 小米.
+    website: https://www.mi.com/
+    logo: /images/users/mi_logo.png
+
+  - name: WeBank
+    info: WeBank. 微众银行
+    website: http://www.webank.com
+    logo: /images/users/weBank_logo.png
+
+  - name: DaoCloud
+    info: DaoCloud.
+    website: https://www.daocloud.io/
+    logo: /images/users/DaoCloud_Logo.png
+
+
+  - name: China Mobile
+    info: China Mobile 中国移动
+    website: https://www.chinamobileltd.com/
+    logo: /images/users/China_Mobile_logo.png
+
+  - name: DiDi
+    info: DiDi 滴滴出行
+    website: https://www.didiglobal.com/
+    logo: /images/users/didi_logo.png
+
+  - name: SFExpress
+    info: SF Express 顺丰速运
+    website: https://www.sf-express.com/
+    logo: /images/users/SFExpress_logo.png
+
+  - name: Ke
+    info: Ke.com. 贝壳找房.
+    website: https://www.ke.com
+    logo: /images/users/beike_logo.png
+
+  - name: China Tower
+    info: China Tower 中国铁塔
+    website: https://www.china-tower.com/
+    logo: /images/users/CHINA_TOWER_logo.png
+
+  - name: Inspur
+    info: Inspur 浪潮集团
+    logo: /images/users/inspur_logo.png
+
+  - name: Guazi
+    info: Guazi.com 瓜子二手车直卖网.
+    website: https://www.guazi.com/
+    logo: /images/users/guazi_Logo.png
+
+  - name: Sina
+    info: Sina 新浪
+    website: https://www.sina.com.cn/
+    logo: /images/users/sina_logo.png
+
+  - name: NetEase
+    info: NetEase 网易
+    website: https://www.163.com/
+    logo: /images/users/NetEase_logo.png
+
+  - name: Lenovo
+    info: Lenovo 联想
+    website: https://www.lenovo.com.cn/
+    logo: /images/users/lenovo_logo.png
+
+  - name: GOME
+    info: GOME 国美
+    website: https://www.gome.com.cn/
+    logo: /images/users/GoMe_logo.png
+
+  - name: Peking University
+    info: Peking University 北京大学
+    website: https://www.pku.edu.cn/
+    logo: /images/users/PKU_logo.png
+
+  - name: STATE GRID Corporation of China
+    info: State Grid Corporation of China 国家电网有限公司
+    website: http://www.sgcc.com.cn/
+    logo: /images/users/sgcc_logo.png
+
+  - name: Yong Hui
+    info: Yonghui Superstores Co., Ltd. 永辉超市
+    website: http://www.yonghui.com.cn
+    logo: /images/users/yonghui_logo.png
+
+  - name: Zhao Pin
+    info: zhaopin.com 智联招聘
+    website: https://www.zhaopin.com/
+    logo: /images/users/zhaopin_logo.png
+
+  - name: SPD Bank
+    info: SPD Bank 浦发银行
+    website: https://ebank.spdb.com.cn/
+    logo: /images/users/SPD_Bank_logo.png
+
+  - name: 100tal
+    info: 100tal.cn 北京世纪好未来教育科技有限公司
+    website: http://www.100tal.com/
+    logo: /images/users/100tal_logo.png
+
+  - name: 17173
+    info: 17173.com
+    website: https://www.17173.com/
+    logo: /images/users/17173_logo.png
+
+  - name: Grow Force
+    info: 300.cn 中企动力科技股份有限公司
+    website: http://www.300.cn/
+    logo: /images/users/grow_force_logo.svg
+
+  - name: 360shuke
+    info: 360jinrong.net 360金融
+    website: https://www.360jinrong.net/
+    logo: /images/users/360shuke_logo.png
+
+  - name: 4399
+    info: 4399.com 四三九九网络股份有限公司.
+    website: http://www.4399.com/
+    logo: /images/users/4399_logo.gif
+
+  - name: 51mydao
+    info: 51mydao.com 买道传感科技(上海)有限公司
+    website: https://www.51mydao.com/
+    logo: /images/users/51mydao_logo.png
+
+  - name: Daojia
+    info: 58 Daojia Inc. 58到家
+    website: https://www.daojia.com
+    logo: /images/users/daojia_logo.png
+
+  - name: 5i5j
+    info: 5i5j. 上海我爱我家房地产经纪有限公司
+    website: https://sh.5i5j.com/about/
+    logo: /images/users/5i5j_logo.png
+
+  - name: Aihuishou
+    info: Aihuishou.com 爱回收网
+    website: http://www.aihuishou.com/
+    logo: /images/users/aihuishou_logo.png
+
+  - name: Anxin Insurance
+    info: Anxin Insurance. 安心财产保险有限责任公司
+    website: https://www.95303.com
+    logo: /images/users/AnxinInsurance_logo.png
+
+  - name: AsiaInfo
+    info: AsiaInfo Inc.
+    website: http://www.asiainfo.com.cn/
+    logo: /images/users/asiainfo_logo.png
+
+  - name: Autohome
+    info: Autohome. 汽车之家.
+    website: http://www.autohome.com.cn
+    logo: /images/users/autohome_logo.png
+
+  - name: Baixing
+    info: Baixing.com 百姓网
+    website: http://www.baixing.com/
+    logo: /images/users/Baixing_logo.png
+
+  - name: Bitauto
+    info: bitauto 易车
+    website: http://bitauto.com
+    logo: /images/users/bitauto_logo.png
+
+  - name: Ebanma
+    info: hellobanma 斑马网络
+    website: https://www.hellobanma.com/
+    logo: /images/users/ebanma_logo.png
+
+  - name: Bestsign
+    info: bestsign. 上上签.
+    website: https://www.bestsign.cn/page/
+    logo: /images/users/bestsign_logo.png
+
+  - name: Beike Finance
+    info: Beike Finance 贝壳金服
+    website: https://www.bkjk.com/
+    logo: /images/users/bkjf_logo.png
+
+  - name: Bocloud
+    info: BoCloud 苏州博纳讯动软件有限公司.
+    website: http://www.bocloud.com.cn/
+    logo: /images/users/bocloud_logo.png
+
+  - name: Cdlhyj
+    info: Cdlhyj.com 六合远教(成都)科技有限公司
+    website: http://www.cdlhyj.com
+    logo: /images/users/cdlhyj_logo.png
+
+  - name: China Expressair
+    info: China Express Airlines 华夏航空
+    website: http://www.chinaexpressair.com/
+    logo: /images/users/chinaexpressair_logo.svg
+
+  - name: Bidata
+    info: Chinadaas. 北京中数智汇科技股份有限公司.
+    website: https://www.chinadaas.com/
+    logo: /images/users/bidata_logo.png
+
+  - name: Chinasoft
+    info: Chinasoft International 中软国际
+    website: http://www.chinasofti.com/
+    logo: /images/users/chinasoft_logo.png
+
+
+  - name: Chtwm
+    info: Chtwm.com. 恒天财富投资管理股份有限公司.
+    website: https://www.chtwm.com/
+    logo: /images/users/chtwm_logo.png
+
+  - name: Cmft
+    info: Cmft.com. 招商局金融科技.
+    website: https://www.cmft.com/
+    logo: /images/users/cmft_logo.png
+
+  - name: Cxist
+    info: CXIST.com 上海程析智能科技有限公司
+    website: https://www.cxist.com/
+    logo: /images/users/cxist_logo.png
+
+  - name: Dangdang
+    info: Dangdang.com. 当当网.
+    website: http://www.dangdang.com/
+    logo: /images/users/dangdang_logo.png
+
+  - name: DeepBlue
+    info: deepblueai.com 深兰科技上海有限公司
+    website: https://www.deepblueai.com/
+    logo: /images/users/deepblue_logo.png
+
+  - name: Deppon Logistics Co Ltd
+    info: Deppon Logistics Co Ltd 德邦物流
+    website: https://www.deppon.com/
+    logo: /images/users/deppon_logo.png
+
+  - name: Ding Xiang Yuan
+    info: dxy.cn 丁香园
+    website: http://www.dxy.cn/
+    logo: /images/users/dxy_logo.png
+
+  - name: Byte Dance
+    info: Byte Dance 字节跳动
+    website: https://bytedance.com
+    logo: /images/users/bytedance_logo.png
+
+  - name: Echplus
+    info: Echplus.com 北京易诚互动网络技术有限公司
+    website: http://www.echplus.com/
+    logo: /images/users/echplus_logo.png
+
+  - name: Enmonster
+    info: Enmonster 怪兽充电
+    website: http://www.enmonster.com/
+    logo: /images/users/enmonster_logo.png
+
+  - name: Eqxiu
+    info: Eqxiu.com. 北京中网易企秀科技有限公司
+    website: http://www.eqxiu.com/
+    logo: /images/users/eqxiu_logo.png
+
+  - name: Essence
+    info: essence.com.cn 安信证券股份有限公司
+    website: http://www.essence.com.cn/
+    logo: /images/users/essence_logo.png
+
+  - name: Fangdd
+    info: fangdd.com 房多多
+    website: https://www.fangdd.com
+    logo: /images/users/fdd_logo.png
+
+  - name: Fullgoal
+    info: fullgoal.com.cn 富国基金管理有限公司
+    website: https://www.fullgoal.com.cn/
+    logo: /images/users/fullgoal_logo.png
+
+  - name: GSX Techedu
+    info: GSX Techedu Inc. 跟谁学
+    website: https://www.genshuixue.com
+    logo: /images/users/genshuixue_logo.png
+
+  - name: Guohuaitech
+    info: guohuaitech.com 北京国槐信息科技有限公司.
+    website: http://www.guohuaitech.com/
+    logo: /images/users/guohuai_logo.png
+
+  - name: GrowingIO
+    info: GrowingIO 北京易数科技有限公司
+    website: https://www.growingio.com/
+    logo: /images/users/GrowingIO_logo.png
+
+  - name: Haiercash
+    info: Haier. 海尔消费金融
+    website: https://www.haiercash.com/
+    logo: /images/users/haiercash_logo.png
+
+  - name: Haoyunhu
+    info: Haoyunhu. 上海好运虎供应链管理有限公司
+    website: http://www.haoyunhu56.com/
+    logo: /images/users/haoyunhu_logo.png
+
+  - name: Helijia
+    info: helijia.com 河狸家
+    website: http://www.helijia.com/
+    logo: /images/users/helijia_logo.png
+
+  - name: Hunliji
+    info: hunliji.com 婚礼纪
+    website: https://www.hunliji.com/
+    logo: /images/users/Hunliji_logo.png
+
+  - name: hydee
+    info: hydee.cn 海典软件
+    website: http://www.hydee.cn/
+    logo: /images/users/hydee_logo.png
+
+  - name: iBoxChain
+    info: iBoxChain 盒子科技
+    website: https://www.iboxpay.com/
+    logo: /images/users/iBoxChain_logo.png
+
+  - name: iFLYTEK
+    info: iFLYTEK. 科大讯飞股份有限公司-消费者BG
+    website: http://www.iflytek.com/
+    logo: /images/users/iFLYTEK_logo.png
+
+  - name: iQIYI
+    info: iQIYI.COM. 爱奇艺
+    website: https://www.iqiyi.com/
+    logo: /images/users/iqiyi_logo.png
+
+  - name: juhaokan
+    info: juhaokan 聚好看科技股份有限公司
+    website: https://www.juhaokan.org/
+    logo: /images/users/juhaokan_logo.png
+
+  - name: KubeSphere
+    info: KubeSphere
+    website: https://kubesphere.io
+    logo: /images/users/kubesphere_logo.png
+
+  - name: JoinTown
+    info: JoinTown. 九州通医药集团
+    website: http://www.jztey.com/
+    logo: /images/users/jiuzhou_logo.png
+
+  - name: Lagou
+    info: Lagou.com. 拉勾.
+    website: https://www.lagou.com/
+    logo: /images/users/lagou_logo.png
+
+  - name: Lagou
+    info: Lagou.com. 拉勾.
+    website: https://www.lagou.com/
+    logo: /images/users/lagou_logo.png
+
+  - name: Liaofan168
+    info: 了凡科技
+    website: http://www.liaofan168.com
+    logo: /images/users/liaofan_logo.png
+
+  - name: Lianzhongyouche
+    info: lianzhongyouche.com.cn 联众优车
+    website: https://www.lianzhongyouche.com.cn/
+    logo: /images/users/lzyc_logo.png
+
+  - name: Lima
+    info: Lima 北京力码科技有限公司
+    website: https://www.zhongbaounion.com/
+    logo: /images/users/lmkj_logo.png
+
+  - name: Lifesense
+    info: Lifesense.com 广东乐心医疗电子股份有限公司
+    website: http://www.lifesense.com/
+    logo: /images/users/lifesense_logo.png
+
+  - name: Lizhi
+    info: lizhi.fm 荔枝FM
+    website: https://www.lizhi.fm/
+    logo: /images/users/lizhi_logo.png
+
+  - name: Lixiang
+    info: Lixiang.com 理想汽车
+    website: https://www.lixiang.com/
+    logo: /images/users/lixiang_logo.png
+
+  - name: Madecare
+    info: Madecare. 北京美德远健科技有限公司.
+    website: http://www.madecare.com/
+    logo: /images/users/madecare_logo.png
+
+  - name: Maodou
+    info: Maodou.com 毛豆新车网.
+    website: https://www.maodou.com/
+    logo: /images/users/maodou_logo.png
+
+  - name: Mxnavi
+    info: Mxnavi. 沈阳美行科技有限公司
+    website: http://www.mxnavi.com/
+    logo: /images/users/mxnavi_logo.png
+
+  - name: Moji
+    info: Moji 墨叽(深圳)科技有限公司
+    website: https://www.mojivip.com
+    logo: /images/users/moji_logo.png
+
+
+  - name: Migu
+    info: Migu Digital Media Co.Ltd. 咪咕数字传媒有限公司
+    website: http://www.migu.cn/
+    logo: /images/users/migu_logo.png
+
+  - name: Oriente
+    info: Oriente.
+    website: https://oriente.com/
+    logo: /images/users/oriente_logo.png
+
+  - name: Primeton
+    info: Primeton.com 普元信息技术股份有限公司
+    website: http://www.primeton.com
+    logo: /images/users/primeton_logo.png
+
+  - name: Qiniu
+    info: qiniu.com 七牛云
+    website: http://qiniu.com
+    logo: /images/users/qiniu_logo.png
+
+  - name: Qingyidai
+    info: Qingyidai.com 轻易贷
+    website: https://www.qingyidai.com/
+    logo: /images/users/qingyidai_logo.png
+
+  - name: Qk365
+    info: Qk365.com 上海青客电子商务有限公司
+    website: https://www.qk365.com
+    logo: /images/users/qk365_logo.png
+
+  - name: Qudian
+    info: Qudian 趣店
+    website: http://ir.qudian.com/
+    logo: /images/users/Qudian_logo.png
+
+  - name: Renren
+    info: Renren Network 人人网
+    website: http://www.renren.com/
+    logo: /images/users/renren_logo.png
+
+  - name: Rong Data
+    info: Rong Data. 荣数数据
+    website: http://www.rong-data.com/
+    logo: /images/users/rongdata_logo.png
+
+  - name: Safedog
+    info: Safedog. 安全狗.
+    website: http://www.safedog.cn/
+    logo: /images/users/safedog_logo.png
+
+  - name: Servingcloud
+    info: servingcloud.com 盈佳云创科技(深圳)有限公司
+    website: http://www.servingcloud.com/
+    logo: /images/users/yingjia_logo.png
+
+  - name: Shouqi
+    info: Shouqi Limousine & chauffeur Group 首约科技(北京)有限公司.
+    website: https://www.01zhuanche.com/
+    logo: /images/users/shouqi_logo.png
+
+  - name: Shuaibaoshop
+    info: shuaibaoshop.com 宁波鲸灵网络科技有限公司
+    website: http://www.shuaibaoshop.com/
+    logo: /images/users/shuaibao_logo.png
+
+  - name: Shuyun
+    info: shuyun.com 杭州数云信息技术有限公司
+    website: http://www.shuyun.com/
+    logo: /images/users/shuyun_logo.png
+
+  - name: Sijibao
+    info: Sijibao.com 司机宝
+    website: https://www.sijibao.com/
+    logo: /images/users/sijibao_logo.png
+
+  - name: Sinolink
+    info: Sinolink Securities Co.,Ltd. 国金证券佣金宝
+    website: http://www.yongjinbao.com.cn/
+    logo: /images/users/yongjinbao_logo.png
+
+  - name: Source++
+    info: Source++
+    website: https://sourceplusplus.com
+    logo: /images/users/sourcemarker_logo.png
+
+  - name: StartDT
+    info: StartDT 奇点云
+    website: https://www.startdt.com/
+    logo: /images/users/startdt_logo.png
+
+  - name: Szhittech
+    info: szhittech.com 深圳和而泰智能控制股份有限公司.
+    website: http://www.szhittech.com/
+    logo: /images/users/szhittech_logo.png
+
+  - name: Thomas Cook
+    info: Thomas Cook 托迈酷客
+    website: https://www.thomascook.com.cn
+    logo: /images/users/thomascook_logo.png
+
+  - name: Tongcheng
+    info: Tongcheng. 同城金服.
+    website: https://jr.ly.com/
+    logo: /images/users/tcsk_logo.png
+
+  - name: Tongcheng
+    info: TravelSky 中国航信
+    website: https://www.travelsky.com/
+    logo: /images/users/travelsky_logo.png
+
+  - name: Tools information technology
+    info: Tools information technology co. LTD 杭州图尔兹信息技术有限公司
+    website: http://bintools.cn/
+    logo: /images/users/bintools_logo.png
+
+  - name: Tuhu
+    info: tuhu.cn 途虎养车
+    website: https://www.tuhu.cn
+    logo: /images/users/tuhu_logo.png
+
+  - name: Tuya
+    info: Tuya. 涂鸦智能.
+    website: https://www.tuya.com
+    logo: /images/users/tuya_logo.png
+
+  - name: Tydic
+    info: Tydic 天源迪科
+    website: https://www.tydic.com/
+    logo: /images/users/tydic_logo.png
+
+  - name: VBill
+    info: VBill Payment Co., LTD. 随行付.
+    website: https://www.vbill.cn/
+    logo: /images/users/VBill_logo.png
+
+  - name: Wahaha Group
+    info: Wahaha Group 娃哈哈
+    website: http://www.wahaha.com.cn/
+    logo: /images/users/wahaha_logo.png
+
+  - name: Wochu
+    info: Wochu. 我厨买菜.
+    website: https://www.wochu.cn
+    logo: /images/users/wochu_logo.png
+
+  - name: Xin
+    info: xin.com 优信集团
+    website: http://www.xin.com
+    logo: /images/users/xin_logo.png
+
+  - name: Xinyebang
+    info: Xinyebang.com 重庆欣业邦网络技术有限公司
+    website: http://www.xinyebang.com
+    logo: /images/users/xinyebang_logo.png
+
+  - name: Xueqiu
+    info: xueqiu.com 雪球财经.
+    website: https://xueqiu.com/
+    logo: /images/users/xueqiu_logo.png
+
+  - name: Yibainetwork
+    info: yibainetwork.com 深圳易佰网络有限公司
+    website: http://www.yibainetwork.com/
+    logo: /images/users/yibai_logo.png
+
+  - name: Yiguo
+    info: Yiguo. 易果生鲜.
+    website: http://www.yiguo.com/
+    logo: /images/users/yiguo_logo.png
+
+  - name: Yinji
+    info: Yinji(shenzhen)Network Technology Co.,Ltd. 印记.
+    website: http://www.yinjiyun.cn/
+    logo: /images/users/yinji_logo.png
+
+  - name: Yonyou
+    info: Yonyou 用友
+    website: https://www.yonyou.com/
+    logo: /images/users/yongyou_logo.png
+
+  - name: Youzan
+    info: Youzan.com 杭州有赞科技有限公司
+    website: http://www.youzan.com/
+    logo: /images/users/youzan_logo.png
+
+  - name: Yunda
+    info: Yunda Express 韵达快运
+    website: http://www.yunda56.com/
+    logo: /images/users/yunda_logo.png
+
+  - name: Yunxuetang
+    info: yxt 云学堂
+    website: http://www.yxt.com/
+    logo: /images/users/yunxuetang_logo.png
+
+  - name: Zbj
+    info: zbj.com 猪八戒
+    website: https://www.zbj.com/
+    logo: /images/users/zbj_logo.png
+
+  - name: Zjs
+    info: zjs.com.cn 北京宅急送快运股份有限公司
+    website: http://www.zjs.com.cn/
+    logo: /images/users/zjs_logo.png
+
diff --git a/static/images/users/100tal_logo.png b/static/images/users/100tal_logo.png
new file mode 100644
index 0000000..5b282c0
--- /dev/null
+++ b/static/images/users/100tal_logo.png
Binary files differ
diff --git a/static/images/users/17173_logo.png b/static/images/users/17173_logo.png
new file mode 100644
index 0000000..468cfca
--- /dev/null
+++ b/static/images/users/17173_logo.png
Binary files differ
diff --git a/static/images/users/360shuke_logo.png b/static/images/users/360shuke_logo.png
new file mode 100644
index 0000000..7dc1f96
--- /dev/null
+++ b/static/images/users/360shuke_logo.png
Binary files differ
diff --git a/static/images/users/4399_logo.gif b/static/images/users/4399_logo.gif
new file mode 100644
index 0000000..d2479e7
--- /dev/null
+++ b/static/images/users/4399_logo.gif
Binary files differ
diff --git a/static/images/users/51mydao_logo.png b/static/images/users/51mydao_logo.png
new file mode 100644
index 0000000..71e7965
--- /dev/null
+++ b/static/images/users/51mydao_logo.png
Binary files differ
diff --git a/static/images/users/5i5j_logo.png b/static/images/users/5i5j_logo.png
new file mode 100644
index 0000000..f3bb9db
--- /dev/null
+++ b/static/images/users/5i5j_logo.png
Binary files differ
diff --git a/static/images/users/ABInbev_Logo.png b/static/images/users/ABInbev_Logo.png
new file mode 100644
index 0000000..28ac583
--- /dev/null
+++ b/static/images/users/ABInbev_Logo.png
Binary files differ
diff --git a/static/images/users/Agricultural_Bank_of_China_logo.png b/static/images/users/Agricultural_Bank_of_China_logo.png
new file mode 100644
index 0000000..ea2521f
--- /dev/null
+++ b/static/images/users/Agricultural_Bank_of_China_logo.png
Binary files differ
diff --git a/static/images/users/AnxinInsurance_logo.png b/static/images/users/AnxinInsurance_logo.png
new file mode 100644
index 0000000..1272848
--- /dev/null
+++ b/static/images/users/AnxinInsurance_logo.png
Binary files differ
diff --git a/static/images/users/Baixing_logo.png b/static/images/users/Baixing_logo.png
new file mode 100644
index 0000000..bd9f0f5
--- /dev/null
+++ b/static/images/users/Baixing_logo.png
Binary files differ
diff --git a/static/images/users/CAS_logo.png b/static/images/users/CAS_logo.png
new file mode 100644
index 0000000..d67c5f3
--- /dev/null
+++ b/static/images/users/CAS_logo.png
Binary files differ
diff --git a/static/images/users/CHINA_TOWER_logo.png b/static/images/users/CHINA_TOWER_logo.png
new file mode 100644
index 0000000..5e45cee
--- /dev/null
+++ b/static/images/users/CHINA_TOWER_logo.png
Binary files differ
diff --git a/static/images/users/China_Eastern_logo.png b/static/images/users/China_Eastern_logo.png
new file mode 100644
index 0000000..9c16cc6
--- /dev/null
+++ b/static/images/users/China_Eastern_logo.png
Binary files differ
diff --git a/static/images/users/China_Merchants_Bank_logo.png b/static/images/users/China_Merchants_Bank_logo.png
new file mode 100644
index 0000000..e083e02
--- /dev/null
+++ b/static/images/users/China_Merchants_Bank_logo.png
Binary files differ
diff --git a/static/images/users/China_Minsheng_Bank_logo.png b/static/images/users/China_Minsheng_Bank_logo.png
new file mode 100644
index 0000000..5c0df62
--- /dev/null
+++ b/static/images/users/China_Minsheng_Bank_logo.png
Binary files differ
diff --git a/static/images/users/China_Mobile_logo.png b/static/images/users/China_Mobile_logo.png
new file mode 100644
index 0000000..6a7db8a
--- /dev/null
+++ b/static/images/users/China_Mobile_logo.png
Binary files differ
diff --git a/static/images/users/China_Telecom_logo.png b/static/images/users/China_Telecom_logo.png
new file mode 100644
index 0000000..7ba3b79
--- /dev/null
+++ b/static/images/users/China_Telecom_logo.png
Binary files differ
diff --git a/static/images/users/China_Unicom_logo.png b/static/images/users/China_Unicom_logo.png
new file mode 100644
index 0000000..a00abb5
--- /dev/null
+++ b/static/images/users/China_Unicom_logo.png
Binary files differ
diff --git a/static/images/users/DaoCloud_Logo.png b/static/images/users/DaoCloud_Logo.png
new file mode 100644
index 0000000..bcf6c48
--- /dev/null
+++ b/static/images/users/DaoCloud_Logo.png
Binary files differ
diff --git a/static/images/users/GoMe_logo.png b/static/images/users/GoMe_logo.png
new file mode 100644
index 0000000..12634a9
--- /dev/null
+++ b/static/images/users/GoMe_logo.png
Binary files differ
diff --git a/static/images/users/GrowingIO_logo.png b/static/images/users/GrowingIO_logo.png
new file mode 100644
index 0000000..9cae7ec
--- /dev/null
+++ b/static/images/users/GrowingIO_logo.png
Binary files differ
diff --git a/static/images/users/Hunliji_logo.png b/static/images/users/Hunliji_logo.png
new file mode 100644
index 0000000..9e24673
--- /dev/null
+++ b/static/images/users/Hunliji_logo.png
Binary files differ
diff --git a/static/images/users/NetEase_logo.png b/static/images/users/NetEase_logo.png
new file mode 100644
index 0000000..2b5c4e8
--- /dev/null
+++ b/static/images/users/NetEase_logo.png
Binary files differ
diff --git a/static/images/users/PKU_logo.png b/static/images/users/PKU_logo.png
new file mode 100644
index 0000000..b62e37c
--- /dev/null
+++ b/static/images/users/PKU_logo.png
Binary files differ
diff --git a/static/images/users/Qudian_logo.png b/static/images/users/Qudian_logo.png
new file mode 100644
index 0000000..3773aec
--- /dev/null
+++ b/static/images/users/Qudian_logo.png
Binary files differ
diff --git a/static/images/users/SFExpress_logo.png b/static/images/users/SFExpress_logo.png
new file mode 100644
index 0000000..9cc9a1b
--- /dev/null
+++ b/static/images/users/SFExpress_logo.png
Binary files differ
diff --git a/static/images/users/SPD_Bank_logo.png b/static/images/users/SPD_Bank_logo.png
new file mode 100644
index 0000000..c277b6a
--- /dev/null
+++ b/static/images/users/SPD_Bank_logo.png
Binary files differ
diff --git a/static/images/users/VBill_logo.png b/static/images/users/VBill_logo.png
new file mode 100644
index 0000000..4d3ced7
--- /dev/null
+++ b/static/images/users/VBill_logo.png
Binary files differ
diff --git a/static/images/users/YunnanAirport_logo.png b/static/images/users/YunnanAirport_logo.png
new file mode 100644
index 0000000..6a55c90
--- /dev/null
+++ b/static/images/users/YunnanAirport_logo.png
Binary files differ
diff --git a/static/images/users/aihuishou_logo.png b/static/images/users/aihuishou_logo.png
new file mode 100644
index 0000000..f5238bc
--- /dev/null
+++ b/static/images/users/aihuishou_logo.png
Binary files differ
diff --git a/static/images/users/aliyun_01_logo.png b/static/images/users/aliyun_01_logo.png
new file mode 100644
index 0000000..34cab94
--- /dev/null
+++ b/static/images/users/aliyun_01_logo.png
Binary files differ
diff --git a/static/images/users/aliyun_logo.png b/static/images/users/aliyun_logo.png
new file mode 100644
index 0000000..684e94d
--- /dev/null
+++ b/static/images/users/aliyun_logo.png
Binary files differ
diff --git a/static/images/users/asiainfo_logo.png b/static/images/users/asiainfo_logo.png
new file mode 100644
index 0000000..1220f20
--- /dev/null
+++ b/static/images/users/asiainfo_logo.png
Binary files differ
diff --git a/static/images/users/autohome_logo.png b/static/images/users/autohome_logo.png
new file mode 100644
index 0000000..d56da57
--- /dev/null
+++ b/static/images/users/autohome_logo.png
Binary files differ
diff --git a/static/images/users/baidu_logo.png b/static/images/users/baidu_logo.png
new file mode 100644
index 0000000..8764e8f
--- /dev/null
+++ b/static/images/users/baidu_logo.png
Binary files differ
diff --git a/static/images/users/beike_logo.png b/static/images/users/beike_logo.png
new file mode 100644
index 0000000..5dca8f9
--- /dev/null
+++ b/static/images/users/beike_logo.png
Binary files differ
diff --git a/static/images/users/bestsign_logo.png b/static/images/users/bestsign_logo.png
new file mode 100644
index 0000000..26d2107
--- /dev/null
+++ b/static/images/users/bestsign_logo.png
Binary files differ
diff --git a/static/images/users/bidata_logo.png b/static/images/users/bidata_logo.png
new file mode 100644
index 0000000..5778f2e
--- /dev/null
+++ b/static/images/users/bidata_logo.png
Binary files differ
diff --git a/static/images/users/bintools_logo.png b/static/images/users/bintools_logo.png
new file mode 100644
index 0000000..8ac9149
--- /dev/null
+++ b/static/images/users/bintools_logo.png
Binary files differ
diff --git a/static/images/users/bitauto_logo.png b/static/images/users/bitauto_logo.png
new file mode 100644
index 0000000..8ab9c85
--- /dev/null
+++ b/static/images/users/bitauto_logo.png
Binary files differ
diff --git a/static/images/users/bkjf_logo.png b/static/images/users/bkjf_logo.png
new file mode 100644
index 0000000..14cac44
--- /dev/null
+++ b/static/images/users/bkjf_logo.png
Binary files differ
diff --git a/static/images/users/bocloud_logo.png b/static/images/users/bocloud_logo.png
new file mode 100644
index 0000000..9de37e9
--- /dev/null
+++ b/static/images/users/bocloud_logo.png
Binary files differ
diff --git a/static/images/users/bytedance_logo.png b/static/images/users/bytedance_logo.png
new file mode 100644
index 0000000..58cbc4f
--- /dev/null
+++ b/static/images/users/bytedance_logo.png
Binary files differ
diff --git a/static/images/users/cdlhyj_logo.png b/static/images/users/cdlhyj_logo.png
new file mode 100644
index 0000000..8b5ab4d
--- /dev/null
+++ b/static/images/users/cdlhyj_logo.png
Binary files differ
diff --git a/static/images/users/chinaexpressair_logo.svg b/static/images/users/chinaexpressair_logo.svg
new file mode 100644
index 0000000..ecdcd7d
--- /dev/null
+++ b/static/images/users/chinaexpressair_logo.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 131 40" style="enable-background:new 0 0 131 40;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#00469B;}
+</style>
+<path class="st0" d="M36.5,8.4c0,0-4.3,5-12.9,6.1c0,0,4.2,1.2,7.5,0C35.5,13,36.5,8.4,36.5,8.4L36.5,8.4z M124.9,39.5l0.4-1.1h3
+	v-1.5H126c-0.5,0-0.9-0.4-0.9-0.9v-1.7c0-0.5,0.4-0.9,0.9-0.9h3.8l-0.4,1.1h-2.8v1.5h2.3c0.5,0,0.9,0.4,0.9,0.9v1.7
+	c0,0.5-0.4,0.9-0.9,0.9H124.9L124.9,39.5z M118,39.5l0.4-1.1h3v-1.5h-2.3c-0.5,0-0.9-0.4-0.9-0.9v-1.7c0-0.5,0.4-0.9,0.9-0.9h3.8
+	l-0.4,1.1h-2.8v1.5h2.3c0.5,0,0.9,0.4,0.9,0.9v1.7c0,0.5-0.4,0.9-0.9,0.9H118L118,39.5z M111.5,39.5v-6.2h4.5l-0.4,1.1H113V36h2.5
+	v0.7H113v1.6h3l-0.4,1.1H111.5L111.5,39.5z M107.8,39.5l-1.5-3.1h1.3v-1.9h-2.2v5h-1.5v-6.2h4.2c0.5,0,0.9,0.4,0.9,0.9V36
+	c0,0.4-0.3,0.7-0.7,0.7l-0.4,0L108,37l1.3,2.4H107.8L107.8,39.5z M96.6,39.5v-6.2h4.1c0.5,0,0.9,0.4,0.9,0.9v2.2
+	c0,0.5-0.4,0.9-0.9,0.9h-2.7v2.1H96.6L96.6,39.5z M98.1,36.3L98.1,36.3h2.1v-1.9h-2.1V36.3L98.1,36.3z M92.9,39.5L92,37h-0.6
+	l-0.9,2.4h-1.7l1-2.5c0.1-0.3,0.3-0.4,0.5-0.5l0.9-0.2L90.3,36c-0.2-0.1-0.4-0.2-0.5-0.6l-0.9-2.2h1.6l0.9,2.4H92l0.9-2.4h1.6
+	l-0.9,2.2c-0.1,0.3-0.3,0.5-0.5,0.6l-0.9,0.3l0.9,0.2c0.2,0,0.4,0.1,0.5,0.5l1,2.5H92.9L92.9,39.5z M82.3,39.5l0-6.2h4.5l-0.4,1.1
+	h-2.6V36h2.5v0.7h-2.5v1.6h3l-0.4,1.1L82.3,39.5L82.3,39.5z M73.7,39.5v-0.9h1.4l-0.9-3.8h-0.8l-1.2,4.8h-1.6l1.7-6.2h3l1.7,6.2
+	H73.7L73.7,39.5z M67.3,39.5v-5H65v5h-1.5v-6.2h4.3c0.5,0,0.9,0.4,0.9,0.9v5.3H67.3L67.3,39.5z M59.7,39.5v-6.2h1.5v6.2L59.7,39.5
+	L59.7,39.5z M55.9,39.5v-2.5h-2.3v2.5h-1.5v-6.2h1.5v2.5h2.3v-2.5h1.5v6.2H55.9L55.9,39.5z M46.4,39.5c-0.5,0-0.9-0.4-0.9-0.9v-4.4
+	c0-0.5,0.4-0.9,0.9-0.9h3.5l-0.4,1.1H47v3.9h2.9l-0.4,1.1H46.4L46.4,39.5z M110.4,27.7v-2.4l8.3,0v-2.9l-6.6,0V20h15.8v2.4l-6.9,0
+	v2.9l8.6,0l0,2.4H110.4L110.4,27.7z M129.6,14.9L129.6,14.9h-2.4v-2.2H123l0,3.3c0,0.4,0.2,0.5,0.8,0.5c0.2,0,0.4,0,0.8,0
+	c0.1,0,0.1,0,0.1,0c0.7,0,1.6-0.1,1.8-0.2c0.3-0.1,0.4-0.4,0.4-1.2l2.2,0.7c-0.1,1.3-0.3,1.8-0.8,2.2c-0.6,0.4-1.5,0.5-4.1,0.5
+	c-2.9,0-3.5-0.3-3.5-1.7v-4.2h-1.9c-0.1,1.8-0.6,3.1-1.5,4.1c-0.7,0.8-1.7,1.5-3,2.1c-0.6,0.3-1.2,0.5-2.4,0.8l-1.4-2
+	c2.2-0.4,3.3-0.9,4.3-1.6c1.2-0.9,1.5-1.5,1.7-3.3h-3.5v2.9h-2.4l0-5.1l8,0l0-2h2.4l0,2l8.4,0L129.6,14.9L129.6,14.9z M105.9,25.4
+	c0,0.2,0.1,0.3,0.4,0.3c0.2,0,0.3,0,0.4-0.2c0.1-0.2,0.2-1.2,0.2-2.7c0-0.3,0-0.9,0-1.6c0.8,0.5,1,0.6,1.9,0.9
+	c-0.1,5.4-0.3,5.9-2.8,5.9c-1.8,0-2.3-0.4-2.3-1.6v-9.4h-2.2c0,4.3-0.1,5.7-0.5,7.4c-0.4,1.8-0.9,2.6-2.2,4.2l-1.6-1.8
+	c-0.3,0.8-0.9,1.1-2.6,1.1c-0.3,0-0.5,0-1.1-0.1L93,25.7c0.6,0.2,1.3,0.2,1.9,0.2c0.3,0,0.5-0.1,0.5-0.4v-6.2c-0.2,0-0.3,0-0.4,0
+	c-0.4,0-0.4,0-0.6,0.1l0,5.2h-1.8l0-5.1l-0.4,0c-0.3,0-0.3,0-0.5,0.1c-0.1,2.1-0.3,4.2-0.7,5.7c-0.3,1.2-0.6,2.1-1.2,3.2l-1.8-1.7
+	c1-1.7,1.4-3.5,1.6-7c-1,0.1-1.4,0.2-1.4,0.2l-0.2-2.2l1.7-0.2c0-1.9,0-2.1,0-3.3c0-2.1,0-2.9-0.1-3.8l2.4,0
+	c0.3-0.9,0.5-1.5,0.6-2.3l2.3,0.3c-0.3,0.8-0.5,1.3-0.8,2l3,0l0,6.4l1-0.1v2l-1,0.2v6.9c0,0.3,0,0.5-0.1,0.8
+	c1.6-1.5,2.2-3.9,2.2-9.5c0-1.1,0-1.6-0.1-2.3l6.6,0L105.9,25.4L105.9,25.4z M91.8,12.6L91.8,12.6c0,3.2,0,3.5,0,4.9
+	c2.2-0.2,2.2-0.2,3.6-0.3v-4.6H91.8L91.8,12.6z M93.6,13l-1.4,0.8c0.6,1.2,0.9,1.9,1.3,3.1l1.6-0.8C94.5,14.9,94.2,14.2,93.6,13
+	L93.6,13L93.6,13z M103.8,11.2l0-2.8h-2.2v2.8l-3.8,0v2.3h10.6v-2.3L103.8,11.2L103.8,11.2L103.8,11.2z M82.5,21.5l1,1.3
+	c-0.3,0.2-0.5,0.3-0.8,0.6c-0.7,0.6-2,1.5-3.1,2.1c1.8,0.4,4.4,0.7,6.2,0.7c0.3,0,0.5,0,1,0l-1,2.3c-3.7-0.2-6.5-0.8-9-1.8
+	c-2.8,1-5.4,1.5-9.3,1.8l-0.9-2.1c2.8-0.1,5.2-0.4,7.6-1c-1-0.6-1.6-1-2.5-1.8c-1.1,0.7-2,1.1-3.7,1.7l-1.3-1.8
+	c1.8-0.5,2.8-0.9,4-1.6c0.8-0.5,1.4-0.8,1.9-1.3l-3,0v-8.9l5,0c0.3-0.4,0.3-0.4,0.5-0.8h-8V8.9h19.1v2.2h-8.6
+	c-0.3,0.5-0.2,0.4-0.5,0.8l6.7,0v8.9l-8.3,0c-0.5,0.5-0.5,0.4-0.8,0.7H82.5L82.5,21.5z M71.9,14.5L71.9,14.5h9.5v-0.8h-9.5V14.5
+	L71.9,14.5z M71.9,16.7L71.9,16.7h9.5v-0.8h-9.5L71.9,16.7L71.9,16.7z M71.9,19L71.9,19h9.5v-0.8h-9.5V19L71.9,19z M74.3,23.3
+	L74.3,23.3c0.9,0.6,1.5,0.9,2.7,1.4c1.2-0.5,1.8-0.7,2.8-1.4H74.3L74.3,23.3z M45.2,14.4c2.2-1.5,4.1-3.6,5.6-6.1L53,9.2
+	c-0.7,1.1-1.5,2.2-2.2,3.2v8h-2.2v-5.6c-0.7,0.8-1.6,1.5-2.5,2.2L45.2,14.4L45.2,14.4z M45.4,24.5h8.7v4.8h2.2l0-4.8h8.8v-2.2h-8.8
+	V20h-2.2v2.3l-8.7,0V24.5L45.4,24.5L45.4,24.5z M51.5,14.5l0.8,2.1c1.2-0.5,2.3-0.9,3.3-1.3v1.5c-0.1,2.1,0.9,3.1,2.9,3h3.1
+	c1.8,0.1,2.8-0.6,3.1-2.1c0.2-0.8,0.3-1.7,0.5-2.7L63,14.2c0,0-0.3,1.8-0.4,2.3c-0.2,0.9-0.8,1.3-1.7,1.2h-1.6
+	c-1.1,0.1-1.5-0.4-1.5-1.5v-2c2.4-1.2,4.6-2.5,6.6-3.9l-1.3-1.7c-1.8,1.3-3.5,2.4-5.2,3.2V8.6h-2.2V13C54.4,13.4,53,13.9,51.5,14.5
+	L51.5,14.5L51.5,14.5z M36.7,0c-1,5.8-2.5,8.4-7.9,10.3c-3.8,1.3-7.6,0.8-10.4,2.1c-2.8,1.3-2.8,4.7-2.4,7.5c0.7,5-2.5,5.9-3.3,6.1
+	c-1.3,0.3-3,0.2-5.3-1.2c-2.4-1.6-3.6-1.7-4.7-1.7C1.6,23.1,0,24,0,24c2.2,0.9,4.3,4.2,5.6,5.8c0.1,0.1,0.2,0.2,0.2,0.3
+	c-0.4,0.1-0.9,0.3-1.3,0.7c-1.4,1.2-2.5,6,5.6,8c5.8,1.5,14.7,0.2,17.5-1C6.3,40.4,5,34.1,5.7,32.7c0.4-0.8,1.2-1,2-0.9
+	c2.8,2.1,5.9,2.7,7.8,2.8c4,0.2,7.6-1.2,7.6-1.2C13,34.4,8.5,30,6.3,27.6C2.8,23.8,0,24,0,24c3.6-4.6,7.4-1.1,9.6-0.5
+	c2,0.6,4.6,0.2,4-2.9c-1.1-5.7,0.4-9.1,4-11c2.2-1.2,6.2-1.5,9.8-2.6C34.2,5,36.7,0,36.7,0L36.7,0z M33.1,21.7c0,0-3.6,3.9-13.2,2.6
+	c0,0,3.8,2.3,7.6,1.9C31.6,25.7,33.1,21.7,33.1,21.7L33.1,21.7z M35.1,15.3c0,0-1.7,4.5-6.3,5.1c-3.2,0.4-6.1-0.9-6.1-0.9
+	C29.8,19.5,35.1,15.3,35.1,15.3z"/>
+</svg>
diff --git a/static/images/users/chinasoft_logo.png b/static/images/users/chinasoft_logo.png
new file mode 100644
index 0000000..bc4b4e1
--- /dev/null
+++ b/static/images/users/chinasoft_logo.png
Binary files differ
diff --git a/static/images/users/chtwm_logo.png b/static/images/users/chtwm_logo.png
new file mode 100644
index 0000000..01419b1
--- /dev/null
+++ b/static/images/users/chtwm_logo.png
Binary files differ
diff --git a/static/images/users/cmb_logo.png b/static/images/users/cmb_logo.png
new file mode 100644
index 0000000..01bde83
--- /dev/null
+++ b/static/images/users/cmb_logo.png
Binary files differ
diff --git a/static/images/users/cmft_logo.png b/static/images/users/cmft_logo.png
new file mode 100644
index 0000000..d17b533
--- /dev/null
+++ b/static/images/users/cmft_logo.png
Binary files differ
diff --git a/static/images/users/cxist_logo.png b/static/images/users/cxist_logo.png
new file mode 100644
index 0000000..e7952de
--- /dev/null
+++ b/static/images/users/cxist_logo.png
Binary files differ
diff --git a/static/images/users/dangdang_logo.png b/static/images/users/dangdang_logo.png
new file mode 100644
index 0000000..d3854f3
--- /dev/null
+++ b/static/images/users/dangdang_logo.png
Binary files differ
diff --git a/static/images/users/daojia_logo.png b/static/images/users/daojia_logo.png
new file mode 100644
index 0000000..3632d69
--- /dev/null
+++ b/static/images/users/daojia_logo.png
Binary files differ
diff --git a/static/images/users/deepblue_logo.png b/static/images/users/deepblue_logo.png
new file mode 100644
index 0000000..9655ddd
--- /dev/null
+++ b/static/images/users/deepblue_logo.png
Binary files differ
diff --git a/static/images/users/deppon_logo.png b/static/images/users/deppon_logo.png
new file mode 100644
index 0000000..7632145
--- /dev/null
+++ b/static/images/users/deppon_logo.png
Binary files differ
diff --git a/static/images/users/didi_logo.png b/static/images/users/didi_logo.png
new file mode 100644
index 0000000..f8fa10b
--- /dev/null
+++ b/static/images/users/didi_logo.png
Binary files differ
diff --git a/static/images/users/dxy_logo.png b/static/images/users/dxy_logo.png
new file mode 100644
index 0000000..038278c
--- /dev/null
+++ b/static/images/users/dxy_logo.png
Binary files differ
diff --git a/static/images/users/ebanma_logo.png b/static/images/users/ebanma_logo.png
new file mode 100644
index 0000000..99ab32c
--- /dev/null
+++ b/static/images/users/ebanma_logo.png
Binary files differ
diff --git a/static/images/users/echplus_logo.png b/static/images/users/echplus_logo.png
new file mode 100644
index 0000000..4ebe646
--- /dev/null
+++ b/static/images/users/echplus_logo.png
Binary files differ
diff --git a/static/images/users/enmonster_logo.png b/static/images/users/enmonster_logo.png
new file mode 100644
index 0000000..069accc
--- /dev/null
+++ b/static/images/users/enmonster_logo.png
Binary files differ
diff --git a/static/images/users/eqxiu_logo.png b/static/images/users/eqxiu_logo.png
new file mode 100644
index 0000000..3446983
--- /dev/null
+++ b/static/images/users/eqxiu_logo.png
Binary files differ
diff --git a/static/images/users/essence_logo.png b/static/images/users/essence_logo.png
new file mode 100644
index 0000000..2227440
--- /dev/null
+++ b/static/images/users/essence_logo.png
Binary files differ
diff --git a/static/images/users/fdd_logo.png b/static/images/users/fdd_logo.png
new file mode 100644
index 0000000..8706db4
--- /dev/null
+++ b/static/images/users/fdd_logo.png
Binary files differ
diff --git a/static/images/users/fullgoal_logo.png b/static/images/users/fullgoal_logo.png
new file mode 100644
index 0000000..0f13915
--- /dev/null
+++ b/static/images/users/fullgoal_logo.png
Binary files differ
diff --git a/static/images/users/genshuixue_logo.png b/static/images/users/genshuixue_logo.png
new file mode 100644
index 0000000..2bcbfef
--- /dev/null
+++ b/static/images/users/genshuixue_logo.png
Binary files differ
diff --git a/static/images/users/grow_force_logo.svg b/static/images/users/grow_force_logo.svg
new file mode 100644
index 0000000..5451a62
--- /dev/null
+++ b/static/images/users/grow_force_logo.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="prefix__图层_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 139 55.1" xml:space="preserve"><style>.prefix__st0{fill:#1d78b5}.prefix__st5{fill:#1e72ab}</style><path class="prefix__st0" d="M98.8 8.3s-1.9 2.3-2.2 2.6c-2.4-1.8-4.6-3.8-6.5-6-1.2 1.3-2.4 2.6-3.8 3.7-1.3.9-2.7 1.6-4.2 2.1v-.9c3-1.1 5.9-7.6 5.9-7.6l2.7 1.3-.2.5c1.6 1.2 3.4 2.2 5.2 3.2 1 .4 2.1.7 3.1 1.1"/><path class="prefix__st0" d="M92.1 13.4h6.1v-1h-6.1V8.9L89 8.1v10.3h-2.4v-6.3l-3.1-.8v7.1h-2v1h17.3v-1h-6.7z"/><linearGradient id="prefix__SVGID_1_" gradientUnits="userSpaceOnUse" x1="101.91" y1="49.04" x2="109.98" y2="49.04" gradientTransform="matrix(1 0 0 -1 0 53.47)"><stop offset="0" stop-color="#24b398"/><stop offset="1" stop-color="#478ac9"/></linearGradient><path d="M106.6 3.6h-1.7c-2.5 0-2.8 1.8-3 2.6h5.7c1.5-.2 2.6-1.6 2.4-3.2 0-.1 0-.2-.1-.3-.9.6-2.1.9-3.3.9" fill="url(#prefix__SVGID_1_)"/><path class="prefix__st0" d="M109.8 13.4l-2.4-.1 1.1 5.7 2.3-.5z"/><path class="prefix__st0" d="M108.4 18.4v-1.5l-3.2.4 1.9-7.5h3.7v-1h-9.1v1h2.4s-1.6 6.9-1.8 7.7.2 2.3 1.3 2c.8-.2 4.9-1.1 4.8-1.1"/><path class="prefix__st0" d="M117.3 6.5H115V2.8l-2.8-.7v4.3h-1.8v1h1.8v4.4c0 1.5-.1 2.9-.3 4.3-.2 1-.6 1.9-1.3 2.7l.4.5c2.8-1.4 4.2-4.5 4-9.1V7.5h.8c.3 0 .6.2.7.6V17c0 .5 0 1.1-.5 1.1h-1.3l-.9 1.3h3.6c1.2-.1 2-1.1 2-2.3V8.2c-.2-1.1-.9-1.7-2.1-1.7M136.4 6.2h-5.5V2.9l-3-.7v4h-5.2v1h5.2c0 2.1-.2 4.2-.8 6.2-.7 1.9-2.4 3.8-5.1 5.5l.3.5c4-1.3 6.6-3.1 7.5-5.6.7-2.1 1.1-4.3 1.1-6.5h4c.6 0 .9.3.9.8v8.7c.1.7-.5 1.3-1.2 1.3H133l-.8 1.3h4c1.4 0 2.5-1.1 2.5-2.5V9c.2-1.4-.8-2.7-2.3-2.8M71.6 5.9V2.1l-3 1.4v9.7h-3.4c-.3 0-.5-.2-.6-.4V7.5c0-.3.2-.5.7-.5H68V6h-4c-1.2-.1-2.2.8-2.4 2v4.2c.1 1.3 1.2 2.2 2.5 2.1h4.6v5.1h3v-5.1h7.1V5.9h-7.2zm4.1 7.3h-4.1V6.9h4.1v6.3zM87.8 30.4c-1 0-1.4-.1-1.4-.9v-5h1.3v3.9c0 .5 0 .9.5.9h1c.4 0 .6-.3.6-.9v-3.9h1.3v3.9c0 .6.2.9.6.9h.8c.4 0 .6-.3.6-.9v-3.9h1.3v4.7c0 1.2-.6 1.1-1.3 1.1l-5.3.1zM99.8 30.3v-4.1c0-.4.2-.8.4-1.1.4-.4.9-.7 1.5-.6h4.9v1.3h-4.9c-.1 0-.6 0-.6.3v1.4h5.5v1.3h-5.5v1.5h-1.3zM132.8 30.4v-5.9h6.1v1.2h-4.8v1.2h4.6V28h-4.6v1.3h4.9v1.1zM127.1 30.4c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.6-1.2v-2.4c0-.5.2-.9.6-1.2.4-.3.9-.5 1.4-.5h4.2v1.1h-4.2c-.2 0-.3.1-.4.2-.1.1-.2.3-.2.5v2.4c0 .2.1.3.2.5.1.1.3.2.5.2h4.2v1.1h-4.3zM123 30.5h-.1c-1.7-.4-3.3-1.1-4.7-2.1l-.2-.1v2.3h-1.2v-6h4.4c1-.1 2 .6 2.1 1.7v.2c0 1.6-1.5 1.8-2.3 1.8h-1.3c1 .5 2.1 1 3.3 1.2.2 0 .3.1.4.3.1.1.1.2.1.4 0 .1-.2.3-.5.3m-4.8-3.4h2.9c.9 0 1.1-.3 1.1-.7s-.3-.8-1-.8H118v1.5h.2zM109.8 30.4c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.6-1.2v-2.4c0-.5.2-.9.6-1.2.4-.3.9-.5 1.4-.5h3.5c.5 0 1 .2 1.4.5.4.3.6.7.6 1.2v2.4c0 .5-.2.9-.6 1.2-.4.3-.9.5-1.4.5h-3.5zm0-4.8c-.2 0-.3.1-.4.2-.2.1-.3.3-.3.5v2.4c0 .2.1.4.2.5.1.1.3.2.4.2h3.5c.2 0 .3-.1.5-.2.1-.1.2-.3.2-.5v-2.4c0-.2-.1-.3-.2-.5-.1-.1-.3-.2-.4-.2h-3.5zM79.6 30.4c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.6-1.2v-2.4c0-.5.2-.9.6-1.2.4-.4.9-.6 1.4-.6h3.5c.5 0 1.1.2 1.5.5.4.3.6.7.6 1.2v2.4c0 .5-.2.9-.6 1.2-.4.3-.9.5-1.5.5l-3.5.1zm0-4.8c-.2 0-.3.1-.4.2-.1.1-.2.2-.2.4v2.4c0 .2.1.4.2.5.1.1.3.2.4.2h3.5c.2 0 .3-.1.5-.2.1-.1.2-.3.2-.5v-2.4c0-.2-.1-.3-.2-.5-.1-.1-.3-.2-.4-.2l-3.6.1zM75.8 30.5h-.1c-1.7-.4-3.3-1.1-4.6-2.2l-.2-.1v2.3h-1.2v-6H74c1-.1 2 .6 2.1 1.7v.2c0 1.6-1.5 1.8-2.3 1.8h-1.3c1 .5 2.1 1 3.3 1.2.2 0 .3.1.4.3.1.1.1.2.1.4 0 .1-.3.3-.5.4M71 27.1h2.9c.9 0 1.1-.3 1.1-.7s-.3-.8-1-.8h-3.2V27l.2.1zM63.3 25.9c.1-.1.3-.2.5-.2h4.4v-1.1h-4.4c-.5 0-1 .2-1.5.5-.4.3-.6.7-.6 1.2v2.4c0 .5.2.9.6 1.2.4.3.9.5 1.5.5h3.6c.6 0 .8-.3.8-.9v-1.4c0-.7-.3-1-1.1-1h-2.2v1.1h1.6c.3 0 .4.1.4.3v.4c0 .2-.1.4-.3.4h-2.8c-.2 0-.3-.1-.5-.2-.1-.1-.2-.3-.2-.5v-2.4c0-.1.1-.2.2-.3"/><linearGradient id="prefix__SVGID_2_" gradientUnits="userSpaceOnUse" x1="0" y1="37.31" x2="33.57" y2="37.31" gradientTransform="matrix(1 0 0 -1 0 53.47)"><stop offset="0" stop-color="#24b398"/><stop offset="1" stop-color="#478ac9"/></linearGradient><path d="M31.9 29.7h-.4c-3.7-.1-7.2-2-9.3-5.1h-10c-1.7-.1-3.3-.8-4.4-2.1-1.7-1.7-2.6-4-2.5-6.3 0-5.7 4.1-8.4 6.9-8.4h9.3c1.2-2.4 3.2-4.3 5.6-5.6H12c-6.6.1-12 6.4-12 14s5.4 13.9 12 14h21.6c-.1-.2-.7-.4-.8-.6l-.9.1z" fill="url(#prefix__SVGID_2_)"/><linearGradient id="prefix__SVGID_3_" gradientUnits="userSpaceOnUse" x1="20.7" y1="38.375" x2="59.281" y2="38.375" gradientTransform="matrix(1 0 0 -1 0 53.47)"><stop offset="0" stop-color="#24b398"/><stop offset="1" stop-color="#478ac9"/></linearGradient><path d="M47.2 24.6H33.7c-2.3-.1-4.3-1.5-6-4.3l-.7-1.2h19.7c3.4.1 6.2-2.5 6.4-5.8v-.6c-1.6.3-3.2.5-4.8.5H26.6l.7-1.2c2.5-4 5.8-4.3 6.7-4.3h19.1c1.8-.1 3.5-1 4.5-2.5 1.1-1.5 1.6-3.4 1.5-5.3-3.2 1.3-6.7 2-10.2 2.1H32.7c-6.6.1-12 6.4-12 14s5.4 13.9 12 14h8.2c3.2.1 5.8-2.3 6.3-5.4z" fill="url(#prefix__SVGID_3_)"/><path class="prefix__st5" d="M7.2 42.1l-.2.3c1.2 1.6 2.9 2.9 5.2 3.8-.2.3-.4.6-.6 1-2.1-1.1-3.9-2.4-5.2-4-1.2 1.6-3 3-5.3 4.3-.2-.3-.4-.6-.7-1 2.4-1.1 4.2-2.6 5.6-4.4h1.2zM1 52.2h1.6v-4.5h1v4.5H6v-6.6h1v2.6h3.6v.9H6.9v3.1h4.7v.9H1v-.9zM21.4 51.9h3.8v-9.7h1v9.7h2.1v-9.7h1v9.7H33v.9H21.4v-.9zm1.4-7.4c.6 1.5 1.3 3.1 1.9 4.8l-1 .4c-.5-1.6-1.1-3.3-1.8-4.9l.9-.3zm6.8 4.9c.8-1.7 1.4-3.3 2-4.8l.9.4c-.7 1.9-1.4 3.5-2.1 4.8l-.8-.4zM42.3 52h5.4v-3h-4.1v-.9h4.1v-2.7h-3.1c-.5.9-1.1 1.8-1.8 2.5-.2-.3-.4-.5-.6-.8 1.1-1.2 2-2.7 2.6-4.5l1 .3c-.2.6-.4 1.1-.7 1.6h2.6V42h1v2.5h4.5v.9h-4.5v2.7h4.1v.9h-4.1v3h5.1v.9H42.3V52zM63.3 46.8h2.1V42h1v4.8h8.3v.9h-5.1c1 2.1 2.8 3.6 5.4 4.4-.3.4-.5.7-.7 1-2.8-1.1-4.7-2.9-5.7-5.4h-2.1V52c.9-.4 1.8-.8 2.8-1.2v1.1l-2.7 1.2-.9.6-.7-1c.3-.2.4-.5.4-.9v-4.1h-2.1v-.9zm3.7-1.4c1.9-.6 3.8-1.6 5.6-3l.6.8c-1.8 1.3-3.7 2.4-5.7 3.1-.1-.3-.3-.6-.5-.9zM84.5 44h1.2c.3-.7.5-1.4.7-1.9l1 .3c-.2.6-.5 1.2-.7 1.7H89v9.3h-.9v-.9h-2.6v1h-.9V44zm3.6.8h-2.6v2.8h2.6v-2.8zm-2.6 6.7h2.6v-3h-2.6v3zm3.7-5.1c.7-1.2 1.4-2.6 1.9-4.3l1 .2c-.2.6-.4 1.1-.6 1.7h3.8c-.1 4-.2 6.5-.2 7.6-.1 1.2-.7 1.8-1.9 1.8-.7 0-1.4 0-2.2-.1 0-.4-.1-.7-.2-1 .8.1 1.5.2 2.1.2.7 0 1.1-.4 1.1-1.1.1-1.2.1-3.3.2-6.5h-3.1c-.3.8-.7 1.4-1.1 2-.2-.2-.4-.4-.8-.5zm1.1.8l.7-.5c.9 1 1.6 1.9 2.1 2.7l-.9.6c-.6-1-1.2-1.9-1.9-2.8zM105.5 44.7h3.8v-2.6h1c0 .8 0 1.7-.1 2.6h5.4c-.1 3.1-.2 5.2-.3 6.5-.1 1.3-.8 2-2.2 2h-2.3c0-.3-.1-.7-.2-1.1 1 .1 1.8.1 2.4.1.8 0 1.2-.4 1.3-1.3.1-1.4.2-3.2.2-5.3h-4.3c-.1 2-.4 3.6-1 4.6-.6 1.1-1.8 2.2-3.6 3.3-.2-.3-.5-.6-.7-.9 1.7-1 2.8-1.9 3.3-2.9.6-.9.9-2.3.9-4.1h-3.8v-.9zM125.9 52.5h5.4v-.7h-4.7v-.6h4.7v-.7h-2.8v.3h-.8v-3.6h8v3.6h-.8v-.3h-2.8v.7h4.7v.6h-4.7v.7h5.4v.6h-11.6v-.6zm.1-6.4h11.4v.6H126v-.6zm1.8-3.6h7.9v3.4h-.8v-.3h-6.3v.3h-.8v-3.4zm.7 6.1h2.8v-.8h-2.8v.8zm0 1.4h2.8v-.8h-2.8v.8zm6.3-6.9h-6.3v.6h6.3v-.6zm-6.2 1.8h6.3v-.6h-6.3v.6zm6.3 3h-2.8v.8h2.8v-.8zm-2.8 2.1h2.8v-.8h-2.8v.8z"/></svg>
\ No newline at end of file
diff --git a/static/images/users/guazi_Logo.png b/static/images/users/guazi_Logo.png
new file mode 100644
index 0000000..863b3ec
--- /dev/null
+++ b/static/images/users/guazi_Logo.png
Binary files differ
diff --git a/static/images/users/guohuai_logo.png b/static/images/users/guohuai_logo.png
new file mode 100644
index 0000000..f39241a
--- /dev/null
+++ b/static/images/users/guohuai_logo.png
Binary files differ
diff --git a/static/images/users/haiercash_logo.png b/static/images/users/haiercash_logo.png
new file mode 100644
index 0000000..f0e4a40
--- /dev/null
+++ b/static/images/users/haiercash_logo.png
Binary files differ
diff --git a/static/images/users/haoyunhu_logo.png b/static/images/users/haoyunhu_logo.png
new file mode 100644
index 0000000..2adb507
--- /dev/null
+++ b/static/images/users/haoyunhu_logo.png
Binary files differ
diff --git a/static/images/users/helijia_logo.png b/static/images/users/helijia_logo.png
new file mode 100644
index 0000000..da0d484
--- /dev/null
+++ b/static/images/users/helijia_logo.png
Binary files differ
diff --git a/static/images/users/huawei_logo.png b/static/images/users/huawei_logo.png
new file mode 100644
index 0000000..d540aed
--- /dev/null
+++ b/static/images/users/huawei_logo.png
Binary files differ
diff --git a/static/images/users/hydee_logo.png b/static/images/users/hydee_logo.png
new file mode 100644
index 0000000..bf8b169
--- /dev/null
+++ b/static/images/users/hydee_logo.png
Binary files differ
diff --git a/static/images/users/iBoxChain_logo.png b/static/images/users/iBoxChain_logo.png
new file mode 100644
index 0000000..0c5a05f
--- /dev/null
+++ b/static/images/users/iBoxChain_logo.png
Binary files differ
diff --git a/static/images/users/iFLYTEK_logo.png b/static/images/users/iFLYTEK_logo.png
new file mode 100644
index 0000000..79faed5
--- /dev/null
+++ b/static/images/users/iFLYTEK_logo.png
Binary files differ
diff --git a/static/images/users/inspur_logo.png b/static/images/users/inspur_logo.png
new file mode 100644
index 0000000..67c8745
--- /dev/null
+++ b/static/images/users/inspur_logo.png
Binary files differ
diff --git a/static/images/users/iqiyi_logo.png b/static/images/users/iqiyi_logo.png
new file mode 100644
index 0000000..89c1f92
--- /dev/null
+++ b/static/images/users/iqiyi_logo.png
Binary files differ
diff --git a/static/images/users/jiuzhou_logo.png b/static/images/users/jiuzhou_logo.png
new file mode 100644
index 0000000..bcfde1f
--- /dev/null
+++ b/static/images/users/jiuzhou_logo.png
Binary files differ
diff --git a/static/images/users/juhaokan_logo.png b/static/images/users/juhaokan_logo.png
new file mode 100644
index 0000000..73adb8f
--- /dev/null
+++ b/static/images/users/juhaokan_logo.png
Binary files differ
diff --git a/static/images/users/kubesphere_logo.png b/static/images/users/kubesphere_logo.png
new file mode 100644
index 0000000..d29bea1
--- /dev/null
+++ b/static/images/users/kubesphere_logo.png
Binary files differ
diff --git a/static/images/users/lagou_logo.png b/static/images/users/lagou_logo.png
new file mode 100644
index 0000000..6908c48
--- /dev/null
+++ b/static/images/users/lagou_logo.png
Binary files differ
diff --git a/static/images/users/lenovo_logo.png b/static/images/users/lenovo_logo.png
new file mode 100644
index 0000000..2791b01
--- /dev/null
+++ b/static/images/users/lenovo_logo.png
Binary files differ
diff --git a/static/images/users/liaofan_logo.png b/static/images/users/liaofan_logo.png
new file mode 100644
index 0000000..9a50c74
--- /dev/null
+++ b/static/images/users/liaofan_logo.png
Binary files differ
diff --git a/static/images/users/lifesense_logo.png b/static/images/users/lifesense_logo.png
new file mode 100644
index 0000000..01077c6
--- /dev/null
+++ b/static/images/users/lifesense_logo.png
Binary files differ
diff --git a/static/images/users/lixiang_logo.png b/static/images/users/lixiang_logo.png
new file mode 100644
index 0000000..c901ada
--- /dev/null
+++ b/static/images/users/lixiang_logo.png
Binary files differ
diff --git a/static/images/users/lizhi_logo.png b/static/images/users/lizhi_logo.png
new file mode 100644
index 0000000..0df2a9f
--- /dev/null
+++ b/static/images/users/lizhi_logo.png
Binary files differ
diff --git a/static/images/users/lmkj_logo.png b/static/images/users/lmkj_logo.png
new file mode 100644
index 0000000..4b54dc0
--- /dev/null
+++ b/static/images/users/lmkj_logo.png
Binary files differ
diff --git a/static/images/users/lzyc_logo.png b/static/images/users/lzyc_logo.png
new file mode 100644
index 0000000..25a9655
--- /dev/null
+++ b/static/images/users/lzyc_logo.png
Binary files differ
diff --git a/static/images/users/madecare_logo.png b/static/images/users/madecare_logo.png
new file mode 100644
index 0000000..c40010e
--- /dev/null
+++ b/static/images/users/madecare_logo.png
Binary files differ
diff --git a/static/images/users/maodou_logo.png b/static/images/users/maodou_logo.png
new file mode 100644
index 0000000..816eeea
--- /dev/null
+++ b/static/images/users/maodou_logo.png
Binary files differ
diff --git a/static/images/users/mi_logo.png b/static/images/users/mi_logo.png
new file mode 100644
index 0000000..9633a76
--- /dev/null
+++ b/static/images/users/mi_logo.png
Binary files differ
diff --git a/static/images/users/migu_logo.png b/static/images/users/migu_logo.png
new file mode 100644
index 0000000..f3bbd19
--- /dev/null
+++ b/static/images/users/migu_logo.png
Binary files differ
diff --git a/static/images/users/moji_logo.png b/static/images/users/moji_logo.png
new file mode 100644
index 0000000..612b5bd
--- /dev/null
+++ b/static/images/users/moji_logo.png
Binary files differ
diff --git a/static/images/users/mskj_logo.png b/static/images/users/mskj_logo.png
new file mode 100644
index 0000000..7413a9a
--- /dev/null
+++ b/static/images/users/mskj_logo.png
Binary files differ
diff --git a/static/images/users/mxnavi_logo.png b/static/images/users/mxnavi_logo.png
new file mode 100644
index 0000000..91da4c5
--- /dev/null
+++ b/static/images/users/mxnavi_logo.png
Binary files differ
diff --git a/static/images/users/oriente_logo.png b/static/images/users/oriente_logo.png
new file mode 100644
index 0000000..0febe4a
--- /dev/null
+++ b/static/images/users/oriente_logo.png
Binary files differ
diff --git a/static/images/users/pingan_logo.png b/static/images/users/pingan_logo.png
new file mode 100644
index 0000000..4a3dc86
--- /dev/null
+++ b/static/images/users/pingan_logo.png
Binary files differ
diff --git a/static/images/users/primeton_logo.png b/static/images/users/primeton_logo.png
new file mode 100644
index 0000000..134fb34
--- /dev/null
+++ b/static/images/users/primeton_logo.png
Binary files differ
diff --git a/static/images/users/qingyidai_logo.png b/static/images/users/qingyidai_logo.png
new file mode 100644
index 0000000..e831682
--- /dev/null
+++ b/static/images/users/qingyidai_logo.png
Binary files differ
diff --git a/static/images/users/qiniu_logo.png b/static/images/users/qiniu_logo.png
new file mode 100644
index 0000000..13f44e8
--- /dev/null
+++ b/static/images/users/qiniu_logo.png
Binary files differ
diff --git a/static/images/users/qk365_logo.png b/static/images/users/qk365_logo.png
new file mode 100644
index 0000000..4b0a5de
--- /dev/null
+++ b/static/images/users/qk365_logo.png
Binary files differ
diff --git a/static/images/users/renren_logo.png b/static/images/users/renren_logo.png
new file mode 100644
index 0000000..5274863
--- /dev/null
+++ b/static/images/users/renren_logo.png
Binary files differ
diff --git a/static/images/users/rongdata_logo.png b/static/images/users/rongdata_logo.png
new file mode 100644
index 0000000..bc44b4e
--- /dev/null
+++ b/static/images/users/rongdata_logo.png
Binary files differ
diff --git a/static/images/users/safedog_logo.png b/static/images/users/safedog_logo.png
new file mode 100644
index 0000000..30db35f
--- /dev/null
+++ b/static/images/users/safedog_logo.png
Binary files differ
diff --git a/static/images/users/sgcc_logo.png b/static/images/users/sgcc_logo.png
new file mode 100644
index 0000000..c04f76a
--- /dev/null
+++ b/static/images/users/sgcc_logo.png
Binary files differ
diff --git a/static/images/users/shouqi_logo.png b/static/images/users/shouqi_logo.png
new file mode 100644
index 0000000..854b121
--- /dev/null
+++ b/static/images/users/shouqi_logo.png
Binary files differ
diff --git a/static/images/users/shuaibao_logo.png b/static/images/users/shuaibao_logo.png
new file mode 100644
index 0000000..5a56c35
--- /dev/null
+++ b/static/images/users/shuaibao_logo.png
Binary files differ
diff --git a/static/images/users/shuyun_logo.png b/static/images/users/shuyun_logo.png
new file mode 100644
index 0000000..ed8c062
--- /dev/null
+++ b/static/images/users/shuyun_logo.png
Binary files differ
diff --git a/static/images/users/sijibao_logo.png b/static/images/users/sijibao_logo.png
new file mode 100644
index 0000000..afde9e0
--- /dev/null
+++ b/static/images/users/sijibao_logo.png
Binary files differ
diff --git a/static/images/users/sina_logo.png b/static/images/users/sina_logo.png
new file mode 100644
index 0000000..692c1b5
--- /dev/null
+++ b/static/images/users/sina_logo.png
Binary files differ
diff --git a/static/images/users/sourcemarker_logo.png b/static/images/users/sourcemarker_logo.png
new file mode 100644
index 0000000..eeef0093
--- /dev/null
+++ b/static/images/users/sourcemarker_logo.png
Binary files differ
diff --git a/static/images/users/startdt_logo.png b/static/images/users/startdt_logo.png
new file mode 100644
index 0000000..7e00251
--- /dev/null
+++ b/static/images/users/startdt_logo.png
Binary files differ
diff --git a/static/images/users/szhittech_logo.png b/static/images/users/szhittech_logo.png
new file mode 100644
index 0000000..7a8dfc8
--- /dev/null
+++ b/static/images/users/szhittech_logo.png
Binary files differ
diff --git a/static/images/users/tcsk_logo.png b/static/images/users/tcsk_logo.png
new file mode 100644
index 0000000..9bac1fa
--- /dev/null
+++ b/static/images/users/tcsk_logo.png
Binary files differ
diff --git a/static/images/users/tencent_Logo.png b/static/images/users/tencent_Logo.png
new file mode 100644
index 0000000..5f365d0
--- /dev/null
+++ b/static/images/users/tencent_Logo.png
Binary files differ
diff --git a/static/images/users/tetrate_dark_logo.png b/static/images/users/tetrate_dark_logo.png
new file mode 100644
index 0000000..9512f34
--- /dev/null
+++ b/static/images/users/tetrate_dark_logo.png
Binary files differ
diff --git a/static/images/users/tetrate_logo.png b/static/images/users/tetrate_logo.png
new file mode 100644
index 0000000..ef437e2
--- /dev/null
+++ b/static/images/users/tetrate_logo.png
Binary files differ
diff --git a/static/images/users/thomascook_logo.png b/static/images/users/thomascook_logo.png
new file mode 100644
index 0000000..5d25481
--- /dev/null
+++ b/static/images/users/thomascook_logo.png
Binary files differ
diff --git a/static/images/users/travelsky_logo.png b/static/images/users/travelsky_logo.png
new file mode 100644
index 0000000..c1e22e0
--- /dev/null
+++ b/static/images/users/travelsky_logo.png
Binary files differ
diff --git a/static/images/users/tuhu_logo.png b/static/images/users/tuhu_logo.png
new file mode 100644
index 0000000..c2a51f5
--- /dev/null
+++ b/static/images/users/tuhu_logo.png
Binary files differ
diff --git a/static/images/users/tunxuetang_logo.png b/static/images/users/tunxuetang_logo.png
new file mode 100644
index 0000000..2b59544
--- /dev/null
+++ b/static/images/users/tunxuetang_logo.png
Binary files differ
diff --git a/static/images/users/tuya_logo.png b/static/images/users/tuya_logo.png
new file mode 100644
index 0000000..1832de4
--- /dev/null
+++ b/static/images/users/tuya_logo.png
Binary files differ
diff --git a/static/images/users/tydic_logo.png b/static/images/users/tydic_logo.png
new file mode 100644
index 0000000..46c213c
--- /dev/null
+++ b/static/images/users/tydic_logo.png
Binary files differ
diff --git a/static/images/users/wahaha_logo.png b/static/images/users/wahaha_logo.png
new file mode 100644
index 0000000..7bf15b6
--- /dev/null
+++ b/static/images/users/wahaha_logo.png
Binary files differ
diff --git a/static/images/users/weBank_logo.png b/static/images/users/weBank_logo.png
new file mode 100644
index 0000000..0684ca9
--- /dev/null
+++ b/static/images/users/weBank_logo.png
Binary files differ
diff --git a/static/images/users/wochu_logo.png b/static/images/users/wochu_logo.png
new file mode 100644
index 0000000..1a8bb8f
--- /dev/null
+++ b/static/images/users/wochu_logo.png
Binary files differ
diff --git a/static/images/users/xin_logo.png b/static/images/users/xin_logo.png
new file mode 100644
index 0000000..dbe2efa
--- /dev/null
+++ b/static/images/users/xin_logo.png
Binary files differ
diff --git a/static/images/users/xinyebang_logo.png b/static/images/users/xinyebang_logo.png
new file mode 100644
index 0000000..e8b5952
--- /dev/null
+++ b/static/images/users/xinyebang_logo.png
Binary files differ
diff --git a/static/images/users/xueqiu_logo.png b/static/images/users/xueqiu_logo.png
new file mode 100644
index 0000000..e20cb3a
--- /dev/null
+++ b/static/images/users/xueqiu_logo.png
Binary files differ
diff --git a/static/images/users/yibai_logo.png b/static/images/users/yibai_logo.png
new file mode 100644
index 0000000..c0741cb
--- /dev/null
+++ b/static/images/users/yibai_logo.png
Binary files differ
diff --git a/static/images/users/yiguo_logo.png b/static/images/users/yiguo_logo.png
new file mode 100644
index 0000000..a00eb23
--- /dev/null
+++ b/static/images/users/yiguo_logo.png
Binary files differ
diff --git a/static/images/users/yingjia_logo.png b/static/images/users/yingjia_logo.png
new file mode 100644
index 0000000..6d63db1
--- /dev/null
+++ b/static/images/users/yingjia_logo.png
Binary files differ
diff --git a/static/images/users/yinji_logo.png b/static/images/users/yinji_logo.png
new file mode 100644
index 0000000..a95d7cf
--- /dev/null
+++ b/static/images/users/yinji_logo.png
Binary files differ
diff --git a/static/images/users/yonghui_logo.png b/static/images/users/yonghui_logo.png
new file mode 100644
index 0000000..3ce2b6c
--- /dev/null
+++ b/static/images/users/yonghui_logo.png
Binary files differ
diff --git a/static/images/users/yongjinbao_logo.png b/static/images/users/yongjinbao_logo.png
new file mode 100644
index 0000000..9451d97
--- /dev/null
+++ b/static/images/users/yongjinbao_logo.png
Binary files differ
diff --git a/static/images/users/yongyou_logo.png b/static/images/users/yongyou_logo.png
new file mode 100644
index 0000000..a20aa01
--- /dev/null
+++ b/static/images/users/yongyou_logo.png
Binary files differ
diff --git a/static/images/users/youzan_logo.png b/static/images/users/youzan_logo.png
new file mode 100644
index 0000000..a962fc9
--- /dev/null
+++ b/static/images/users/youzan_logo.png
Binary files differ
diff --git a/static/images/users/yunda_logo.png b/static/images/users/yunda_logo.png
new file mode 100644
index 0000000..2a7e983
--- /dev/null
+++ b/static/images/users/yunda_logo.png
Binary files differ
diff --git a/static/images/users/yunxuetang_logo.png b/static/images/users/yunxuetang_logo.png
new file mode 100644
index 0000000..d454392
--- /dev/null
+++ b/static/images/users/yunxuetang_logo.png
Binary files differ
diff --git a/static/images/users/zbj_logo.png b/static/images/users/zbj_logo.png
new file mode 100644
index 0000000..00185b9
--- /dev/null
+++ b/static/images/users/zbj_logo.png
Binary files differ
diff --git a/static/images/users/zhaopin_logo.png b/static/images/users/zhaopin_logo.png
new file mode 100644
index 0000000..b773edf
--- /dev/null
+++ b/static/images/users/zhaopin_logo.png
Binary files differ
diff --git a/static/images/users/zjs_logo.png b/static/images/users/zjs_logo.png
new file mode 100644
index 0000000..1698736
--- /dev/null
+++ b/static/images/users/zjs_logo.png
Binary files differ
diff --git a/themes/docsy/assets/js/lightbox.js b/themes/docsy/assets/js/lightbox.js
index 3dad497..a352485 100644
--- a/themes/docsy/assets/js/lightbox.js
+++ b/themes/docsy/assets/js/lightbox.js
@@ -20,6 +20,9 @@
     return;
   }
   $('.td-main img').on('click', function (event) {
+    if($(this).data('nolightbox')){
+      return;
+    }
     event = event || window.event;
     var target = document.elementFromPoint(event.clientX, event.clientY);
     showBig(target.src);
diff --git a/themes/docsy/assets/scss/_custom_docs.scss b/themes/docsy/assets/scss/_custom_docs.scss
index 6a6223f..5aa1dd9 100644
--- a/themes/docsy/assets/scss/_custom_docs.scss
+++ b/themes/docsy/assets/scss/_custom_docs.scss
@@ -1,13 +1,16 @@
 .td-docs {
   .card-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
+
     padding-bottom: 1em;
     padding-top: 1em;
     &:nth-of-type(1){
       padding-top: 1.5em;
     }
+    .item-wrapper{
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+    }
     .item {
       width: 31.33%;
       margin: 0 1% 24px;
@@ -15,6 +18,7 @@
 
       &:hover {
         box-shadow: 0 0 8px #cccccc5e;
+        border-color: #fff;
       }
     }
 
diff --git a/themes/docsy/assets/scss/_custom_home.scss b/themes/docsy/assets/scss/_custom_home.scss
index e6fdf47..4032315 100644
--- a/themes/docsy/assets/scss/_custom_home.scss
+++ b/themes/docsy/assets/scss/_custom_home.scss
@@ -6,12 +6,13 @@
     word-break: break-word;
   }
 
-  h2.section-head {
+  .section-head {
     font-family: Lato, sans-serif;
     text-shadow: 4px 6px 0 rgba(0, 0, 0, .07);
     font-weight: 600;
     line-height: 1.25;
     border: none;
+    margin-bottom: 1rem;
 
     &:before {
       content: "";
@@ -38,71 +39,26 @@
   }
 
   p {
-    margin: 10px 0;
+    margin: 1em 0;
     line-height: 1.7;
 
   }
 
-  //demo-btn start
-  .demo-wrapper {
-    text-align: center;
-    position: relative;
-
-    .btn-demo {
-      background: #151f35 linear-gradient(180deg, #485671, #152235) repeat-x;
-    }
-
+  .live-demo-wrapper {
     .demo-link {
-      padding: 0 1em;
-      display: block;
-      text-align: center;
+      width: 160px;
+      box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3), 0 18px 36px -18px rgba(0, 0, 0, 0.33);
+    }
+
+    .demo-line {
+      width: 80%;
+      max-width: 700px;
       margin: 0 auto;
-      font-size: 1.1rem;
-      font-weight: 500;
-      width:86px;
-      &:hover {
-        color: #0091ff;
-        background-color: transparent;
-        border-color: #7aa1da;
-      }
-    }
-
-    .dropdown-item {
-      position: relative;
-      background-color: transparent;
-      &:hover{
-        background: transparent;
-      }
-    }
-    .dropdown-header{
-      text-align: center;
-    }
-    .dropdown-menu{
-      &:hover{
-        box-shadow: 0 30px 60px -10px rgba(0,0,0,0.3), 0 18px 36px -18px rgba(0,0,0,0.33);
-      }
-    }
-    .icon-copy {
-      font-size: 14px;
-      color: #ccc;
-      position: absolute;
-      right: 4px;
-      top: 4px;
-
-      &:hover {
-        cursor: pointer;
-      }
+      height: 1px;
+      background: -webkit-linear-gradient(left, #fff -4%, #25334c 50%, #fff 100%);
     }
   }
 
-  .show > .btn-primary.dropdown-toggle {
-    color: #fff;
-    background-color: #2e3a50;
-    background-image: none;
-    border-color: #030407;
-  }
-
-  //demo-btn end
 
   /*Events & News*/
   .home-card-news-item {
@@ -150,7 +106,12 @@
 
   #overview.bg-box {
     background-color: #f7f7f9;
-    padding: 3em 8px;
+    padding: 5em 8px;
+  }
+
+  #overview {
+    padding-bottom: 3em;
+    padding-top: 5em;
   }
 
 
@@ -162,9 +123,9 @@
   .feature {
     height: 440px;
 
-    h2 {
-      padding-bottom: 2em;
-      padding-top: 1.3em;
+    .section-head {
+      padding-bottom: 1.1em;
+      padding-top: 1em;
     }
   }
 
@@ -236,6 +197,7 @@
       height: auto;
       margin-top: -2em;
       box-shadow: 0 0 8px #ffffffcf;
+      box-shadow: 3px 6px 8px #ffffffcf;
 
       .line {
         width: 80%;
@@ -274,8 +236,15 @@
       margin: 2% 2% 0 0;
       background-color: #fff;
       border: 1px solid #f6f8fa;
-      border-left: 4px solid #0091ff;
+      transition: all 0.3s;
+      box-shadow: 0 0px 0px -10px rgba(0, 0, 0, 0.3), 0 18px 36px -28px rgba(0, 0, 0, 0.33);
 
+      &:hover {
+        transform: translateY(-4px);
+        box-shadow: rgb(17, 174, 255) 0px 4px 0px, rgba(0, 0, 0, 0.08) 0px 4px 8px;
+        border-bottom-right-radius: 0.8rem;
+        border-top-left-radius: 0.7rem;
+      }
     }
   }
 
@@ -284,7 +253,7 @@
     .feature {
       height: auto;
 
-      h2 {
+      .section-head {
         padding-bottom: 0;
         padding-top: 0;
       }
@@ -328,27 +297,14 @@
     //event
     .event {
       .home-event-li {
-        padding: 1em;
-        text-align: left;
         width: 100%;
         margin: 10px 0 0;
-        background-color: #fff;
         border: 1px solid #f6f8fa;
-        border-left: 4px solid #0091ff;
-
       }
     }
 
   }
 
-  //swiper
-  .swiper-container {
-    img {
-      height: 100%;
-      width: 100%;
-    }
-  }
-
   //animateArrow
   .td-overlay__inner {
     .icon-arrow {
@@ -358,6 +314,102 @@
       animation: animateArrow 8s cubic-bezier(.785, .135, .15, .86) infinite;
     }
   }
+
+  //swiper
+
+  .arch-swiper-container {
+    img {
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .user-swiper-container-wrapper {
+    position: relative;
+
+    .user-swiper-container {
+      height: 320px;
+
+      .swiper-slide {
+        width: 120px;
+        margin-right: 20px;
+        height: 60px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        background-position: center;
+        border: 1px solid #d9e0f0;
+
+        a {
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        img {
+          max-height: 90%;
+          max-width: 90%;
+          opacity: 0.4;
+          transition: opacity 0.5s;
+
+          &:hover {
+            opacity: 1;
+          }
+        }
+
+
+      }
+    }
+
+    .user-swiper-button-next {
+      &:focus {
+        outline: none;
+      }
+    }
+
+    .user-swiper-button-prev {
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+
+  .td-box--2, .td-box--3 {
+    color: #fff;
+    background-color: #151f35
+  }
+
+
+  @media (max-width: 768px) {
+    //users swiper
+    .user-swiper-container-wrapper {
+      position: relative;
+
+      .user-swiper-container {
+        height: 240px;
+
+        .swiper-slide {
+          height: 40px;
+
+          img {
+            opacity: 1;
+          }
+        }
+      }
+
+      .user-swiper-button-next {
+        right: -30px;
+        left: auto;
+      }
+
+      .user-swiper-button-prev {
+        left: -30px;
+        right: auto;
+      }
+    }
+  }
 }
 
 
diff --git a/themes/docsy/layouts/_default/baseof.html b/themes/docsy/layouts/_default/baseof.html
index f81385d..1dfb031 100644
--- a/themes/docsy/layouts/_default/baseof.html
+++ b/themes/docsy/layouts/_default/baseof.html
@@ -18,5 +18,6 @@
     {{ partial "lightbox.html" . }}
     {{ partial "sidebar-skywalking.html" . }}
     {{ partialCached "scripts.html" . }}
+    {{ partial "scripts-home.html" . }}
   </body>
 </html>
diff --git a/themes/docsy/layouts/docs/baseof.html b/themes/docsy/layouts/docs/baseof.html
index b087a51..ea31883 100644
--- a/themes/docsy/layouts/docs/baseof.html
+++ b/themes/docsy/layouts/docs/baseof.html
@@ -21,6 +21,7 @@
               <p class="desc-text">{{.description}}</p>
               {{end}}
 
+              <div class="item-wrapper">
               {{range .list}}
               <div class="card item">
                 <div class="card-body">
@@ -48,6 +49,8 @@
                 </div>
               </div>
               {{end}}
+              </div>
+
             </div>
             {{end}}
 
diff --git a/themes/docsy/layouts/partials/scripts-home.html b/themes/docsy/layouts/partials/scripts-home.html
new file mode 100644
index 0000000..730923f
--- /dev/null
+++ b/themes/docsy/layouts/partials/scripts-home.html
@@ -0,0 +1,61 @@
+<script>
+  $(function () {
+
+    arrowClick();
+    initArch();
+    if ($(window).width() < 768) {
+      initUsers(4)
+    } else {
+      initUsers(7)
+    }
+
+    function arrowClick() {
+      $('.icon-arrow').click(function () {
+        $('html,body').animate({scrollTop: $("#introduction").offset().top - 100}, 400)
+      });
+    }
+
+    function initArch() {
+      new Swiper('.arch-swiper-container', {
+        loop: true,
+        effect: 'fade',
+        fadeEffect: {
+          crossFade: true,
+        },
+        autoplay: {
+          delay: 3000,
+        },
+        pagination: {
+          el: '.arch-swiper-pagination',
+          dynamicBullets: true,
+        },
+
+        navigation: {
+          nextEl: '.arch-swiper-button-next',
+          prevEl: '.arch-swiper-button-prev',
+        },
+
+      });
+    }
+
+    function initUsers(num) {
+      new Swiper('.user-swiper-container', {
+        slidesPerView: num,
+        slidesPerGroup: num,
+        slidesPerColumn: 4,
+        spaceBetween: 20,
+        autoplay: {
+          delay: 5000,
+        },
+        pagination: {
+          el: '.user-swiper-pagination',
+          dynamicBullets: true,
+        },
+        navigation: {
+          nextEl: '.user-swiper-button-next',
+          prevEl: '.user-swiper-button-prev',
+        },
+      })
+    }
+  })
+</script>
diff --git a/themes/docsy/layouts/shortcodes/blocks/events.html b/themes/docsy/layouts/shortcodes/blocks/events.html
new file mode 100644
index 0000000..c55dfc5
--- /dev/null
+++ b/themes/docsy/layouts/shortcodes/blocks/events.html
@@ -0,0 +1,77 @@
+{{ .Inner | markdownify}}
+
+<!--
+<div class="events-wrapper flex-wrapper">
+    {{ range first 4 (where .Site.Pages "Section" "events") }}
+        <div class="">
+            <h5 class="mt-0 mb-1"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h5>
+            <span class="date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
+            <p class="pt-0 mt-0">{{ .Plain | safeHTML | truncate 150 }}</p>
+            &lt;!&ndash;        <p class="pt-0 mt-0">{{ .Description }}</p>&ndash;&gt;
+            <p class="pt-0"><a href="{{ .RelPermalink }}">{{ T "ui_read_more"}}</a></p>
+        </div>
+
+    {{ end }}
+</div>
+-->
+
+<style>
+    .fr{
+        float: right;
+    }
+</style>
+
+
+{{ range first 4 (where .Site.Pages "Section" "events") }}
+<!--
+    <h5 class="mt-0 mb-1"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h5>
+    <span class="date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
+    <p class="pt-0 mt-0">{{ .Plain | safeHTML | truncate 150 }}</p>
+    &lt;!&ndash;        <p class="pt-0 mt-0">{{ .Description }}</p>&ndash;&gt;
+    <p class="pt-0"><a href="{{ .RelPermalink }}">{{ T "ui_read_more"}}</a></p>
+
+
+-->
+
+    <div class="home-event-li">
+        <h5 class="mt-0 mb-1"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h5>
+        <span class="time">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
+        <p>{{ .Plain | safeHTML | truncate 100 }}</p>
+<!--        <span  class="pt-0 fr"><a href="{{ .RelPermalink }}">{{ T "ui_read_more"}}</a></span>-->
+    </div>
+
+{{ end }}
+
+
+
+<!-- TODO
+<div id="overview" class="bg-box event">
+    <div class="contain">
+        <h2 class="section-head">Events &amp; News</h2>
+
+        <div class="container flex-wrapper">
+
+            <div class="home-event-li">
+                <h5>SkyWalking Cloud on Kubernetes 0.1.0 is released</h5>
+                <p class="time"> Nov. 16th, 2020</p>
+                <p>OAPServer CRDs and controller.</p>
+            </div>
+            <div class="home-event-li">
+                <h5>Welcome Jiapeng Liu as new committer</h5>
+                <p class="time">  Nov. 5th, 2020</p>
+                <p>Based on his continuous contributions, Jiapeng Liu (a.k.a <a href="https://github.com/evanljp">evanljp</a> has been voted as a new committer.</p>
+            </div>
+            <div class="home-event-li">
+                <h5>SkyWalking Kubernetes Helm Chart 4.0.0 is released</h5>
+                <p class="time"> Nov. 3rd, 2020</p>
+                <p>Allow overriding default configurations files; Unify usages of different SkyWalking Versions.</p>
+            </div>
+            <div class="home-event-li">
+                <h5>SkyWalking Client JS 0.1.0 is released</h5>
+                <p class="time"> Oct. 30th, 2020</p>
+                <p>Support Browser Side Monitoring. Require SkyWalking APM 8.2+.</p>
+            </div>
+        </div>
+    </div>
+</div>
+-->
diff --git a/themes/docsy/layouts/shortcodes/blocks/users.html b/themes/docsy/layouts/shortcodes/blocks/users.html
new file mode 100644
index 0000000..f75a1f7
--- /dev/null
+++ b/themes/docsy/layouts/shortcodes/blocks/users.html
@@ -0,0 +1,21 @@
+<div class="user-swiper-container-wrapper">
+    {{ .Inner | markdownify}}
+
+    <div class="swiper-container user-swiper-container container">
+        <div class="swiper-wrapper ">
+            {{ range .Site.Data.homepage.users }}
+            <div class="swiper-slide">
+                <a href="{{.website }}" target="_blank">
+                <img src="{{.logo}}" alt="{{.name}}" class="swiper-lazy" data-nolightbox="true">
+                </a>
+            </div>
+            {{end}}
+        </div>
+
+        <div class="swiper-pagination user-swiper-pagination"></div>
+
+    </div>
+    <div class="swiper-button-prev user-swiper-button-prev"></div>
+    <div class="swiper-button-next user-swiper-button-next"></div>
+</div>
+