diff --git a/pages/index.html b/pages/index.html
index cdc27a4..2610964 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -1,151 +1,40 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-   <script async src="https://arc.io/widget.min.js#L1SfLEWE"></script>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-   <script async src="https://www.googletagmanager.com/gtag/js?id=G-VHVNHMYGN3"></script>
-   <script src="https://kit.fontawesome.com/32abd502cd.js" crossorigin="anonymous"></script>
-   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-   <meta name="apple-mobile-web-app-capable" content="yes" />
-   <meta name="viewport" content="width=device-width, initial-scale=1">
-   <style>
-      #sidenav {
-         opacity: 1;
-         visibility: visible;
-         transition: opacity 0.5s ease-in-out;
-         margin-bottom: 20px;
-      }
+  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
 
-      body {
-         overflow-x: hidden;
-         overflow-y: hidden;
-      }
+  <link rel="stylesheet" href="assets/css/styles.css">
 
-      #sidenav.fadeOut {
-         opacity: 0;
-         transition: opacity 0.5s ease-in-out;
-      }
+  <title>Classroom</title>
+  <div class="header">
 
-      /* Bounce In */
-      .hvr-bounce-in {
-         display: inline-block;
-         vertical-align: middle;
-         -webkit-transform: perspective(1px) translateZ(0);
-         transform: perspective(1px) translateZ(0);
-         box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-         -webkit-transition-duration: 0.5s;
-         transition-duration: 0.5s;
-      }
-
-      .hvr-bounce-in:hover,
-      .hvr-bounce-in:focus,
-      .hvr-bounce-in:active {
-         -webkit-transform: scale(1.2);
-         transform: scale(1.2);
-         -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-         transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-      }
-   </style>
-
-   <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() { dataLayer.push(arguments); }
-      gtag('js', new Date());
-
-      gtag('config', 'G-VHVNHMYGN3');
-   </script>
-
-   <script src="./scripts/jquery-3.7.1.js"></script>
-   <link rel="stylesheet" id="themecss" href="">
-   <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/favicon.ico">
-   <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/favicon.ico">
-   <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/favicon.ico">
-   <link rel="shortcut icon" type="image/jpg" href="/images/favicon/favicon.ico" />
-   <link rel="icon" type="image/x-icon" href="/images/favicon/favicon.ico">
-
-   <link href="https://fonts.googleapis.com/css?family=Share Tech Mono" rel="stylesheet" />
-   <link rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <center/>
+    
+  </div>
 </head>
-
 <body>
