move containers and header to framework

src/components/framework/buttons.css

@@ -0,0 +1,7 @@
+.primaryButton {
+  border: 1px solid black;
+  padding: 10px 15px;
+  background: none;
+  cursor: pointer;
+  font-size: 14px;
+}

src/components/framework/container.css

@@ -0,0 +1,5 @@
+.container {
+  max-width: 1200px;
+  margin: auto;
+  min-height: 100%;
+}

src/components/framework/container.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import styles from './container.css';
+
+const Container = props => (
+  <div className={styles.container}>
+    {props.children}
+  </div>
+);
+
+export default Container;

src/components/framework/header.css

@@ -0,0 +1,3 @@
+.header {
+  background: red;
+}

src/components/framework/header.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import Container from './container';
+import styles from './header.css';
+
+
+const Header = () => (
+  <header className={styles.header}>
+    <Container>
+
+    </Container>
+  </header>
+);
+
+export default Header;