<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Admission Form – Zenith International School, Ajeetgarh</title>
<style>
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.form-container {
max-width: 800px;
margin: auto;
background-color: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1 {
text-align: center;
color: #005a9c;
margin-bottom: 30px;
}
label {
display: block;
margin-top: 15px;
font-weight: bold;
}
input, select, textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.section-title {
margin-top: 30px;
font-size: 18px;
color: #333;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.submit-btn {
margin-top: 30px;
background-color: #005a9c;
color: white;
padding: 12px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.submit-btn:hover {
background-color: #003f73;
}
</style>
</head>
<body>
<div class="form-container">
<h1>Admission Form – Zenith International School, Ajeetgarh</h1>
<div class="section-title">Student Information</div>
<label for="studentName">Full Name</label>
<input type="text" id="studentName" name="studentName">
<label for="dob">Date of Birth</label>
<input type="date" id="dob" name="dob">
<label for="gender">Gender</label>
<select id="gender" name="gender">
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
<label for="class">Class Applying For</label>
<input type="text" id="class" name="class">
<label for="previousSchool">Previous School Name</label>
<input type="text" id="previousSchool" name="previousSchool">
<label for="lastClass">Last Class Attended</label>
<input type="text" id="lastClass" name="lastClass">
<div class="section-title">Parent/Guardian Details</div>
<label for="fatherName">Father’s Name</label>
<input type="text" id="fatherName" name="fatherName">
<label for="fatherOccupation">Occupation</label>
<input type="text" id="fatherOccupation" name="fatherOccupation">
<label for="fatherContact">Contact Number</label>
<input type="tel" id="fatherContact" name="fatherContact">
<label for="motherName">Mother’s Name</label>
<input type="text" id="motherName" name="motherName">
<label for="motherOccupation">Occupation</label>
<input type="text" id="motherOccupation" name="motherOccupation">
<label for="motherContact">Contact Number</label>
<input type="tel" id="motherContact" name="motherContact">
<label for="address">Residential Address</label>
<textarea id="address" name="address" rows="3"></textarea>
<div class="section-title">Declaration</div>
<p>I hereby declare that the information provided above is true to the best of my knowledge. I agree to abide by the rules and regulations of Zenith International School, Ajeetgarh.</p>
<label for="signature">Signature of Parent/Guardian</label>
<input type="text" id="signature" name="signature">
<label for="date">Date</label>
<input type="date" id="date" name="date">
<button class="submit-btn">Submit Form</button>
</div>
</body>
</html>