temp

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title id="title">Document</title>

    <link rel="stylesheet" href="./styles.css">

</head>


<body>

    <div class="header">

        <h1>STUDENT SURVEY

        </h1>

    </div>

    <p id="description">All students who want to join the Pie Alpha Kappa Club are required to fill this form.</p>

<div >

    <br>

    <form action="/action_page.php">

        <label for="name" id="name" class="W">

            First name:

        </label>


<div class="pinga"><br>

        <input type="text" required id="name-label" class="name-label" name="name" placeholder="e.g. Alex">

        <br>

    </div>


        <br><br>


            <label for="email" id="email" class="W">Enter your email:</label>


            <div class="pinga"><br>

            <input type="email" required id="email-label" name="email" placeholder="[email protected]"><br>

        </div>


            <br><br>


                <label for="birthdaytime" id="Birthdate"class="W">Birthday (date and time):</label>

                <div class="pinga"><br>

                <input type="datetime-local" required id="birthdaytime" name="birthdaytime"><br>

            </div>

                    <br><br>


        <label for="phone" id="number" class="W">Enter a phone number:</label>

        <div class="pinga"><br>

                <input type="tel" id="number-label" name="phone" placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" required>

                <br>

            </div>

                <br><br>


<label for="Subject" id="Subjects" class="W">Choose your Subjects</label >


<div class="pinga"><br>

    <select name="Subjects"  required id="subjects">


    <option class="K" value="">None</option>

    <option  class="K"value="Astrophysics">Astrophysics</option>

    <option class="K" value="Integral Calculus">Integral Calculus</option>

    <option class="K"value="3D Geometry">3D Geometry</option>

    <option class="K" value="Vector Analysis">Vector Analysis</option>

    </select><br>

</div>

    <br><br>


        <p class="W">Please select your gender:</p>

        <div class="radio">

        <input type="radio" required id="male" name="gender" value="male">

        <label for="male" class="R">Male</label>

        <input type="radio" id="female" name="gender" value="female">

        <label for="female" class="R">Female</label>

        <input type="radio" id="other" name="gender" value="other">

        <label for="other" class="R">Other</label>

    </div>

        <br>  <br>


        <p class="W">Please select your age:</p>

        <div class="radio">

        <input type="radio" required id="age1" name="age" value="30">

        <label for="age1" class="R">15 - 20</label>

        <input type="radio" id="age2" name="age" value="60">

        <label for="age2" class="R">20 - 25</label>

        <input type="radio" id="age3" name="age" value="100">

        <label for="age3" class="R">25 - 30</label>

    </div>

        <br>


<br>


<label for="review" id="review" class="W">Review</label><br>

<div class="pinga"><br>

<textarea  required name="review" rows="4" cols="50" id="textarea">


    </textarea><br></div>

    <br><br>

    <input type="submit" value="Submit" class="Submit">

    <input type="reset" class="Submit">

</form>


</div>


</body>

</html>