diff --git a/website/index.html b/website/index.html
new file mode 100644
index 00000000..5ea2865b
--- /dev/null
+++ b/website/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
+    <script src="scripts.js" charset="utf-8"></script>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300" rel="stylesheet">
+    <title>TitanScout- New Form </title>
+  </head>
+  <body>
+    <h1>TitanScout- New Form </h1>
+    <div id="formMain">
+      <div id="expBar">
+        <div class="formNavi">
+          <input type="text" name="" value="Page 1">
+        </div>
+        <div class="formNavi" id="add">+</div>
+      </div>
+      <div id="OptionBar">
+        <div id="newQ">New Question</div>
+        <div id="RemPage">Remove Page</div>
+      </div>
+      <input type="button" name="" value="Save" id="svb">
+    </div>
+
+  </body>
+</html>
diff --git a/website/scripts.js b/website/scripts.js
new file mode 100644
index 00000000..1f110633
--- /dev/null
+++ b/website/scripts.js
@@ -0,0 +1,28 @@
+var currentPageNum=0;
+var contentArray=[];
+$(document).ready(function(){
+    $("#add").click(function(){
+        var x = $('.formNavi').length;
+        $("#add").before("<div class='formNavi'><input type='text' name='' value='Page "+x+"'></div>");
+        $("#add").text="+";
+        contentArray.push([]);
+        currentPageNum=x-1;
+    });
+});
+$(document).ready(function(){
+    $("#RemPage").click(function(){
+      if($(".formNavi").length>1){
+        $(".formNavi:nth-child("+(currentPageNum+1)+")").remove();
+        $("#add").text="+";
+        contentArray.splice(currentPageNum,1);
+        currentPageNum--;
+      }
+    });
+});
+$(document).ready(function(){
+    $("#newQ").click(function(){
+        $("#svb").before("<div class ='question'>");
+        $("#add").text="+";
+
+    });
+});
diff --git a/website/style.css b/website/style.css
new file mode 100644
index 00000000..3469c055
--- /dev/null
+++ b/website/style.css
@@ -0,0 +1,56 @@
+body{
+  background-color: DodgerBlue ;
+  color: AliceBlue;
+  font-family: 'Ubuntu', sans-serif;
+}
+h1{
+  text-align: center;
+}
+div{
+  border: 2px solid AliceBlue;
+  margin: 5px;
+}
+#expBar{
+  width: auto;
+  padding: 5px 0;
+}
+.formNavi{
+  background-color: inherit;
+  width: auto;
+  display: inline;
+  border-radius: 5px;
+}
+input{
+  color: AliceBlue;
+  background-color: DodgerBlue;
+  width: auto;
+  border: none;
+  font-family: inherit;
+}
+#add{
+  padding: 0;
+}
+#svb{
+  border: 2px solid AliceBlue;
+  border-radius: 5px;
+  margin: 5px
+  position: relative;
+  left: 50%;
+}
+#newQ{
+  width: 140px;
+  text-align: center;
+  display: inline;
+  margin-right: 20px;
+}
+#RemPage{
+  width: 140px;
+  text-align: center;
+  display: inline;
+  margin-left: 20px;
+}
+#OptionBar{
+  width: auto;
+  text-align: center;
+  border: none;
+}
