[Ivan Diaz] - Add footer

src/app/main/main-layout-footer.js

@@ -0,0 +1,16 @@
+import React              from 'react/addons';
+
+var MainLayoutFooter = React.createClass({
+
+    render() {
+        return (
+            <div className="main-layout-footer">
+                <div className="main-layout-footer--powered">
+                    Powered by <a className="main-layout-footer--os-link" href="http://www.opensupports.com/" target="_blank">OpenSupports</a>
+                </div>
+            </div>
+        );
+    }
+});
+
+export default MainLayoutFooter;

src/app/main/main-layout-footer.scss

@@ -0,0 +1,19 @@
+@import "../../scss/vars";
+
+.main-layout-footer {
+  background-color: $primary-blue;
+  text-align: center;
+  height: 32px;
+  width: 100%;
+
+  &--powered {
+    color: white;
+    display: inline-block;
+    padding-top: 7px;
+  }
+
+  &--os-link {
+    color: $secondary-red;
+    text-decoration: none;
+  }
+}

src/app/main/main-layout.js

@@ -2,6 +2,7 @@ import React              from 'react/addons';
 import {RouteHandler}     from 'react-router';
 
 import MainHeader         from 'app/main/main-layout-header';
+import MainFooter         from 'app/main/main-layout-footer';
 
 var MainLayout = React.createClass({
 
@@ -14,7 +15,7 @@ var MainLayout = React.createClass({
                 <RouteHandler params={this.props.params}
                     query={this.props.query} />
 
-                MainFooter
+                <MainFooter />
 
             </div>
         );