Add nav bar

src/js/components/navbar.js

@@ -1,10 +1,19 @@
 var React = require('react');
 
 var NavBar = React.createClass({
-	render: function () {
+  render: function () {
-		<div id="NavBar">
+    return (
-			<div className="row" >
+      <nav className="navbar navbar-default navbar-fixed-top">
-			</div>
+        <div className="container-fluid">
-		</div>
+          <a className="navbar-brand">Keyboard Mechanizer</a>
-	}
+          <ul className="nav navbar-nav navbar-right">
+            <li><a href="#">Hide</a></li>
+            <li><a href="#"><i className="icon ion-close-round"></i></a></li>
+          </ul>
+        </div>
+      </nav>
+    );
+  }
 });
+
+module.exports = NavBar;

src/less/style.less

@@ -1,6 +1,8 @@
 @import 'node_modules/bootstrap/less/bootstrap.less';
 @import 'node_modules/bootstrap/less/theme.less';
+@import 'node_modules/ionicons/less/ionicons.less';
 
-#NavBar {
+body {
-	
+    padding: 5px;
+	padding-top: 50px;
 }