Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

hi guys :slight_smile: someone just tell me why is not running this cod? I think and hope to do everything exactly I suppose… anybody with a answer pls
Your code so far

/* file: index.html */
<!doctype html>
<html>
  <head>
    <h1 id="title">Job application form</h1>
    <link rel="stylesheet" href="styles.css"/>
    </head>
    <body>
      <p id="description"><b>Welcome to our website!</b>
      <form id="survey-form"> <label for="name" id="name-label" ><b>Name</b> </label>
      <input id="name" type="text" name="name" placeholder="First Last" required></input> 
      <label for="email" id="email-label"> <b>Email</b> </label>
     <input id="email-label" type="email" name="email" placeholder="myemail@gmail.com" required> </input>
     <label for="number" id="number-label"><b>Age</b> </label>
     <input id="number-label" type="number" name="number" placeholder="0" min="0" max="100" required></input>
     <label for="dropdown" id="positions"><b>Job Titles</b>
     </label>
     <select id="dropdown">
       <option value="Engineer">Engineer</option>
       <option value="Mechanic">Mechanic</option>
       <option value="Shop_assistant">Shop Assistant</option>
       <option value="Costumer_Adviser">Costumer Adviser</option>
       </select>
       
       <label for="Europeancitizen" id="Europeancitizen">Are you a<b> EU citizen:</b></label>
       <input id="Europeancitizen" type="radio" id="yes" name="option" value="yes">
       <label for="Europeancitizen"> Yes</label>
       <input id="Europeancitizen" type="radio" id="yes" name="option" value="no">
       <label for="Europeancitizen"> No</label>
       <input id="Europeancitizen" type="radio" id="Another_Countrey" name="option" value="Another_Countrey">
       <label for="Europeancitizen"> Another Countrey</label>
       <label for="skills"><b>Profesional Skills</b>
       </label>
       <p2 id="description2">Please check the following.</p2>
       <input id="checkbox" type="checkbox" name="skills" value="responsible">
       <label for="checkbox">Responsible</label>
       <input id="checkbox" type="checkbox" name="Flexible" value="Flexible">
       <label for="checkbox">Flexibile</label>
       <input id="checkbox" type="checkbox" name="Temawork" value="Teamwork">
       <label for="checkbox">Teamwork</label>
       <label id="textarea"> How Would You Describe Yourself?</label>
       <textarea id="textarea" name="instruction" rows="7" cols="40"></textarea>
       <input id="submit" type="submit" value="continue application">
       </form>
       </body>
       </html>



/* file: styles.css */
h1{
 color: #84983b;
 width: 330px;
 border: solid;
 margin: 8px;
 border-color: black;
 background-color:black;
}
p{
 margin: 1em;
 font-family:  cursive;
 font-size: 1.125rem;
 width: 300px;
 margin-bottom: 10px;
}
body{
 background-color: lightgray; 
 text-align: center;
 width: 100px; 
}
form{
 text-align: left;
 margin-left: 15px;
 width: 140px;

}
text{
 text-align: center;
}
number{
 margin-left: 15px;
 width: 135px;
}
title{
 margin: 0px;
}
description{
 margin: 0px;
}
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

h1 element should be in body not in the head

in head element should be title element

The p element is not closed
There is no p2 element

input elements are self closing no need closing tag

CSS:
dot ’ . ’ for class
hashtag ’ # ’ for id

Advice:
Try to fulfill user stories one by one
So it is easier to detect which part the problem is