Simple header component

src/components/App.js

@@ -1,9 +1,11 @@
 import React, {Component} from 'react';
+import Header from './Header';
 
 class App extends Component {
   render() {
     return (
       <div className="App">
+        <Header />
         <div className="container">
           <div className="row">
             <div className="three columns">First column</div>

src/components/Header/index.css

@@ -0,0 +1,3 @@
+.header hr {
+  margin-top: 0;
+}

src/components/Header/index.js

@@ -0,0 +1,20 @@
+import React, {Component} from 'react';
+import './index.css';
+
+class Header extends Component {
+  render() {
+    return (
+      <div className="header">
+        <nav className="nav container">
+          <div className="row">
+            <div className="two columns">ECS Grader</div>
+            <div className="ten columns" />
+          </div>
+        </nav>
+        <hr />
+      </div>
+    );
+  }
+}
+
+export default Header;