added things

public/assets/action.js

@@ -1,23 +1,23 @@
 // jQuery that will "listen" to the html niceSurvey.html
-$(document).ready(function(){
+$(document).ready(function() {
 
-  $('form').on('submit', function(){
-      
-      // var item = $('form input');
-      // console.log(item.serializeArray());
+    $('form').on('submit', function() {
 
-      $.ajax({
-        type: 'POST',
-        url: '/niceSurvey',
-        data: $(this).serializeArray(),
-        success: function(data){
-          // do something with the data via front-end framework
-          // Make the submit button red, disabled and saying Thank you
-          $("#bb").css("background-color", "red");
-          $("#bb").prop("disabled", "true");
-          $("#bb").text("Thank you!");
-        }
-      });
-      return false;
-  });
-});
+        // var item = $('form input');
+        // console.log(item.serializeArray());
+
+        $.ajax({
+            type: 'POST',
+            url: '/survey',
+            data: $(this).serializeArray(),
+            success: function(data) {
+                // do something with the data via front-end framework
+                // Make the submit button red, disabled and saying Thank you
+                $("#bb").css("background-color", "red");
+                $("#bb").prop("disabled", "true");
+                $("#bb").text("Thank you!");
+            }
+        });
+        return false;
+    });
+});

public/styles.css

@@ -0,0 +1,92 @@
+body {
+    background-color: #9caf49;
+    text-align: center;
+    /* background-image: url("images/bg3.jpg"); */
+}
+
+h1 {
+    font-family: "Helvetica ", sans-serif;
+    font-size: 40px;
+    color: rgb(45, 43, 170);
+}
+
+.browser {
+    padding-left: 10px;
+}
+
+.survey_body {
+    background-color: #53dfe4;
+    margin: 20px;
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.form-control-1 {
+    padding-right: 43%;
+    text-align: right;
+    margin: 10px 0px;
+    font-size: 20px;
+}
+
+.texto {
+    text-align: center;
+    padding-left: 35px;
+}
+
+.two {
+    text-align: center;
+    font-size: 20px;
+    padding-left: 10px;
+}
+
+.box {
+    text-align: center;
+    font-size: 20px;
+    padding-bottom: 30px;
+    padding-left: 10px;
+}
+
+.btn-control {
+    padding-bottom: 20px;
+    padding-left: 40%;
+    text-align: left;
+    font-size: 20px;
+}
+
+.questions {
+    padding-top: 20px;
+}
+
+.fb {
+    width: 10%;
+    height: auto;
+}
+
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 40px;
+    background-color: rgb(87, 139, 216);
+    color: rgb(255, 255, 255);
+    text-align: center;
+}
+
+.button {
+    background-color: rgb(87, 139, 216);
+    border-color: transparent;
+    margin: 0 auto;
+    color: #ffffff;
+    font-size: 20px;
+}
+
+.button:hover {
+    background-color: rgb(103, 163, 253);
+    color: #ffffff;
+    border-color: transparent;
+}
+
+.btnClass {
+    text-align: center;
+}