diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index c5c6e8a..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.App {
- text-align: center;
-}
-
-.App-logo {
- animation: App-logo-spin infinite 20s linear;
- height: 80px;
-}
-
-.App-header {
- background-color: #222;
- height: 150px;
- padding: 20px;
- color: white;
-}
-
-.App-title {
- font-size: 1.5em;
-}
-
-.App-intro {
- font-size: large;
-}
-
-@keyframes App-logo-spin {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
-}
diff --git a/src/App.js b/src/App.js
index 203067e..7fb8d79 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,18 +1,15 @@
import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+
+import Layout from "./components/Layout/Layout";
+
class App extends Component {
render() {
return (
-
-
-
- Welcome to React
-
-
- To get started, edit src/App.js
and save to reload.
-
+
+
+ Test
+
);
}
diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js
new file mode 100644
index 0000000..30d28f0
--- /dev/null
+++ b/src/components/Layout/Layout.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import Aux from "../../hoc/Auxiliary";
+
+const layout = (props) => (
+
+ Toolbar, SideDrawer, Backdrop
+
+ {props.children}
+
+
+)
+
+export default layout;
\ No newline at end of file
diff --git a/src/hoc/Auxiliary.js b/src/hoc/Auxiliary.js
new file mode 100644
index 0000000..53b8367
--- /dev/null
+++ b/src/hoc/Auxiliary.js
@@ -0,0 +1,3 @@
+const aux = (props) => props.children
+
+export default aux;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index b4cc725..4eac40e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,5 @@
body {
margin: 0;
padding: 0;
- font-family: sans-serif;
-}
+ font-family: "Open Sans", sans-serif;
+}
\ No newline at end of file