diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 348b155..632e943 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -10,8 +10,8 @@
       <div class="col-lg-4">
         <div class="card social-box" style="width: 100%; float:right;">
           <ul class="list-group list-group-flush">
-            <li class="list-group-item">Twitter</li>
-            <li class="list-group-item">Discord</li>
+            <a class="list-group-item" role="button" href="https://twitter.com">Twitter</a>
+            <a class="list-group-item" role="button" href="https://twitter.com">Discord</a>
             <li class="list-group-item">GitHub</li>
             <li class="list-group-item">Reddit</li>
             <li class="list-group-item">Telegram</li>
@@ -60,6 +60,14 @@
     font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
     border-bottom: 2px solid #949494;
+    transition: 0.2s ease-in-out;
+  }
+
+  .list-group-item:hover{
+    padding-left: 40px;
+    background-color: #00ffd0 !important;
+    box-shadow: inset 0px 0px 0px 7px #1a1a1a !important;
+    color: #1a1a1a !important;
   }
 
   .footer-content{