diff --git a/client/public/index.html b/client/public/index.html
index 9bb03b9..d29c1ea 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -14,6 +14,8 @@
   <meta name="theme-color" content="#ffffff">
 
   <title>LeagueStats</title>
+  <meta name="description"
+    content="LeagueStats.gg is an Open source website for League of Legends Summoners statistics.">
 </head>
 
 <body class="min-w-1200 bg-blue-900">
diff --git a/client/src/components/MainFooter.vue b/client/src/components/MainFooter.vue
new file mode 100644
index 0000000..e8f058f
--- /dev/null
+++ b/client/src/components/MainFooter.vue
@@ -0,0 +1,34 @@
+<template>
+  <footer class="py-4 text-blue-200">
+    <div class="px-6 flex justify-between items-center">
+      <p class="text-base">LeagueStats.gg</p>
+      <a class="github relative text-sm" href="https://github.com/vkaelin/LeagueStats" target="_blank">
+        <svg class="absolute fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+          <path
+            d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+          />
+        </svg>
+        <span class="ml-8">Open Source Project</span>
+      </a>
+    </div>
+  </footer>
+</template>
+
+<style scoped>
+.github svg {
+  width: 22px;
+  height: 22px;
+  transform-origin: bottom left;
+  transition: 0.2s ease-in-out;
+}
+
+.github:hover svg {
+  width: 24px;
+  height: 24px;
+  transform: rotate(-5deg);
+}
+
+.github:hover span {
+  color: #ebf8ff;
+}
+</style>
diff --git a/client/src/views/Summoner.vue b/client/src/views/Summoner.vue
index f073f46..8ccd775 100644
--- a/client/src/views/Summoner.vue
+++ b/client/src/views/Summoner.vue
@@ -82,6 +82,8 @@
         </div>
       </template>
     </div>
+    
+    <MainFooter />
   </div>
 </template>
 
@@ -89,16 +91,18 @@
 import { mapState, mapActions, mapGetters } from 'vuex'
 import LazyBackground from '@/components/LazyBackgroundImage.vue'
 import LoadingButton from '@/components/LoadingButton.vue'
+import MainFooter from '@/components/MainFooter.vue'
+import Match from '@/components/Match.vue'
 import RecentActivity from '@/components/RecentActivity.vue'
+import SearchForm from '@/components/SearchForm.vue'
 import SummonerLoader from '@/components/SummonerLoader.vue'
 import SummonerRanked from '@/components/SummonerRanked.vue'
-import Match from '@/components/Match.vue'
-import SearchForm from '@/components/SearchForm.vue'
 
 export default {
   components: {
     LazyBackground,
     LoadingButton,
+    MainFooter,
     Match,
     RecentActivity,
     SearchForm,
