Survey Form Page

SurveyForm Page

+<h1 id="title">Survey Form</h1>
+
+<div id="form-outer">
+  <p id="description">Let me know what I can improve on</p>
+  <form id="survey-form" method="GET" action="https://crossorigin.me/https://freecodecamp.com">
+    <div class="rowTab">
+      <div class="labels">
+        <label id="name-label" for="name">* Name: </label>
+      </div>
+      <div class="rightTab">
+        <input autofocus type="text" name="name" id="name" class="input-field" placeholder="Enter Your Name" required>
+      </div>
+    </div>
+    <div class="rowTab">
+      <div class="labels">
+        <label id="email-label" for="email">* Email: </label>
+      </div>
+      <div class="rightTab">
+        <input autofocus type="email" name="email" id="email" class="input-field" placeholder="Enter Your Email" required>
+      </div>
+    </div>
+    <div class="rowTab">
+      <div class="labels">
+        <label id="number-label" for="name">* Age: </label>
+      </div>
+      <div class="rightTab">
+        <input type="number" name="age" id="number" min="1" max="100" class="input-field" placeholder="Enter Your Age" required>
+      </div>
+    </div>
+    <div class="rowTab">
+      <div class="labels">
+        <label for="currentPos">What is your current role?</label>
+      </div>
+      <div class="rightTab">
+        <select id="dropdown" type="text" name="currentPos" class="dropdown">
+          <option disabled value>Select an option</option>
+          <option value="Student">Student</option>
+          <option value="Student">Part Time Worker</option>
+          <option value="Student">Full Time Worker</option>
+          <option value="Student">Unemployed</option>
+          <option value="Student">Prefer Not To Say</option>
+          <option value="Student">Other</option>
+        </select>
+      </div>
+    </div>
+    <div class="rowTab">
+      <div class="labels">
+        <label for="userRating">* How likely is that you would recommend coding to a friend?</label>
+      </div>
+      <div class="rightTab">
+        <ul style="list-style: none;">
+          <li class="radio"><label>Definitely<input name="radio-buttons" value="1"  type="radio" class="userRatings" ></label></li>
+          <li class="radio"><label>Maybe<input name="radio-buttons" value="2"  type="radio" class="userRatings" ></label></li>
+          <li class="radio"><label>Not sure<input name="radio-buttons" value="3"  type="radio" class="userRatings" ></label></li>
+        </ul>
+      </div>
+    </div>
+<div class="rowTab">
+  <div class="labels">
+    <label for="comments">What Do You Like Most About Coding?</label>
+  </div>
+  <div class="rightTab">
+    <select id="most-like" name="mostLike" class="dropdown">
+      <option disabled selected value>Select an option</option>
+      <option value="challenges">The Challenges</option>
+      <option value="proud">The Satisfaction</option>
+      <option value="community">The Community</option>
+    </select>
+  </div>
+</div>
+<div class="rowTab">
+  <div class="labels">
+    <label for="preferences">Things That I Can Improve<br>(Check all that apply): </label>
+  </div>
+  <div class="rightTab">
+    <ul id="preferences" style="list-style: none;">
+      <li class="checkbox"><label><input name="prefer" value="1" type="checkbox" class="userRatings">HTML</label></li>
+      <li class="checkbox"><label><input name="prefer" value="2" type="checkbox" class="userRatings">CSS</label></li>
+      <li class="checkbox"><label><input name="prefer" value="3" type="checkbox" class="userRatings">JScript</label></li>
+      <li class="checkbox"><label><input name="prefer" value="4" type="checkbox" class="userRatings" id="checkAll">All of the Above</label></li>
+    </ul>
+  </div>
+</div>
+<div class="rowTab">
+  <div class="labels">
+    <label for="comments">Please leave any comments or questions</label>
+  </div>
+  <div class="rightTab">
+    <textarea id="comments" class="input-field" style="height:50px;resize:vertical;" name="comments" placeholder="Enters your comments or questions here">
+    </textarea>
+  </div>
+</div>
+<button id="submit" type="submit">Submit</button>
+</form>
+</div>
\ No newline at end of file