diff --git a/public/a.html b/public/a.html
index 0260c390..3d09b218 100644
--- a/public/a.html
+++ b/public/a.html
@@ -26,7 +26,7 @@
     <div>
         <div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
             <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
-                <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="#">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+                <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                     <div class="collapse navbar-collapse" id="navcol-1">
                         <ul class="nav navbar-nav ml-auto">
                             <li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Surf Freely</a></li>
@@ -117,7 +117,7 @@
                         </ul>
                     </div>
                     <!-- GitHub  -->
-                    <div class="col item social">
+                    <div class="col item social" style="margin: 2%;">
                         <a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
                             <ion-icon name="logo-github"></ion-icon>
                         </a>
@@ -129,6 +129,7 @@
     </div>
     <script src="assets/js/jquery.min.js"></script>
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bs-init.js"></script>
     <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
 </body>
 
diff --git a/public/z.html b/public/z.html
index 275cd86a..3d09b218 100644
--- a/public/z.html
+++ b/public/z.html
@@ -11,32 +11,34 @@
 :D">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/img/i.png">
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat+Alternates">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700">
     <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
     <link rel="stylesheet" href="assets/css/Customizable-Background--Overlay.css">
     <link rel="stylesheet" href="assets/css/Footer-Dark.css">
     <link rel="stylesheet" href="assets/css/Header-Dark.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 </head>
 
 <body>
-    <!-- Important: Use <wbr> to mess with keywords. -->
+    <!--New-->
     <div>
         <div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
-            <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search">
-                <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/index.html">Ho<wbr>ly Unblock<wbr>er</a>
+            <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
+                <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                     <div class="collapse navbar-collapse" id="navcol-1">
                         <ul class="nav navbar-nav ml-auto">
-                            <li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html">Su<wbr>rf Fre<wbr>ely</a></li>
-                            <li class="nav-item" role="presentation"><a class="nav-link" href="g.html">G<wbr>ames</a></li>
-                            <li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html">YouTube</a></li>
-                            <!-- More Menu  -->
-                            <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">More</a>
-                                <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;"><a class="dropdown-item" role="presentation" href="/k.html" style="color: rgb(255,255,255);">Krunker</a><a class="dropdown-item" role="presentation" href="/c.html" style="color: rgb(255,255,255);">Credits</a></div>
+                            <li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Surf Freely</a></li>
+                            <li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">Games</a></li>
+                            <li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouTube</a></li>
+                            <li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">Discord</a></li>
+                            <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;color: rgb(255,255,255);font-family: 'Montserrat Alternates', sans-serif;">More</a>
+                                <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;padding: 17%;padding-top: 10%;padding-bottom: 10%;"><a class="dropdown-item text-left text-white-50" role="presentation" href="/k.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Krunker</a><a class="dropdown-item text-left text-white-50"
+                                        role="presentation" href="/info.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Docs</a><a class="dropdown-item text-white-50" role="presentation" href="/c.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Credits</a></div>
                             </li>
-                            <!-- Settings Menu  -->
-                            <li id="csel" class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Settings</a>
-                                <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;">
+                            <li id="csel" class="nav-item dropdown"><a class="dropdown-toggle nav-link text-white" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;font-family: 'Montserrat Alternates', sans-serif;">Options</a>
+                                <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;">
                                     <style>
                                         .csel input[type="submit"] {
                                             cursor: pointer;
@@ -59,7 +61,6 @@
                     </div>
                 </div>
             </nav>
-            <!-- Particles.js background  -->
             <div id="particles-js" style="height: 500px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;">
                 <div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(1,1,,0.63);">
                     <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
@@ -70,55 +71,16 @@
                         });
                     </script>
                     <div class="d-flex align-items-center order-12" style="height:200px;">
-                        <div class="container text-center justify-content-center align-items-center button" style="color: rgb(255,255,255);filter: blur(0px);">
-                            <!-- Button Group-->
+                        <div class="container text-center border rounded justify-content-center align-items-center button" style="color: rgb(255,255,255);filter: blur(0px);opacity: 0.95;">
                             <form id="unblocker-form" action="b" method="get">
