<form action="your-form-handler.php" method="POST" enctype="multipart/form-data">
    <h2>Student Registration Form</h2>
    
    <!-- Personal Information -->
    <label for="name">Full Name:</label>
    <input type="text" id="name" name="name" required>

    <label for="dob">Date of Birth:</label>
    <input type="date" id="dob" name="dob" required>

    <label for="gender">Gender:</label>
    <select id="gender" name="gender">
        <option value="male">Male</option>
        <option value="female">Female</option>
        <option value="other">Other</option>
    </select>

    <label for="nationality">Nationality:</label>
    <input type="text" id="nationality" name="nationality" required>

    <label for="email">Email Address:</label>
    <input type="email" id="email" name="email" required>

    <label for="phone">Phone Number:</label>
    <input type="tel" id="phone" name="phone" required>

    <!-- Education Background -->
    <h3>Education Background</h3>
    <label for="education">Current Level of Education:</label>
    <select id="education" name="education">
        <option value="high-school">High School</option>
        <option value="bachelor">Bachelor’s Degree</option>
        <option value="master">Master’s Degree</option>
        <option value="other">Other</option>
    </select>

    <label for="institution">Name of Current/Previous Institution:</label>
    <input type="text" id="institution" name="institution" required>

    <label for="study_field">Field of Study:</label>
    <input type="text" id="study_field" name="study_field" required>

    <!-- Study Preferences -->
    <h3>Study Preferences</h3>
    <label for="study_level">Desired Level of Study in the UK:</label>
    <select id="study_level" name="study_level">
        <option value="foundation">Foundation</option>
        <option value="undergraduate">Undergraduate</option>
        <option value="postgraduate">Postgraduate</option>
    </select>

    <label for="university">Preferred Universities (if any):</label>
    <input type="text" id="university" name="university">

    <label for="course">Preferred Course or Field of Study:</label>
    <input type="text" id="course" name="course" required>

    <!-- English Proficiency -->
    <h3>English Proficiency</h3>
    <label for="english_test">Do you have an English proficiency test?</label>
    <select id="english_test" name="english_test">
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>

    <label for="test_type">Test Type (if applicable):</label>
    <input type="text" id="test_type" name="test_type">

    <label for="score">Test Score:</label>
    <input type="number" id="score" name="score" min="0" max="100">

    <!-- Financial Information -->
    <h3>Financial Information</h3>
    <label for="scholarship">Do you need a scholarship?</label>
    <select id="scholarship" name="scholarship">
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>

    <label for="sponsor">Do you have a sponsor?</label>
    <select id="sponsor" name="sponsor">
        <option value="yes">Yes</option>
        <option value="no">No</option>
    </select>

    <!-- Upload Documents -->
    <h3>Upload Documents</h3>
    <label for="passport">Passport Scan:</label>
    <input type="file" id="passport" name="passport">

    <label for="transcripts">Academic Transcripts:</label>
    <input type="file" id="transcripts" name="transcripts">

    <label for="english_certificate">English Test Certificate:</label>
    <input type="file" id="english_certificate" name="english_certificate">

    <!-- Consent & Submit -->
    <label>
        <input type="checkbox" name="terms" required> I agree to the Terms & Conditions
    </label>

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

<style>
    form {
        max-width: 600px;
        margin: 20px auto;
        padding: 20px;
        background: #f9f9f9;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    h2, h3 {
        text-align: center;
    }
    label {
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }
    input, select, button {
        width: 100%;
        padding: 8px;
        margin-top: 5px;
    }
    button {
        background: #0073e6;
        color: white;
        border: none;
        cursor: pointer;
    }
    button:hover {
        background: #005bb5;
    }
</style>
.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-icon svg{width:30px}.uagb-icon-wrapper .uagb-svg-wrapper{transition:box-shadow 0.2s ease}
 .uagb-block-197afa88.uagb-icon-wrapper{text-align: center;} .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-197afa88.uagb-icon-wrapper svg{width: 40px;height: 40px;transform: rotate(0deg);box-sizing: content-box;fill: #333;filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: default;box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper:hover{box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible{box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}@media only screen and (max-width: 767px) { .uagb-block-197afa88.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}