feat(footer): add footer

assets/styles/main.less

@@ -1,3 +1,17 @@
 @import "icons.less";
 @import "sprite.css";
 @import "notification.less";
+
+html {
+  color: #2C2C2C;
+  background-color: #fefefe;
+}
+
+footer {
+  color: #404040;
+}
+
+.list-footer {
+  list-style: none;
+  margin: 100px;
+}

lib/components/Footer.jsx

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+
+export default class Footer extends Component {
+  constructor (props, context) {
+    super(props, context);
+  }
+
+  render () {
+    return (
+      <footer>
+        <ul className="list-footer">
+          <li>
+            ♫ Enjoy emoji life!
+          </li>
+          <li>
+            ☃ Emoji App source code is available on <a
+              href="https://github.com/lyrictenor/nwjs-emoji-app"
+              >GitHub</a>.
+          </li>
+          <li>
+            ☺ These emoji data are based on <a
+              href="http://www.emoji-cheat-sheet.com/"
+              >Emoji-cheat-sheet.com</a>.
+          </li>
+        </ul>
+      </footer>
+    );
+  }
+
+}

lib/containers/Root.jsx

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { Connector } from 'react-redux';
 import MainSection from '../components/MainSection.jsx';
+import Footer from '../components/Footer.jsx';
 import * as EmojiActions from '../actions/EmojiActions';
 
 export default class Root extends Component {
@@ -18,6 +19,7 @@ export default class Root extends Component {
     return (
       <div>
         <MainSection emojis={emojis} actions={actions} />
+        <Footer />
       </div>
     );
   }