<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <h1 class = "title">Survey Form</h1>
  <center><p class = "title"> Please let us know how we can improve!
  <br>
  <div class = "data">
    <center><form>
      Name: <input type="text" name="name">
      Email: <input type="text" email="email">
      Number: <input type="text" number="number">
      
      <br>
      <br>
      
      <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>
      
      <div class="question">
        <p>Things that should be improved in the future (check all that apply)
          <br>
          <br>
        <input type="checkbox" front="front">Front-end projects
        <input type="checkbox" back="back">Back-end projects
        <input type="checkbox" datavis="datavis">Data Visualization
      </div>
      </form>
</body>
</html>
.title {
  text-align:center;
}

.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.