diff --git a/src/App.svelte b/src/App.svelte
index 9ea661f..f851b33 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,6 +3,8 @@
 	import routes from './routes';
     import Title from './components/Title.svelte';
     import Navbar from './components/Navbar.svelte';
+	import Footer from './components/Footer.svelte';
+
 	import { onMount } from 'svelte';
 
 	let showTitle = true;
@@ -30,6 +32,10 @@
 	</div>
 </main>
 
+<footer>
+	<Footer />
+</footer>
+
 <style>
 
 	@media (min-width: 640px) {
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 0000000..b00a069
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,21 @@
+<div class="footer">
+  <p>Website by Jonas_Jones 2021 - 2024</p>
+</div>
+
+<style>
+  .footer {
+    height: 1rem;
+    background-color: black;
+    color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    padding-top: 0.25rem;
+    padding-bottom: 0.5rem;
+    font-size: 20px;
+  }
+</style>