Футер и хэдер

src/Footer/Footer.css

@@ -0,0 +1,11 @@
+.footer {
+    background-color: #2b2b2b;
+    min-height: 65px;
+    color: white;
+}
+
+
+.footer__text {
+    padding: 22px 20px 20px 50px;
+    font-size: 14px;
+}

src/Footer/Footer.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import './Footer.css';
+
+export class Footer extends React.Component {
+    constructor() {
+        super();
+    }
+
+    render() {
+
+        return (
+            <div className="footer">
+                <div className="footer__text">
+                    2020 Все права защищены
+                </div>
+            </div>
+        );
+    }
+
+
+}

src/Header/Header.css

@@ -0,0 +1,22 @@
+.header {
+    background-color: #567ba7;
+    color: #fff;
+    max-height: 75px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.header__logo-wrapper {
+    padding: 10px 10px 10px 50px;
+}
+
+.header__logo {
+    width: 55px;
+    height: 55px;
+}
+
+.header__exit-button {
+    margin: 25px 50px 25px 25px;
+    font-size: 18px;
+    cursor: pointer;
+}

src/Header/Header.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import './Header.css';
+
+export class Header extends React.Component {
+    constructor() {
+        super();
+    }
+
+    render() {
+
+        return (
+            <div className="header">
+                <div className="header__logo-wrapper">
+                    <img src="https://meter4.me/images/logo.svg" className="header__logo"/>
+                </div>
+
+                <div className="header__exit-button">
+                    Выйти
+                </div>
+            </div>
+        );
+    }
+
+
+}