updated

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

components/Footer.tsx

@@ -0,0 +1,72 @@
+import React from 'react'
+import { PhoneCall, Mail, GitHub, Twitter, Linkedin } from 'react-feather'
+import Link from 'next/link'
+
+interface Props {}
+
+interface States {}
+
+export default class Footer extends React.Component<Props, States> {
+	constructor(props: Props) {
+		super(props)
+	}
+	render() {
+		return (
+			<footer>
+				<div className="pre"></div>
+				<div className="footer">
+					<span>
+						<a href="mailto:contact@avior.me" target="_blank">
+							<Mail color="#4285F4" />
+						</a>
+						<a href="tel:+33672292683" target="_blank">
+							<PhoneCall color="#4285F4" />
+						</a>
+						<a href="https://git.delta-wings.net" target="_blank">
+							<GitHub color="#4285F4" />
+						</a>
+						<a href="https://twitter.com/aviortheking" target="_blank">
+							<Twitter color="#4285F4" />
+						</a>
+						<a href="https://www.linkedin.com/in/florian-bouillon/" target="_blank">
+							<Linkedin color="#4285F4" />
+						</a>
+					</span>
+				</div>
+				<style jsx>{`
+					footer {
+						padding-top: 50px;
+					}
+					.pre {
+						height: 20px;
+						background: #EEE;
+					}
+					.footer {
+						display: flex;
+						padding: 13px 10%;
+						justify-content: space-evenly;
+					}
+
+					.footer span {
+						display: flex;
+						justify-content: space-evenly;
+						width: 100%;
+					}
+
+					a {
+						padding: 10px
+					}
+
+					@media (min-width: 850px) {
+						.footer {
+							padding: 20px 0
+						}
+						.footer span {
+							width: 300px;
+						}
+					}
+				`}</style>
+			</footer>
+		)
+	}
+}