Merge pull request #8 from Eug-VS/markup

Markup initial homepage

3 files changed, 34 insertions, 10 deletions

diff --git a/src/App.js b/src/App.js
deleted file mode 100644
index 386e165..0000000
--- a/src/App.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-const App = () => {
-  return (
-    <h1> ChronoCube - a professional speedcubing timer</h1>
-  );
-};
-
-export default App;
diff --git a/src/components/Header.js b/src/components/Header.js
new file mode 100644
index 0000000..47da527
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,15 @@
+import React from "react";
+
+const Header = () => (
+  <div>
+    <span> ChronoCube </span>
+    <ul>
+      <li> Home </li>
+      <li> App </li>
+      <li> Scoreboard </li>
+      <li> News </li>
+    </ul>
+  </div>
+);
+
+export default Header;
diff --git a/src/index.js b/src/index.js
index b597a44..512d416 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,23 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+
+import styled from 'styled-components';
+import CssBaseline from '@material-ui/core/CssBaseline'
+
+import Header from "./components/Header";
+
+
+const App = () => (
+  <Root>
+    <CssBaseline/>
+    <Header/>
+    <p> Page content here </p>
+  </Root>
+);
+
+const Root = styled.div`
+  background: lightgrey;
+`;
+
 
 ReactDOM.render(<App />, document.getElementById('root'));