diff --git a/src/components/App.js b/src/components/App.js
index 63fbd1d..51aced8 100644
--- a/src/components/App.js
+++ b/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>
diff --git a/src/components/Header/index.css b/src/components/Header/index.css
new file mode 100644
index 0000000..bb653d7
--- /dev/null
+++ b/src/components/Header/index.css
@@ -0,0 +1,3 @@
+.header hr {
+  margin-top: 0;
+}
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
new file mode 100644
index 0000000..dccfa6e
--- /dev/null
+++ b/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;