<h1 id="title">Community Survey</h1>
<p id="description">Short Analytics Survey</p>

<form id="survey-form">
  <div class="form-group">
    <label id="name-label" for="name">Name:</label>
    <input id="name" type"text" required placeholder="Enter your full name">
    <span class="validity"></span></div>

  <div class="form-group">
    <label id="email-label" for="email">Email:</label>
    <input id="email" type="email" required placeholder="Enter your email"
    <span class="validity"></span></div>

  <div class="form-group">
    <label id="number-label"
for="number">Your Age:</label>
    <input id="number" type"number" min="13" max="99" step="1" required placeholder="Enter your age"></input>
    <span class="validity"></span>
    </div>

    <div class="form-group">
      <label id="role-label" for="dropdown">Your current education status:</label>
      <select id="dropdown" name="current-role">
        <option value="" disabled selected>Select an option</option>
        <option value="other">Other</option>
        <option value="High school">High school/Equivalent</option>
        <option value="Some college">Some college</option>
        <option value= "degree">Degree/Graduate</option>
      </select>
</div>

<div class="form-group">
  <p>Would you like to subcribe to our weekly newsletter:</p>
  <div class="input-group">
    <label for="yes"><input id="yes" type="radio" name="user-rating" value="yes" checked> Yes</label>
    <label for="no"><input id="no" type="radio" name="user-rating" value="no"> No</label>
  </div>
</div>


<div class="form-group">
  <p>Type of housing you have lived in<br>(Check all that apply)</p>
    <div class="input-group">
      <label><input type="checkbox" name="housing" value="house-type">Apartment</label>
      <label><input type="checkbox"
name="housing"
                    value="house-type">Single floor</label>
      <label><input type="checkbox" name="housing" value="house-type">Two-story</label>
      <label><input
        type="checkbox" name="housing" value="house-type">Other</label>
  </div>
</div>

  <div class="form-group">
<label id="textarea-label"
                         for="comments"> A summary of how you could better your community:</label>
    <textarea id="comments" placeholder="Enter your summary here..." cols="30" rows"5"></textarea>
</div>

<div class="form-group">
  <input id="submit"
             class="button" type="submit" value="Submit">
                                                    </div>
                                                               </form>