kumi125
**HTML** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Student Registration Form</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="container"> <h1>Student Registration Form</h1> <form> <fieldset> <legend>Student Information</legend> <label>Full Name: <input type="text" name="fullname" required /></label> <label>Date of Birth: <input type="date" name="dob" required /></label> <label>Gender: <input type="radio" name="gender" value="male" required /> Male <input type="radio" name="gender" value="female" /> Female </label> <label>Nationality: <input type="text" name="nationality" /></label> <label>Contact Info: <input type="text" name="contact" /></label> </fieldset> <fieldset> <legend>Parent/Guardian Information</legend> <label>Name: <input type="text" name="parent_name" /></label> <label>Relationship: <input type="text" name="relationship" /></label> <label>Contact Info: <input type="text" name="parent_contact" /></label> <label>Emergency Contact: <input type="text" name="emergency_contact" /></label> </fieldset> <fieldset> <legend>Education Information</legend> <label>School/Institution Name: <input type="text" name="school" /></label> <label>Graduation Date: <input type="date" name="graduation_date" /></label> <label>How did you hear about us? <input type="text" name="ref" /></label> <label>Why are you interested? <input type="text" name="interest" /></label> </fieldset> <label> <input type="checkbox" name="terms" required /> I agree to the terms and conditions </label> <label>Signature: <input type="text" name="signature" /></label> <button type="submit">Submit</button> </form> </div> </body> </html> **CSS** body { font-family: Arial, sans-serif; background-color: #fff5e1; margin: 0; padding: 0; } .container { width: 70%; margin: 20px auto; padding: 20px; background-color: #fff3d6; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } h1 { text-align: center; color: #333; } form { display: flex; flex-direction: column; } fieldset { border: 2px solid #ff9900; padding: 15px; margin-bottom: 20px; border-radius: 8px; } legend { font-weight: bold; color: #ff6600; } label { display: flex; flex-direction: column; margin: 10px 0; } input[type="text"], input[type="date"] { padding: 8px; border-radius: 5px; border: 1px solid #ccc; } button { width: 120px; padding: 10px; background-color: #ff6600; color: white; border: none; border-radius: 5px; align-self: center; cursor: pointer; }