<!DOCTYPE html>
  <h1 class = "title">Survey Form</h1>
  <center><p class = "title"> Please let us know how we can improve!
  <div class = "data">
      Name: <input type="text" name="name">
      Email: <input type="text" email="email">
      Number: <input type="text" number="number">
      <div class="question">
        <p>Would you recommend FCC to your friends?</p>
        Yes:<input type="radio" yes="yes">
        No:<input type="radio" no="no">
      <div class="question">
        <p>Things that should be improved in the future (check all that apply)
        <input type="checkbox" front="front">Front-end projects
        <input type="checkbox" back="back">Back-end projects
        <input type="checkbox" datavis="datavis">Data Visualization
.title {

.question {
  border-style: ridge;
  border-width: 10px 10px 10px 10px;
  border-color: grey;

body {
  background-color: green;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.