Task#5 initial commit

Author: obamgbopa

frontend/assets/css/style.css

@@ -281,7 +281,7 @@ label {
     padding: 20px;
 }
 
-.qst-cont,
+.qst_cont,
 .rst-cont {
     align-items: center;
     /* padding-left: 120px;

frontend/assets/js/scripts.js

@@ -0,0 +1,28 @@
+var sec = [];
+
+function secQuestion() {
+    return;
+}
+
+function gradQuestion() {
+    return;
+}
+
+function empQuestion() {
+    return;
+}
+
+
+function addQuestion(className) {
+    var catName = className.match(/\d+$/)[0];
+    catName = document.getElementsByClassName('[0]');
+    if (catName == 'blue') {
+        secQuestion();
+        // document.getElementsByClassName('qst_cont').innerHTML = sec[];
+    } else if (catName == 'green') {
+        gradQuestion();
+    } else {
+        empQuestion();
+    }
+    console.log('statements');
+}

frontend/category.html

@@ -26,21 +26,21 @@ <h2>I am a..</h2>
         <div class="row">
             <div id="sec-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox blue">
+                    <div class="transbox blue" onclick="addQuestion(className.this)">
                         <p>Secondary School Graduate</p>
                     </div>
                 </div>
             </div>
             <div id="grad-awt-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox green">
+                    <div class="transbox green" onclick="addQuestion(className.this)">
                         <p>Student/ Graduate/ Awaiting NYSC</p>
                     </div>
                 </div>
             </div>
             <div id="empl-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox dark">
+                    <div class="transbox dark" onclick="addQuestion(className.this)">
                         <p>Employed/ Corp Members/ Unemployed</p>
                     </div>
                 </div>

frontend/question.html

@@ -21,7 +21,7 @@ <h3>Coding101</h3>
                 <h2>I am a Secondary School Graduate</h2>
             </div>
         </div>
-        <div class="qst-cont">
+        <div class="qst_cont">
             <div class="questions-bx sec">
                 <div class="question-#">
                     <p>What do you prefer as a hobby/ what do you do in your free time</p>
@@ -53,7 +53,7 @@ <h2>I am a Secondary School Graduate</h2>
             </div>
         </div>
 
-        <div class="qst-cont">
+        <div class="qst_cont">
             <div class="questions-bx sec">
                 <div class="question-#">
                     <p>What do you prefer as a hobby/ what do you do in your free time</p>