-                                <p style="font-size: 46px;">Sur<wbr>f F<wbr>reely</p>
+                                <p style="font-size: 46px;">Surf Freely</p>
                                 <p style="font-family: 'Montserrat Alternates', sans-serif;">Choose which proxy you would like to use. Below is some information.</p>
-                                <p style="font-size: 20px;font-family: 'Montserrat Alternates', sans-serif;">More Information:<br></p>
-                                <p>All<wbr>oy:<br>Works on Disc<wbr>ord (QR Code Only), Youtube (Might need to reload), etc.<br>Many sites work with this. Explore!<br>Nod<wbr>e:<br>Flexible but use Al<wbr>loy since its better.</p>
-                                <div class="btn-group" role="group" style="background-color: #030303;"><a class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="/a.html">Alloy Proxy</a><a id="node" class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="//b.html">No<wbr>de Unb<wbr>loc<wbr>ker</a>
-                                    <a id="pm" class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="/p.html">PM Pr<wbr>o<wbr>xy</a>
-                                    <!-- Adapted NU Button  -->
-                                    <script>
-                                        //Leads to external NU
-                                        function $(id) {
-                                            return document.getElementById(id);
-                                        }
-
-                                        $('node').onclick = function() {
-                                            var url = $('node').value;
-                                            var det = document.domain;
-                                            var domain = det.replace('www.', '').split(/[/?#]/)[0];
-                                            window.location.href = "https://a." + domain;
-                                            return false;
-                                        };
-
-                                        window.onload = function() {
-                                            $('node').focus();
-                                            checkError();
-                                        }
-                                    </script>
-                                    <!-- Adapted PM Button  -->
-                                    <script>
-                                        //Leads to external PM
-                                        function $(id) {
-                                            return document.getElementById(id);
-                                        }
-
-                                        $('pm').onclick = function() {
-                                            var url = $('pm').value;
-                                            var det = document.domain;
-                                            var domain = det.replace('www.', '').split(/[/?#]/)[0];
-                                            window.location.href = "https://p." + domain;
-                                            return false;
-                                        };
-
-                                        window.onload = function() {
-                                            $('pm').focus();
-                                            checkError();
-                                        }
-                                    </script>
+                                <p class="text-primary" style="font-size: 20px;font-family: Lato, sans-serif;">More Information:<br></p>
+                                <p class="text-light" style="font-family: Lato, sans-serif;">Alloy: YouTube (Full), CoolMathGames, etc.<br><br>Node: Secondary proxy compared to Alloy, PM and PD.<br><br>PM Proxy: Discord, Youtube (limited), etc.<br><br>PyDodge (TBA): Alternative proxy.<br><br><strong>Many sites work with this. Explore!</strong><br><br></p>
+                                <div class="btn-group" role="group" style="background-color: #030303;margin: 2%;padding: 1px;"><a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/a.html">Alloy Proxy</a>
+                                    <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">Node Unblocker</a>
+                                    <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">PM Proxy</a>
+                                    <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">PyDodge Proxy</a>
                                 </div>
                             </form>
                         </div>
@@ -127,13 +89,16 @@
             </div>
         </div>
     </div>
+    <!--Old-->
+
+
     <div class="footer-dark" style="background-color: rgb(0,0,0);">
         <footer>
             <div class="container">
                 <div class="row">
                     <div class="col-md-6 item text">
                         <h3><a href="/">Ho<wbr>ly Unb<wbr>loc<wbr>ker</a></h3>
-                        <p>Made by Stu<wbr>dents, For Stu<wbr>dents.&nbsp;</p>
+                        <p>Made by Students, For Students.&nbsp;</p>
                     </div>
                     <div class="col-sm-6 col-md-3 item">
                         <h3>Services</h3>
@@ -152,7 +117,7 @@
                         </ul>
                     </div>
                     <!-- GitHub  -->
-                    <div class="col item social">
+                    <div class="col item social" style="margin: 2%;">
                         <a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
                             <ion-icon name="logo-github"></ion-icon>
                         </a>
@@ -164,6 +129,7 @@
     </div>
     <script src="assets/js/jquery.min.js"></script>
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bs-init.js"></script>
     <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
 </body>
 
