From a9b66b2eb2224dc2f2889b4ab19f3116a5018961 Mon Sep 17 00:00:00 2001
From: Ben Ramey <ben.ramey@gmail.com>
Date: Thu, 13 Sep 2018 06:54:16 -0500
Subject: [PATCH] Simple header component

---
 src/components/App.js           |  2 ++
 src/components/Header/index.css |  3 +++
 src/components/Header/index.js  | 20 ++++++++++++++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 src/components/Header/index.css
 create mode 100644 src/components/Header/index.js

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;