src/App.vue

@@ -4,15 +4,18 @@
     <main>
       <router-view />
     </main>
+    <Footer />
   </div>
 </template>
 
 <script>
+import Footer from "@/components/Footer";
 import Header from "@/components/Header";
 
 export default {
   name: "App",
   components: {
+    Footer,
     Header
   }
 };
@@ -20,12 +23,21 @@ export default {
 
 <style lang="less">
 #app {
-  font-family: Montserrat, sans-serif;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: @text-color;
 }
 
+a {
+  text-decoration: none;
+  cursor: pointer;
+
+  &:visited {
+    color: inherit;
+  }
+}
+
 main {
   padding: 2rem 1rem 1rem 1rem;
   background-color: @secondary-color;

src/components/Footer.vue

@@ -0,0 +1,29 @@
+<template>
+  <footer>
+    <p>
+      ©2020 Made with <span style="color: red;">&#9829;</span> by
+      <a href="https://wazo-lab.io" target="_blank">Wazo Lab</a>
+    </p>
+  </footer>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less">
+footer {
+  background-color: #111111;
+  color: @secondary-color;
+  text-align: center;
+  padding: 2rem;
+
+  p {
+    margin: 0;
+
+    a {
+      color: rgba(255, 152, 0, 1);
+    }
+  }
+}
+</style>