exercise-01/item_2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend><i>Contact Information</i></legend>
        <label for="fname">First name:</label>
        <input type="text" id="fname" /><br />
        <label for="lname">Last name: </label>
        <input type="text" id="lname" /><br />
        <label for="email">E-mail: </label>
        <input type="email" id="email" /><br />
      </fieldset>
    </form>
    <form>
      <fieldset>
        <legend><i>Compettition Question</i></legend>
        <div>How tall is the Eiffel Tower in Paris, France?</div>
        <input type="radio" id="r1" />
        <label for="r1">584ft</label><br />
        <input type="radio" id="r2" />
        <label for="r2">784ft</label><br />
        <input type="radio" id="r3" />
        <label for="r3">984ft</label><br />
        <input type="radio" id="r4" />
        <label for="r4">1184ft</label><br />
      </fieldset>
    </form>
    <form>
      <fieldset>
        <legend><i>Tiebreaker Question</i></legend>
        <div>In 25 words or less, say why you would like to win $10,000:</div>
        <textarea rows="11" cols="40"></textarea>
      </fieldset>
    </form>
    <form>
      <fieldset>
        <legend><i>Enter Compettition</i></legend>
        <button>Enter Compettition</button>
      </fieldset>
    </form>
  </body>
</html>