diff --git a/js/components/App.js b/js/components/App.js
index b35d955..43558f2 100644
--- a/js/components/App.js
+++ b/js/components/App.js
@@ -6,6 +6,7 @@ import actions from '../actions';
import Header from './Header';
import Footer from './Footer';
import Router from './Router';
+import FooterEnd from './FooterEnd';
function App(props) {
return (
@@ -19,6 +20,7 @@ function App(props) {
+
diff --git a/js/components/FooterEnd.js b/js/components/FooterEnd.js
new file mode 100644
index 0000000..f868698
--- /dev/null
+++ b/js/components/FooterEnd.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import classNames from 'classnames';
+import { getItemPageNames } from '../../common/config';
+
+export default function FooterEnd({ items, pageName }) {
+ return (
+
+ );
+}
diff --git a/js/server.js b/js/server.js
index bd6bc7e..ec3d1be 100644
--- a/js/server.js
+++ b/js/server.js
@@ -36,6 +36,7 @@ const renderFullPage = (html, pageTitle, preloadedState) => {
${pageTitle} | AOE Technology Radar
+
${html}
diff --git a/styles/components/footerend.css b/styles/components/footerend.css
new file mode 100644
index 0000000..ae6bc88
--- /dev/null
+++ b/styles/components/footerend.css
@@ -0,0 +1,30 @@
+.footer-end {
+ font-size: 12px;
+ color: var(--color-gray-normal);
+ display: flex;
+ flex-direction: row-reverse;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 0 10px 0;
+
+ & a {
+ color: var(--color-gray-normal);
+ }
+
+ & .footer-social {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: center;
+
+ & .footer-social-label {
+ margin: 0 10px 0 0;
+ }
+ }
+
+}
+
+.footer-end-left {
+ flex-direction: column;
+ align-items: flex-start;
+}
\ No newline at end of file
diff --git a/styles/components/footnote.css b/styles/components/footnote.css
index 434163b..c39748e 100644
--- a/styles/components/footnote.css
+++ b/styles/components/footnote.css
@@ -1,4 +1,4 @@
.footnote {
font-size: 12px;
color: var(--color-gray-normal);
-}
+}
\ No newline at end of file
diff --git a/styles/components/social-icon.css b/styles/components/social-icon.css
new file mode 100644
index 0000000..dbf9657
--- /dev/null
+++ b/styles/components/social-icon.css
@@ -0,0 +1,29 @@
+
+.social-icon {
+ font-weight: normal;
+ font-style: normal;
+ font-size: 16px; /* Preferred icon size */
+ display: inline-block;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ padding: 7px;
+ margin: 0 5px 0 5px;
+
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+
+ /* Support for IE. */
+ font-feature-settings: 'liga';
+
+}
\ No newline at end of file