<!Document>

<h1 id="text"> Percentage of People Who Identify as African American.

</h1>

<p id="description">
Short Description</p>
<form action="#" id="survey-form">

  <label for="name" id="name-label">Name:

    <input class="fullname"type="text" id="name" placeholder="Enter your full name" required></label>

  <label for="email" id="email-label">Email:

  <input type="email" id="email" placeholder="Enter your Email" required>
  </label>
<label for="number" id="number-label">Age:
  <input type="number" max="100" min="0" id="number" placeholder="Enter your age" required>

  </label>
  <label for="Female" id="dropdown-Female">
  <label for="Male" id="dropdown-Male">
  <select id="dropdown">
    <option value="Male">Male</option>
    <option value="Female">Female</option>
  </select>
  </label>
      <fieldset>
      <legend>Are you Black?</legend>
      <label for="African American"><input type="radio" id="African American" name="Africa">African American</label>
      <label for="Black"><input type="radio" id=" African American" name="Africa">White </label>

    </fieldset>


    <fieldset>
      <legend>Are your Ancestors Black?</legend>
      <label for= "Non African American"><input type="radio" id=" Non African American" name="Africa">African American</label>
      <label for="Black"><input type="radio" id="Non African American" name="Africa">Black </label>

    </fieldset>
    <label for="comments">
    <textarea name="comments" id="comments"  placeholder="Enter your comments" cols="30" rows="10">
      </textarea>
    </label>
    <button type="submit"> Submit Answers</button>
</form>