asd

Author: dtejada2

dist/scripts/bundle.js

@@ -29146,6 +29146,32 @@ module.exports = About;
 },{"react":157}],159:[function(require,module,exports){
 "use strict";
 
+var React = require('react');
+
+var Header = React.createClass({displayName: "Header",
+ render: function(){
+ return (
+ React.createElement("nav", {className: "navbar navbar-default"}, 
+ React.createElement("div", {className: "container-fluid"}, 
+ React.createElement("a", {href: "/", className: "navbar-brand"}, 
+ React.createElement("img", {src: "images/pluralsight-logo.png"})
+ ), 
+
+ React.createElement("ul", {className: "nav nvarbar-nav"}, 
+ React.createElement("li", null, React.createElement("a", {href: "/"}, "Home")), 
+ React.createElement("li", null, React.createElement("a", {href: "/#about"}, "About"))
+ )
+ )
+ )
+ );
+ }
+});
+
+module.exports = Header;
+
+},{"react":157}],160:[function(require,module,exports){
+"use strict";
+
 var React = require("react");
 
 var Home = React.createClass({displayName: "Home",
@@ -29161,12 +29187,12 @@ var Home = React.createClass({displayName: "Home",
 
 module.exports = Home;
 
-},{"react":157}],160:[function(require,module,exports){
+},{"react":157}],161:[function(require,module,exports){
 $ = JQuery = require('jquery');
 var React = require('react');
 var Home = require('./components/homePage');
 var About = require('./components/about/aboutPage');
-
+var Header = require('./components/common/header');
 (function(win){
  'use strict';
 
@@ -29182,6 +29208,7 @@ var About = require('./components/about/aboutPage');
 
  return (
  React.createElement("div", null, 
+ React.createElement(Header, null), 
  React.createElement(Child, null)
  )
  );
@@ -29200,4 +29227,4 @@ var About = require('./components/about/aboutPage');
  //React.render(<Home />, document.getElementById('app'));
 })(window)
 
-},{"./components/about/aboutPage":158,"./components/homePage":159,"jquery":1,"react":157}]},{},[160]);
+},{"./components/about/aboutPage":158,"./components/common/header":159,"./components/homePage":160,"jquery":1,"react":157}]},{},[161]);

src/components/common/header.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var React = require('react');
+
+var Header = React.createClass({
+ render: function(){
+ return (
+ <nav className="navbar navbar-default">
+ <div className ="container-fluid">
+ <a href="/" className="navbar-brand">
+ <img src="images/pluralsight-logo.png"/>
+ </a>
+
+ <ul className="nav nvarbar-nav">
+ <li><a href="/">Home</a></li>
+ <li><a href="/#about">About</a></li>
+ </ul>
+ </div>
+ </nav>
+ );
+ }
+});
+
+module.exports = Header;

src/components/images/pluralsight-logo.png

@@ -2,7 +2,7 @@ $ = JQuery = require('jquery');
 var React = require('react');
 var Home = require('./components/homePage');
 var About = require('./components/about/aboutPage');
-
+var Header = require('./components/common/header');
 (function(win){
  'use strict';
 
@@ -18,6 +18,7 @@ var About = require('./components/about/aboutPage');
 
  return (
  <div>
+ <Header/>
  <Child/>
  </div>
  );