diff --git a/src/js/app.js b/src/js/app.js
index be0b837..68a23ee 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -2,5 +2,5 @@ var React = require('react');
 var Home = require('./components/home');
 var NavBar = require('./components/navbar');
 
-React.render(<NavBar />, document.getElementById('NavBar'));
+React.render(<NavBar />, document.getElementById('NavBarContainer'));
 React.render(<Home />, document.getElementById('AppContainer'));
\ No newline at end of file
diff --git a/src/js/components/navbar.js b/src/js/components/navbar.js
index e69de29..efc1293 100644
--- a/src/js/components/navbar.js
+++ b/src/js/components/navbar.js
@@ -0,0 +1,10 @@
+var React = require('react');
+
+var NavBar = React.createClass({
+	render: function () {
+		<div id="NavBar">
+			<div className="row" >
+			</div>
+		</div>
+	}
+});
\ No newline at end of file
diff --git a/src/less/style.less b/src/less/style.less
index 3e0f889..c78cd99 100644
--- a/src/less/style.less
+++ b/src/less/style.less
@@ -1,3 +1,6 @@
 @import 'node_modules/bootstrap/less/bootstrap.less';
 @import 'node_modules/bootstrap/less/theme.less';
 
+#NavBar {
+	
+}
\ No newline at end of file