Add images to questionnaire

pages/disaster-info.md

@@ -5,9 +5,34 @@ layout: layouts/page
 sidenav: true
 ---
 
-# Assistance Questionnaire
+<h1 style="font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-weight: normal; color: #005288; width: 400px;">{% image "./_img/disaster-info.png" "illustration" %} <span style="position: relative; bottom: 40px;">Questionnaire</h1>
 
-Disaster info
+<h3>Disaster damage</h3>
+
+<label>Primary disaster type</label>
+<select>
+  <option>Flood</option>
+  <option>Fire</option>
+  <option>Storm</option>
+</select>
+
+<label>Please describe the damage</label>
+<textarea></textarea>
+
+<h3>Point of contact</h3>
+
+<label>First name</label>
+<input></input>
+<label>Last name</label>
+<input></input>
+
+<label>Communication method</label>
+<select>
+  <option>Phone call</option>
+  <option>Text message</option>
+  <option>E-mail</option>
+<select><br>
+<input></input>
 
 <form id="results">
 

pages/location.md

@@ -5,17 +5,18 @@ layout: layouts/page
 sidenav: true
 ---
 
-<h1 style="font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-weight: normal; color: #005288;">Assistance Questionnaire</h1>
+<h1 style="font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-weight: normal; color: #005288; width: 400px;">{% image "./_img/location.png" "illustration" %} <span style="position: relative; bottom: 40px;">Questionnaire</h1>
 
 <form action="{{ '/disaster-info/' | url }}">
 
 <label for="state">What is the primary location of the disaster event?</label>
 <select name="state">
   <option value="AK">Alaska</option>
-  <optoin value="AL">Alabama</option>
+  <option value="AL">Alabama</option>
   <option value="AR">Arkansas</option>
   <option value="AS">American Samoa</option>
   <option value="CA">California</option>
+
 </select>
 
 <label>Describe the extent and location of the disaster</label>