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;
+}