form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ALT SCHOOL Application Form</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">About Me</a></li>
                <li><a href="form.html">Application Form</a></li>
                <li><a href="media.html">Media</a></li>
                <li><a href="table.html">Courses and Schools</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="form">
            <h1>ALT SCHOOL Application Form</h1>
            <form action="#" method="post">
                <label for="firstName">First Name:</label><br>
                <input type="text" id="firstName" name="firstName" required><br>

                <label for="lastName">Last Name:</label><br>
                <input type="text" id="lastName" name="lastName" required><br>

                <label for="email">Email:</label><br>
                <input type="email" id="email" name="email" required><br>

                <label for="phone">Phone Number:</label><br>
                <input type="tel" id="phone" name="phone" required><br>

                <label for="altSchoolID">ALT SCHOOL ID:</label><br>
                <input type="text" id="altSchoolID" name="altSchoolID" required><br>

                <label for="reason">Why do you want to join ALT SCHOOL?</label><br>
                <textarea id="reason" name="reason" rows="4" required></textarea><br>

                <label for="goals">What are your goals for the School of Engineering Programme?</label><br>
                <textarea id="goals" name="goals" rows="4" required></textarea><br>

                <input type="submit" value="Submit">
            </form>
        </section>
    </main>
</body>
</html>