Untitled

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<div class="container">
    <header class="header">
        <h1 id="title">Music Survey Form</h1>
        <p id="subt">Thank you for participating</p><br>
    </header>

    <form id="survey-form">
        <div class="form-group">
            <label for="name" id="name-label">
                <input type="text" id="name" placeholder="Name">
            </label>
            <br>
            <label for="email" id="email-label">
                <input type="text" id="email" placeholder="Enter your email">
            </label>
            <br>
            <label for="number" id="number-label">
                <input type="text" id="number" placeholder="Age" max="200">
            </label>
            <br>
        </div>

    <div class="form-group">
        <p>Where do you listen music mostly?</p>
        <select id="dropdown">
            <option disabled selected value>Select option</option>
            <option value="at home">At home</option>
            <option value="in the car">In the car</option>
            <option value="anywhere">Anywhere(MP3 player)</option>
            <option value="other">Other</option>
        </select>

        <p>Which option best describes your current role?</p>
        <input type="radio" name="option" value="student"> Student<br>
        <input type="radio" name="option" value="full time job"> Full Time Job<br>
        <input type="radio" name="option" value="not sure"> Other<br>
    </div>

    <div class="form-group">
        <p>Select how often you purchase Music CDs</p>
        <select id="favorite">
            <option disabled selected value>Select an option</option>
            <option value="weekly">Weekly</option>
            <option value="a few cds">A few CDs each year</option>
            <option value="monthly">monthly</option>
            <option value="never">Never purchase</option>
        </select>
    </div>

    <div class="form-group">
        <p>Select your favorite types of music:</p>
        <input type="checkbox" name="option" value="Pop"> Pop<br>
        <input type="checkbox" name="option" value="rock"> Rock<br>
        <input type="checkbox" name="option" value="folk"> Folk<br>
        <input type="checkbox" name="option" value="rap"> Rap<br>
        <input type="checkbox" name="option" value="techno"> Techno<br>
        <input type="checkbox" name="option" value="country"> Country<br>
        <input type="checkbox" name="option" value="metal"> Metal<br>
        <input type="checkbox" name="option" value="r'n'b"> R'n'B<br>
        <input type="checkbox" name="option" value="classical"> Classical<br>
        <input type="checkbox" name="option" value="other"> Other<br>
    </div>

    <div class="form-group">
        <p>What role does music play in your life?</p>
        <textarea id="comments" class="input-textarea" name="comment" placeholder="Enter your comment here..."> </textarea>
    </div>

    <div class="form-group">
        <button type="submit" id="submit" class="submit-button">Submit</button>
    </div>

</form>
</div>

</body>
</html>