diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
new file mode 100644
index 00000000..5593779d
--- /dev/null
+++ b/src/components/Footer/Footer.module.css
@@ -0,0 +1,22 @@
+.footer {
+  position: relative;
+  padding: 10px;
+  height: 60px;
+  letter-spacing: 0.7px;
+  text-align: center;
+}
+
+.footer a {
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: underline;
+}
+
+@media only screen and (max-width: 768px) {
+  .footer {
+    display: none;
+  }
+}
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 00000000..20850b6d
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import styles from './Footer.module.css';
+
+export const Footer: React.FC = () => {
+  return (
+    <div className={styles.footer}>
+      <p>
+        Show this project some ❤ on{' '}
+        <a
+          href="https://github.com/hdjirdeh/angular2-hn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          GitHub
+        </a>
+      </p>
+    </div>
+  );
+};