3 files changed, 50 insertions, 0 deletions
diff --git a/src/app/components/footer/footer.component.css b/src/app/components/footer/footer.component.css
new file mode 100644
index 0000000..b93e1f3
--- /dev/null
+++ b/src/app/components/footer/footer.component.css
@@ -0,0 +1,20 @@
+footer {
+  display: flex;
+  width: 100%;
+}
+
+footer > * {
+  flex: 1;
+}
+
+#version {
+  text-align: left;
+}
+
+#middle-footer-message {
+  text-align: center;
+}
+
+#license {
+  text-align: right;
+}
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
new file mode 100644
index 0000000..d410597
--- /dev/null
+++ b/src/app/components/footer/footer.component.html
@@ -0,0 +1,12 @@
+<footer>
+	<div id="version">
+		{{ version }}
+	</div>
+	<div id="middle-footer-message">
+		Made by
+		<a href="{{ organizationUrl }}">Team Kaleidoscope</a>
+	</div>
+	<div id="license">
+		<a href="{{ licenseUrl }}">License</a>
+	</div>
+</footer>
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
new file mode 100644
index 0000000..e83f840
--- /dev/null
+++ b/src/app/components/footer/footer.component.ts
@@ -0,0 +1,18 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.css']
+})
+export class FooterComponent implements OnInit {
+  public version: string = "v0.1";
+  public licenseUrl: string = "https://github.com/Team-Kaleidoscope/DevHive-Angular/blob/main/LICENSE";
+  public organizationUrl: string = "https://github.com/Team-Kaleidoscope";
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}