diff --git a/index.html b/index.html
index 3787e26..1461065 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,30 @@
 <!DOCTYPE html>
-<html> 
-    <body>JS not enabled :(</body>
+<html scroll-behavior="smooth">
+    <head>
+        <meta name="HandheldFriendly" content="true" />
+        <meta name="MobileOptimized" content="320" />
+        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
+        <!-- nunito font, copying wynndata -->
+
+        <meta name="viewport" content="width=device-width, initial-scale=.45, user-scalable=no">
+        <link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    
+        <link rel="stylesheet" href="../css/sq2bs.css">
+        <link rel="icon" href="../media/icons/new/builder.png">
+        <link rel="manifest" href="manifest.json">
+
+        <!--Leaflet for map-->
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
+        integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
+        crossorigin="anonymous"/>
+        <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
+        integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
+        crossorigin="anonymous"></script>
+
+        <title>WynnBuilder</title>
+    </head>
+    <body id = "body"></body>
     <script type="text/javascript">
 let getUrl = window.location;
 let baseUrl = getUrl .protocol + "//" + getUrl.host + "/";
