diff --git a/css/index.css b/css/index.css
index d0a5475..dea1864 100644
--- a/css/index.css
+++ b/css/index.css
@@ -3,11 +3,17 @@ html body #mainContent {
 }
 
 #uploadSquare {
+  color: white;
   background: gray;
   height: 250px;
-  padding: 1em;
   border-radius: .5em;
+}
+
+#footerContent a {
+  padding: .5rem;
+  font-size: 16px;
   color: white;
+  text-decoration: none;
 }
 
 .successGlow {
diff --git a/css/index.css.map b/css/index.css.map
index ef2af21..3a51733 100644
--- a/css/index.css.map
+++ b/css/index.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "AAAA,AAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;EACnB,MAAM,EAAE,KAAK;CAAG;;AAGpB,AAAA,aAAa,CAAC;EACV,UAAU,EAAE,IAAI;EAEhB,MAAM,EAAE,KAAK;EAEb,OAAO,EAAE,GAAG;EACZ,aAAa,EAAE,IAAI;EAEnB,KAAK,EAAE,KAAK;CAAG;;AAGnB,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;EAEjD,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;;;AAGrD,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,EAAE;IACE,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,IAAI;IACA,SAAS,EAAE,mBAAmB",
+    "mappings": "AAAA,AAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;EACnB,MAAM,EAAE,KAAK;CAAG;;AAGpB,AAAA,aAAa,CAAC;EACV,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,IAAI;EAEhB,MAAM,EAAE,KAAK;EACb,aAAa,EAAE,IAAI;CAAG;;AAE1B,AACI,cADU,CACV,CAAC,CAAC;EACE,OAAO,EAAE,KAAK;EACd,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,KAAK;EACZ,eAAe,EAAE,IAAI;CAAG;;AAGhC,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;EAEjD,GAAG;IACC,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAc;;;;AAGrD,AAAA,YAAY,CAAC;EACT,SAAS,EAAE,cAAc;EACzB,yBAAyB,EAAE,CAAC;CAAG;;AAEnC,UAAU,CAAV,WAAU;EACN,EAAE;IACE,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,GAAG;IACC,SAAS,EAAE,mBAAmB;;EAElC,GAAG;IACC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,sBAAsB;;EAEtC,GAAG;IACC,SAAS,EAAE,oBAAoB;;EAEnC,IAAI;IACA,SAAS,EAAE,mBAAmB",
     "sources": [
         "index.sass"
     ],
diff --git a/css/index.sass b/css/index.sass
index f004425..9070a79 100644
--- a/css/index.sass
+++ b/css/index.sass
@@ -3,14 +3,18 @@ html body #mainContent
 
 
 #uploadSquare
-    background: gray
-    
-    height: 250px
-
-    padding: 1em
-    border-radius: .5em
-    
     color: white
+    background: gray
+
+    height: 250px
+    border-radius: .5em
+
+#footerContent
+    a
+        padding: .5rem
+        font-size: 16px
+        color: white
+        text-decoration: none
 
 
 .successGlow
diff --git a/failureToast.html b/failureToast.html
index 3e3c730..a7f70d3 100644
--- a/failureToast.html
+++ b/failureToast.html
@@ -1,4 +1,4 @@
-<div id="failureToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px" data-delay="5000">
+<div id="failureToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px; display: none" data-delay="5000">
     <div class="toast-header">
         <strong class="mr-auto">Upload has Failed</strong>
         <small>Just Now</small>
diff --git a/index.php b/index.php
index 201654d..d47dc93 100644
--- a/index.php
+++ b/index.php
@@ -12,6 +12,8 @@
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
 
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+
     <link rel="stylesheet" href="css/index.css">
     <script src="js/index.js"></script>
 
@@ -25,10 +27,30 @@
             <h5>An internet portal to my printer</h5>
         </div>
 
-        <div class="flex-grow-1 d-flex flex-column align-items-center justify-content-center mb-3">
-            <div id="uploadSquare" class="container d-flex flex-column align-items-center justify-content-center">
-                <h5>Drag or Click Here to Upload Files</h5>
+        <div class="flex-grow-1 d-flex flex-column align-items-center justify-content-center">
+            <div class="container flex-grow-1 d-flex flex-column align-items-center justify-content-center">
+                <div id="uploadSquare" class=" d-flex flex-column align-items-center justify-content-center p-5">
+                    <h5>Drag or Click Here to Upload Files</h5>
+                </div>
             </div>
+
+            <footer class="container bg-secondary d-flex">
+                <div id="footerContent" class="d-flex justify-content-between flex-grow-1">
+                    <a href="https://github.com/Maxunm/Fax-Me">
+                        <span class="d-flex align-items-center">
+                            <span class="material-icons">home</span>
+                            <span>Back to website</span>
+                        </span>
+                    </a>
+
+                    <a href="https://www.rumel.io/">
+                        <span class="d-flex align-items-center">
+                            <span class="material-icons">code</span>
+                            <span>Repository</span>
+                        </span>
+                    </a>
+                </div>
+            </footer>
         </div>
     </div>
     <?php
diff --git a/js/index.js b/js/index.js
index cda15c8..bcf7eaf 100644
--- a/js/index.js
+++ b/js/index.js
@@ -21,12 +21,20 @@ function glowSuccess() {
     setTimeout(function() {
         document.getElementById('uploadSquare').classList.remove('successGlow');
     }, 1500);
+    setTimeout(function() {
+        document.getElementById('successToast').style.display = "none";
+    }, 5500);
     document.getElementById('uploadSquare').classList.add('successGlow');
+    document.getElementById('successToast').style.display = "block";
 }
 
 function glowFailure() {
     setTimeout(function() {
         document.getElementById('uploadSquare').classList.remove('failureGlow');
     }, 1000);
+    setTimeout(function() {
+        document.getElementById('failureToast').style.display = "none";
+    }, 5500);
     document.getElementById('uploadSquare').classList.add('failureGlow');
+    document.getElementById('failureToast').style.display = "block";
 }
\ No newline at end of file
diff --git a/successToast.html b/successToast.html
index e82eed0..09cd70d 100644
--- a/successToast.html
+++ b/successToast.html
@@ -1,4 +1,4 @@
-<div id="successToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px" data-delay="5000">
+<div id="successToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; bottom: 0px; left: 10px; width: 300px; display: none" data-delay="5000">
     <div class="toast-header">
         <strong class="mr-auto">Upload Successful</strong>
         <small>Just Now</small>