survey_form.html

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<style>
h1{
  text-align:center;
}

p{
  text-align:center;
}
button{
	color:green;
}

</style>


<main>
  <h1 id="title">freeCodeCamp Survey Form</h1>
  <p id="description">Thank you for taking the time to help us improve the platform</p>
  <form action="/" id="survey-form">
    <label id="name-label">Name</label>
    <input type="text" id="name" placeholder="Enter your name" required>
    <label id="email-label">Email</label>
    <input type="email" id="email" placeholder="Enter your email" required>
    <label id="number-label">Age (optional)</label>
    <input type="number" id="number" placeholder="Age" min="18" max="80">
    <label>Which option best describes your current role? </label>

    <label>Would you recommend freeCodeCamp to a friend?</label>
    
    <label for="recommend">What is your favorite feature of freeCodeCamp?</label>
    <input type="radio" id="recommend">
    
    <label>What would you like to see improved? (Check all that apply)</label>
    
    <label>Any comments or suggestions?</label>
    <input type="text" id="comments" placeholder="Enter your comment here...">


  </form>


  
  <button type="submit">Submit!</button>

</main>