
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body text-center">
                <div class="logo-area mb-4">
                    <div class="logo-placeholder">ABU Logo</div>
                    <div class="logo-placeholder">FCE(T) Logo</div>
                </div>
                <h1>Interim Joint Matriculation Board</h1>
                <h2>Ahmadu Bello University, Zaria</h2>
                <div class="affiliation fw-bold mb-3">In affiliation with Federal College of Education (Technical) Asaba</div>
                <h3>Application Form for Admission</h3>
                
                <div class="alert alert-info text-start mt-4">
                    <strong>Instructions:</strong> Write clearly and legibly in CAPITAL LETTERS using a biro or ballpoint pen. Attach all relevant credentials and a photocopy of the receipt of payment. Applicants who fail to attach evidence of payment or to complete the form properly will be disqualified.
                </div>
                
                <div class="mt-4">
                    <a href="?page=register" class="btn btn-primary btn-lg me-2">Apply Now</a>
                    <a href="?page=login" class="btn btn-outline-primary btn-lg">Login</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="bi bi-mortarboard-fill" style="font-size: 3rem; color: var(--primary-color);"></i>
                <h4 class="mt-3">Quality Education</h4>
                <p>Get quality education from one of Nigeria's premier universities.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="bi bi-people-fill" style="font-size: 3rem; color: var(--primary-color);"></i>
                <h4 class="mt-3">Expert Faculty</h4>
                <p>Learn from experienced and dedicated faculty members.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="bi bi-building" style="font-size: 3rem; color: var(--primary-color);"></i>
                <h4 class="mt-3">Modern Facilities</h4>
                <p>Access to modern learning facilities and resources.</p>
            </div>
        </div>
    </div>
</div>
