site: update footer style

site/theme/en-US.js

@@ -31,10 +31,10 @@ module.exports = {
     'app.footer.dev-tools': 'Developer Tools',
     'app.footer.dva': 'Framework',
     'app.footer.links': 'Links',
-    'app.footer.mobile': 'Mobile',
+    'app.footer.mobile': 'Mobile UI',
     'app.footer.data-vis': 'Data Visualization',
-    'app.footer.motion': 'Motion',
-    'app.footer.antd-library': 'Axure library of Ant Design',
+    'app.footer.motion': 'Motion Soluction',
+    'app.footer.antd-library': 'Axure library',
     'app.footer.material': 'Sitemap Template',
     'app.footer.community': 'Community',
     'app.footer.change-log': 'Change Log',

site/theme/static/footer.less

@@ -1,6 +1,5 @@
 footer {
   clear: both;
-  border-top: 1px solid #eee;
   font-size: 12px;
   background: #fff;
   position: relative;
@@ -25,6 +24,14 @@ footer ul li > h2 {
   font-size: 14px;
   margin: 0 auto 8px;
   font-weight: 500;
+  position: relative;
+  > .anticon {
+    font-size: 16px;
+    position: absolute;
+    left: -22px;
+    top: 3px;
+    color: #aaa;
+  }
 }
 
 footer ul li > div {

site/theme/static/header.less

@@ -3,7 +3,6 @@
 #header {
   transition: opacity 0.5s;
   background: #fff;
-  border-bottom: 1px solid #eee;
   height: @header-height;
   margin-bottom: 24px;
   padding: 0 48px;

site/theme/template/Layout/Footer.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { Select, Modal } from 'antd';
+import { Select, Modal, Icon } from 'antd';
 import { version as antdVersion } from '../../../../package.json';
 import * as utils from '../utils';
 
@@ -76,7 +76,7 @@ class Footer extends React.Component {
       <footer id="footer">
         <ul>
           <li>
-            <h2>GitHub</h2>
+            <h2><Icon type="github" /> GitHub</h2>
             <div>
               <a target="_blank " href="https://github.com/ant-design/ant-design">
                 <FormattedMessage id="app.footer.repo" />
@@ -94,7 +94,7 @@ class Footer extends React.Component {
             </div>
           </li>
           <li>
-            <h2><FormattedMessage id="app.footer.links" /></h2>
+            <h2><Icon type="link" /> <FormattedMessage id="app.footer.links" /></h2>
             <div>
               <a href="http://mobile.ant.design">Ant Design Mobile</a>
               <span> - </span>
@@ -122,7 +122,7 @@ class Footer extends React.Component {
             </div>
           </li>
           <li>
-            <h2><FormattedMessage id="app.footer.community" /></h2>
+            <h2><Icon type="customer-service" /> <FormattedMessage id="app.footer.community" /></h2>
             <div>
               <a rel="noopener noreferrer" href="/changelog">
                 <FormattedMessage id="app.footer.change-log" />
@@ -146,7 +146,7 @@ class Footer extends React.Component {
           </li>
           <li>
             <div>©2016 <FormattedMessage id="app.footer.author" /></div>
-            <div>Powered by <a href="https://github.com/benjycui/bisheng">BiSheng</a></div>
+            <div>Built with <a href="https://github.com/benjycui/bisheng">BiSheng</a></div>
             <div style={{ marginTop: 10 }}>
               <FormattedMessage id="app.footer.version" />
               <Select