diff --git a/src/components/App.js b/src/components/App.js
index 88a7054..5efe890 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,9 +1,15 @@
import React from 'react';
+import Header from './Header';
+import Footer from './Footer';
import Message from './Message';
-const App = () =>
- Placeholder app content
-;
+const App = () =>
+
+
+ Placeholder app content
+
+
+;
export default App;
diff --git a/src/components/Footer.js b/src/components/Footer.js
new file mode 100644
index 0000000..df542b9
--- /dev/null
+++ b/src/components/Footer.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Footer = () => (
+
+);
+
+export default Footer;
diff --git a/src/components/Footer.test.js b/src/components/Footer.test.js
new file mode 100644
index 0000000..f7947b0
--- /dev/null
+++ b/src/components/Footer.test.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Footer from './Footer';
+
+test('Footer rendering', () => {
+ const component = shallow(
+
+ );
+ expect(component).toMatchSnapshot();
+});
diff --git a/src/components/Header.js b/src/components/Header.js
new file mode 100644
index 0000000..0ca4ec4
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import GithubIcon from 'feather-icons/dist/icons/github.svg';
+
+const Header = () => (
+
+);
+
+export default Header;
diff --git a/src/components/Header.test.js b/src/components/Header.test.js
new file mode 100644
index 0000000..fbf279e
--- /dev/null
+++ b/src/components/Header.test.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Header from './Header';
+
+const env = { ...process.env };
+
+afterEach(() => {
+ process.env = env;
+});
+
+beforeEach(() => {
+ process.env = {
+ ...process.env,
+ BANNER: 'testing'
+ };
+});
+
+test('Header rendering', () => {
+ const component = shallow(
+
+ );
+ expect(component).toMatchSnapshot();
+});
diff --git a/src/components/PageTemplate.js b/src/components/PageTemplate.js
index 6ab9fab..0ab2763 100644
--- a/src/components/PageTemplate.js
+++ b/src/components/PageTemplate.js
@@ -4,7 +4,8 @@ import PropTypes from 'prop-types';
import pkg from '../../package.json';
-import GithubIcon from 'feather-icons/dist/icons/github.svg';
+import Header from '../components/Header';
+import Footer from '../components/Footer';
const PageTemplate = ({ title, children }) => (
@@ -18,34 +19,11 @@ const PageTemplate = ({ title, children }) => (
Regexper{ title && (' - ' + title) }
-
-
- { children }
-
-
+
+
+ { children }
+
+