diff --git a/src/pages/routes.rs b/src/pages/routes.rs
index d0d61ec2..25f5162a 100644
--- a/src/pages/routes.rs
+++ b/src/pages/routes.rs
@@ -25,6 +25,9 @@ pub struct Routes {
     pub auth: Auth,
     pub panel: Panel,
     pub errors: Errors,
+    pub about: &'static str,
+    pub thanks: &'static str,
+    pub donate: &'static str,
 }
 
 impl Routes {
@@ -36,6 +39,9 @@ impl Routes {
             panel,
             home,
             errors: Errors::new(),
+            about: "/aboubt",
+            thanks: "/thanks",
+            donate: "/donat",
         }
     }
 }
diff --git a/templates/_vars.scss b/templates/_vars.scss
index 9a936680..59a2dafc 100644
--- a/templates/_vars.scss
+++ b/templates/_vars.scss
@@ -26,3 +26,4 @@ $white: #fff;
 $form-content-width: 90%;
 $black-text: #000;
 $auth-content-width: 30%;
+$blue-link: rgb(3, 102, 214);
diff --git a/templates/auth/css/main.scss b/templates/auth/css/main.scss
index 7c12b669..897d65b8 100644
--- a/templates/auth/css/main.scss
+++ b/templates/auth/css/main.scss
@@ -57,5 +57,5 @@ body {
 
 .auth__secondary-action__link {
   text-decoration: none;
-  color: rgb(3, 102, 214);
+  color: $blue-link;
 }
diff --git a/templates/auth/login/index.html b/templates/auth/login/index.html
index 8acbb111..4fbc8b2e 100644
--- a/templates/auth/login/index.html
+++ b/templates/auth/login/index.html
@@ -48,7 +48,4 @@
 	  </a>
     </p>
   </div>
-
-</main>
-
 <. include!("../../components/footers.html"); .>
diff --git a/templates/components/details-footers.html b/templates/components/details-footers.html
new file mode 100644
index 00000000..5d1811a3
--- /dev/null
+++ b/templates/components/details-footers.html
@@ -0,0 +1,19 @@
+<ul class="details">
+  <li class="details__item">&copy; 2021 mCAptcha Developers</li>
+  <li class="details__dummy-filler"></li>
+  <li class="details__item">
+    <a class="details__link" href="<.= crate::PKG_HOMEPAGE .>">Homepage</a>
+  </li>
+  <li class="details__item">
+    <a class="details__link" href="<.= crate::PAGES.about .>">About</a>
+  </li>
+  <li class="details__item">
+    <a class="details__link" href="<.= crate::PAGES.thanks .>">Thanks</a>
+  </li>
+  <li class="details__item">
+    <a class="details__link" href="<.= crate::PAGES.donate .>">Donate</a>
+  </li>
+  <li class="details__item">
+    v<.= crate::VERSION .>-<.= crate::GIT_COMMIT_HASH[0..8] .>
+  </li>
+</ul>
diff --git a/templates/components/details.scss b/templates/components/details.scss
new file mode 100644
index 00000000..a41031c1
--- /dev/null
+++ b/templates/components/details.scss
@@ -0,0 +1,44 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+@import '../_vars.scss';
+
+.details {
+  list-style: none;
+  position: absolute;
+  bottom: 0px;
+  box-sizing: border-box;
+  width: 95%;
+  display: flex;
+  font-size: 14px;
+  margin: auto;
+}
+
+.details__dummy-filler {
+  flex: 10;
+}
+
+.details__item {
+  margin: auto 10px;
+}
+
+.details__item:first-child {
+  flex: 4;
+}
+
+.details__link {
+  color: $blue-link;
+}
diff --git a/templates/components/footers.html b/templates/components/footers.html
index 4ca2a61d..bf342415 100644
--- a/templates/components/footers.html
+++ b/templates/components/footers.html
@@ -1,3 +1,5 @@
+<. include!("./details-footers.html"); .>
+</main>
 </body>
 <link rel="stylesheet" href="<.= &*crate::CSS .>" type="text/css" media="all">
 <script src="<.= &*crate::JS .>"></script>
diff --git a/templates/index.ts b/templates/index.ts
index 5b0c4b3b..f866e321 100644
--- a/templates/index.ts
+++ b/templates/index.ts
@@ -27,6 +27,7 @@ import log from './logger';
 import VIEWS from './views/v1/routes';
 
 import './auth/css/main.scss';
+import './components/details.scss';
 import './panel/css/main.scss';
 import './panel/header/sidebar/main.scss';
 import './panel/taskbar/main.scss';
diff --git a/templates/panel/index.html b/templates/panel/index.html
index 14eed840..0970afd0 100644
--- a/templates/panel/index.html
+++ b/templates/panel/index.html
@@ -6,5 +6,4 @@
   <div class="inner-container">
 
   </div>
-</main>
 <. include!("../components/footers.html"); .>
diff --git a/templates/panel/sitekey/add/index.html b/templates/panel/sitekey/add/index.html
index 29bf9171..eec56442 100644
--- a/templates/panel/sitekey/add/index.html
+++ b/templates/panel/sitekey/add/index.html
@@ -11,5 +11,4 @@
     <. include!("../add/form.html"); .>
   </div>
   <!-- end of container -->
-</main>
 <. include!("../../../components/footers.html"); .>
diff --git a/templates/panel/sitekey/list/index.html b/templates/panel/sitekey/list/index.html
index 6da2e11f..ce3abda9 100644
--- a/templates/panel/sitekey/list/index.html
+++ b/templates/panel/sitekey/list/index.html
@@ -26,5 +26,4 @@ include!("../../header/index.html"); .>
     </ul>
   </div>
   <!-- end of container -->
-</main>
 <. include!("../../../components/footers.html"); .>
diff --git a/templates/panel/sitekey/view/index.html b/templates/panel/sitekey/view/index.html
index 0774dbae..1c81d876 100644
--- a/templates/panel/sitekey/view/index.html
+++ b/templates/panel/sitekey/view/index.html
@@ -47,5 +47,4 @@ include!("../../header/index.html"); .>
 </form>
   </div>
   <!-- end of container -->
-</main>
 <. include!("../../../components/footers.html"); .>