diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5be4f7b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>VPS Panel</title>
+    <link rel="stylesheet" href="/content/AkiraVoid/lib/mdl/material.min.css">
+    <link rel="stylesheet" href="/content/AkiraVoid/lib/mdl/iconfont/material-icons.css">
+    <link rel="stylesheet" href="/content/AkiraVoid/css/main.css">
+    <script src="/content/AkiraVoid/lib/mdl/material.min.js"></script>
+    <script src="/content/AkiraVoid/js/main.js"></script>
+    <script src="/content/AkiraVoid/js/jquery.min.js"></script>
+</head>
+
+<body class="flex col">
+    <header class="flex row verticalCenter">
+        <button id="menu"
+            class="menuButton mdl-button mdl-js-button mdl-js-ripple-effect flex verticalCenter horizontalCenter">
+            <i class="material-icons">menu</i>
+        </button>
+        <p class="headerTitle">VPS Panel</p>
+        <button
+            class="mdl-button mdl-js-button mdl-js-ripple-effect flex verticalCenter horizontalCenter menuButton righthand"
+            id="notiButton">
+            <i class="material-icons" data="0" id="notiIco">notifications</i>
+        </button>
+    </header>
+    <div class="flex row content" id="mainContent">
+        <div class="drawerContainer row">
+            <div class="drawer mdl-shadow--4dp" style="z-index: 2;background: white" id="drawerMenu">
+                <div class="flex row drawerButton verticalCenter" id="homeButton">
+                    <div class="drawerLogo flex verticalCenter horizontalCenter">
+                        <i class="material-icons">home</i>
+                    </div>
+                    <div class="drawerText flex verticalCenter">
+                        <p class="drawerText--text">Home</p>
+                    </div>
+                </div>
+                <div class="flex row drawerButton verticalCenter" id="serverButton">
+                    <div class="drawerLogo flex verticalCenter horizontalCenter">
+                        <i class="material-icons">dns</i>
+                    </div>
+                    <div class="drawerText flex verticalCenter">
+                        <p class="drawerText--text">Server</p>
+                    </div>
+                </div>
+                <div class="flex row drawerButton verticalCenter" id="netButton">
+                    <div class="drawerLogo flex verticalCenter horizontalCenter">
+                        <i class="material-icons">router</i>
+                    </div>
+                    <div class="drawerText flex verticalCenter">
+                        <p class="drawerText--text">Network Status</p>
+                    </div>
+                </div>
+                <div class="flex row drawerButton verticalCenter" id="userButton">
+                    <div class="drawerLogo flex verticalCenter horizontalCenter">
+                        <i class="material-icons">person</i>
+                    </div>
+                    <div class="drawerText flex verticalCenter">
+                        <p class="drawerText--text">User</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <main class="flex horizontalCenter mainContent col" id="content">
+
+        </main>
+        <div class="mask" id="menuMask"></div>
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="homeButton">
+        Go to Homepage
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="serverButton">
+        Server Manage
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="netButton">
+        Network Manage
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="userButton">
+        User Manage
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="menu" id="menuTip">
+        Expand Menu
+    </div>
+    <div class="mdl-tooltip" data-mdl-for="notiButton" id="notiTip">
+    </div>
+</body>
+<script>
+    window.onload = function () {
+        Page.InitializePage("home");
+    };
+</script>
+
+</html>
\ No newline at end of file
