diff --git a/404.html b/404.html
index 43a90b5..14a0487 100644
--- a/404.html
+++ b/404.html
@@ -1,9 +1,39 @@
 <!DOCTYPE html>
 <head>
-  
+  <title>404 | FreakyTube</title>
+  <meta content="https://videos.Freakybob.site/favicon.png" property="og:image" />
+  <meta content="FreakyTube" property="og:title" />
+<meta content="Why send the 404 page? Are you good?" property="og:description" />
+<meta content="https://videos.Freakybob.site/404" property="og:url" />
+<link rel="icon" type="image/png" href="favicon.png">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
+<link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" />
+<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
+  <style>
+    * {
+      font-family: "Noto Sans", sans-serif;
+    }
+    h1, p {
+   color: white;
+ }
+  </style>
 </head>
-<body>
+<body bgcolor="black">
   <h1>Oops!</h1>
   <p>A 404 page.</p>
-  <video src="https://f.feridinha.com/r6Riv.mp4">
+  <video id="my-video" class="video-js" controls preload="auto" poster="../thumbnails/ie6.jpg" data-setup="{}" autoplay>
+    <source src="404.mp4" type="video/mp4" />
+    <script>
+      $(window).on('load', function () {
+        $('#loading').hide();
+      }) 
+    </script>
+    <script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script>
+      <div class="like-comment-container">
+        <p>Did you like this page?</p>
+        <div data-lyket-type="updown" data-lyket-id="404"></div>
+    </div>
 </body>
diff --git a/404.mp4 b/404.mp4
new file mode 100644
index 0000000..18a3e49
Binary files /dev/null and b/404.mp4 differ
diff --git a/community.html b/community.html
index a9b00ab..710d363 100644
--- a/community.html
+++ b/community.html
@@ -68,5 +68,10 @@ <h1>Welcome to the Community!</h1>
     <footer>
       By sending an email, you agree to the terms listed <a href="uploadingterms">here</a>.
     </footer>
+    <script>
+      $(window).on('load', function () {
+        $('#loading').hide();
+      }) 
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index c42bdd3..f9a672e 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
     <meta content="https://videos.Freakybob.site" property="og:url" />
     <meta content="https://videos.Freakybob.site/favicon.png" property="og:image" />
     <meta content="#43B581" data-react-helmet="true" name="theme-color" />
-    <link rel="icon" type="image/png" href="favicon.png">>
+    <link rel="icon" type="image/png" href="favicon.png">
     <link rel="stylesheet" href="css/index.css">
 </head>
 
@@ -57,5 +57,10 @@
         <br>
         Favicon and logo by <a href="https://github.com/nameswastaken">@nameswastaken</a>!
     </footer>
+        <script>
+      $(window).on('load', function () {
+        $('#loading').hide();
+      }) 
+    </script>
 </body>
 </html>
diff --git a/uploadingterms.html b/uploadingterms.html
index e382514..3e5b2dc 100644
--- a/uploadingterms.html
+++ b/uploadingterms.html
@@ -20,5 +20,10 @@ <h1>Welcome! These are the video uploading Guidelines.</h1>
 <p> - No copyrighted music! </p>
 <p> - Your video must be related to Freakybob! </p>
 <p>By emailing us with your video, you agree that you have read and agreed to these terms.</p>
+<script>
+    $(window).on('load', function () {
+      $('#loading').hide();
+    }) 
+  </script>
 </body>
 </html>
\ No newline at end of file