-   <script src="uv/uv.bundle.js" defer></script>
-   <script src="uv/uv.config.js" defer></script>
-   <script src="dynamic/dynamic.worker.js" defer></script>
-   <script src="dynamic/dynamic.config.js" defer></script>
-   <div id="particles-js"><div id="blob"></div></div>
-   <div class="page" id="imgsearch">
-      <title>Night</title>
-      <div id="icbuttons" style="display: flex; border-radius:30px; margin-left: auto; margin-right:auto; width: 95%; height:50px; 
-      margin-top: -1.5vh; margin-bottom: 2px;">
-         <a href="/index" id="home" class="zoom" style="position:fixed;left:0;z-index:1000000000000000;" index>
-            <img src="/images/favicon/favicon.ico" alt="Logo" id="logo" style="width:46px;height:46px;border-radius:10px;margin-top:10px;margin-left:10px;"></a>
-
-         <div id="clock" style="position:fixed;left:0;right:0;">
-            <p id="time" style="font-weight: 900;margin: 0;margin-top: 12px;margin-left: auto;margin-right: auto;position: relative;width: 10%;"></p>
-         </div>
-
-         <div style="position:fixed;right:27px;height:64px;">
-            <div id="desktopnav" style="display:flex;justify-content:flex-end;align-items:center;">
-               <a href="/apps"
-                  style="width:50px;padding-right:1px;padding-left:1px;margin-right:6%;font-size:20px;white-space:nowrap;"
-                  id="apps" class="zoom navitem" apps><span class="material-symbols-outlined"
-                     style="vertical-align:-4px;font-size:20px;">&#xE5C3</span></a>
-               <a href="/games"
-                  style="width:50px;padding-right:1px;padding-left:1px;margin-right:10%;font-size:20px;white-space:nowrap;"
-                  id="games" class="zoom navitem" games><span class="material-symbols-outlined"
-                     style="vertical-align:-4px;font-size:20px;">&#xF135</span></a>
-               <a href="/extras"
-                  style="width:50px;padding-right:1px;padding-left:1px;margin-right:7%;font-size:20px;white-space:nowrap;"
-                  id="extras" class="zoom navitem" extras><span class="material-symbols-outlined"
-                     style="vertical-align:-4px;font-size:20px;">&#xE145</span></a>
-               <a href="/s"
-                  style="width:50px;padding-right:1px;padding-left:1px;margin-right:10%;font-size:20px;white-space:nowrap;"
-                  id="settings" class="zoom navitem"><span class="material-symbols-outlined"
-                     style="vertical-align:-4px;font-size:20px;">&#xE726</span></a>
-            </div>
-         </div>
-         </div>
-         <div style="margin-top:30vh;position:fixed;top:0;left:0;right:0;bottom:0;">
-            <center>
-               <div>
-                  <a style="font-size:64px; margin-top:0vh; margin-bottom:0vh; font-family: Noto Sans; text-decoration: none; color: #fff"
-                     class="titlebutton" href="https://discord.gg/7SCnPUM5S6">Night</a>
-               </div>
-            </center>
-            <center>
-               <div style="margin-top:0px;" class="message homemessage" onclick="setRandomSay()">...</div>
-            </center>
-            <center>
-               <form class="hvr-bounce-in" id="uv-form">
-                  <input class="hvr-bounce-in" id="uv-search-engine" value="https://www.google.com/search?q=%s"
-                     type="hidden" />
-                  <input id="uv-address" type="text" placeholder="Search Google or type an URL" class="form__input" />
-               </form>
-            </center>
-         </div>
-         <div class="desc left-margin">
-            <p id="uv-error"></p>
-            <pre id="uv-error-code"></pre>
-         </div>
-         <script src="./scripts/register-sw.js" defer></script>
-         <script src="./scripts/search.js" defer></script>
-         <script src="./scripts/index.js" defer></script>
-         <script src="./scripts/particles.min.js"></script>
-         <script src="./scripts/main.js"></script>
-         <script id="paeticlesrc" src=""></script>
-         <script src="./scripts/blank.js"></script>
-         <script>
-            fadeOutElement();
-         </script>
-      <div id="footer">
-         <div style="display:flex;justify-content:center;">
-            <a href="https://discord.gg/7SCnPUM5S6" style="font-size:4vh;white-space:nowrap;margin-bottom:0;" id="discord" class="zoom navitem"><i style="vertical-align:top;" class="fa-brands fa-discord"></i></a>
-            <div id="battery" style="margin-top:14px;">
-            </div>
-            <a href="https://github.com/NightProxy/Night" style="font-size:4vh;white-space:nowrap;margin:0; padding:12px;" id="github" class="zoom navitem"><i style="vertical-align:top;" class="fa-brands fa-github"></i></a>
-         </div>
+  
+  
+ 
+  
+  
+
+    
+  
+  <div class="container">
+    <form action="https://www.google.com/search" class="search" id="search-bar">
+      <input type="search" placeholder="Enter the tunnel..." name="q" class="search__input">
+
+      <div class="search__button" id="search-button">
+        <i class="ri-search-2-line search__icon"></i>
+        <i class="ri-close-line search__close"></i>
       </div>
-</body>
+    </form>
+  </div>
 
+  <script src="assets/js/main.js"></script>
+</body>
 </html>
