diff --git a/static/css/layout.css b/static/css/layout.css
index 8a15dc3..2cc7422 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -31,6 +31,25 @@ a:hover {
     text-decoration: underline;
 }
 
+footer {
+    width: 100%;
+    /*using grid instead of flexbox due to greater flexibility in case I wanna add stuff to the layout for some reason*/
+    display: grid;
+    justify-content: center;
+    align-content: center;
+    grid-template-areas: "footer"
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+}
+
+.socials {
+    display: flex;
+    flex-flow: row wrap;
+    gap: 1rem;
+    align-items: center;
+    justify-content: center;
+}
+
 .nav-link{
     font-size: 2rem;
     padding: 0em 0.25em;
@@ -83,7 +102,6 @@ header#header {
     box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
-    gap: 0.5em;
     align-items: center;
     justify-content: space-between;
     width: 100vw;
diff --git a/templates/default.html b/templates/default.html
index a45c5d4..c3bb278 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -44,10 +44,23 @@
             <main>
                 {{{content}}}
             </main>
-            <footer>
-            </footer>
         </div>
     </div>
+    <footer>
+        <div class="socials">
+            <a class="obj-wrapper" href="https://github.com/Pagwin-Fedora"><object aria-hidden="true" tabindex="-1"
+                    class="icon svg small" data="/static/images/github.svg">
+                    <a href="https://github.com/Pagwin-Fedora" class="nav-link" aria-hidden="true"
+                        tabindex="-1">Github</a>
+                </object></a>
+            <a class="obj-wrapper" href="https://www.linkedin.com/in/spencer-powell-pagwin/"><object aria-hidden="true"
+                    tabindex="-1" class="icon svg small" data="/static/images/linkedin.svg">
+
+                    <a href="https://www.linkedin.com/in/spencer-powell-pagwin/" class="nav-link" aria-hidden="true"
+                        tabindex="-1">Linkedin</a>
+                </object></a>
+        </div>
+    </footer>
 </body>
 
 </html>