diff --git a/src/app/footer/footer.css b/src/app/footer/footer.css
index e69de29..60e6fa8 100644
--- a/src/app/footer/footer.css
+++ b/src/app/footer/footer.css
@@ -0,0 +1,10 @@
+footer {
+    background-color: var(--color-secondary);
+    color: var(--color-primary);
+}
+
+@media screen and (max-width: 300px) {
+    .hide {
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/src/app/footer/footer.html b/src/app/footer/footer.html
index 28c0d7d..247dd40 100644
--- a/src/app/footer/footer.html
+++ b/src/app/footer/footer.html
@@ -1 +1,11 @@
-<p>footer works!</p>
+<footer class="w-full fixed bottom-0 z-30 p-2 flex justify-around items-center">
+    <div>
+        <a href="https://nhcarrigan.com" target="_blank"><p>© 2025 NHCarrigan</p></a>
+    </div>
+    <div class="hide">
+        <a href="https://chat.nhcarrigan.com" target="_blank"><p>Discord</p></a>
+    </div>
+    <div class="hide">
+        <a href="https://contact.nhcarrigan.com" target="_blank"><p>Contact</p></a>
+    </div>
+</footer>
\ No newline at end of file