<?php
$pageTitle = 'Highlights | IBVTE - Indian Board of Vocational and Technical Education';
$pageDesc  = 'Key Highlights of the Indian Board of Vocational and Technical Education (IBVTE), New Delhi.';
require_once dirname(__DIR__) . '/includes/header.php';
?>
<link rel="stylesheet" href="<?php echo $base; ?>assets/css/pages.css">

<div class="ibvte-page-hero">
    <div class="container">
        <nav aria-label="breadcrumb" class="ibvte-breadcrumb mb-2">
            <ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="<?php echo $base; ?>index.php">Home</a></li>
                <li class="breadcrumb-item"><a href="#">About</a></li>
                <li class="breadcrumb-item active">Highlights</li>
            </ol>
        </nav>
        <h1><i class="fas fa-star me-2"></i>Highlights</h1>
        <p>Indian Board of Vocational and Technical Education (New Delhi)</p>
    </div>
</div>

<section class="ibvte-section bg-light">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-3">
                <div class="ibvte-inner-sidebar sticky-top" style="top:20px;">
                    <div class="bg-white rounded-3 shadow-sm overflow-hidden">
                        <div class="px-3 py-3" style="background:var(--primary-color);"><span class="text-white fw-bold small text-uppercase"><i class="fas fa-list me-2"></i>About IBVTE</span></div>
                        <div class="list-group list-group-flush">
                            <a href="<?php echo $base; ?>about/about.php" class="list-group-item list-group-item-action">About the Board</a>
                            <a href="<?php echo $base; ?>about/preamble.php" class="list-group-item list-group-item-action">Preamble</a>
                            <a href="<?php echo $base; ?>about/vision.php" class="list-group-item list-group-item-action">Vision</a>
                            <a href="<?php echo $base; ?>about/mission.php" class="list-group-item list-group-item-action">Mission</a>
                            <a href="<?php echo $base; ?>about/goals.php" class="list-group-item list-group-item-action">Goals</a>
                            <a href="<?php echo $base; ?>about/values.php" class="list-group-item list-group-item-action">Core Values</a>
                            <a href="<?php echo $base; ?>about/highlights.php" class="list-group-item list-group-item-action active">Highlights</a>
                            <a href="<?php echo $base; ?>about/objectives.php" class="list-group-item list-group-item-action">Objectives</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="ibvte-section-card mb-4" data-aos="fade-up">
                    <h2><i class="fas fa-star me-2"></i>Key Highlights</h2>
                    <p>The key highlights of the Indian Board of Vocational and Technical Education (New Delhi) are as follows:</p>
                </div>
                <?php
                $highlights = [
                    ['fa-sitemap','Structured Vocational Framework','A well-defined and standardized system for vocational and technical education designed to ensure uniformity and academic credibility.'],
                    ['fa-industry','Industry-Oriented Curriculum','Competency-based courses aligned with current industry demands and practical skill requirements.'],
                    ['fa-certificate','Transparent Accreditation System','Clear norms and structured procedures for granting affiliation and accreditation to institutions, ensuring quality and compliance.'],
                    ['fa-file-alt','Standardized Examination & Certification','Fair and systematic examination processes with secure result processing and certificate issuance mechanisms.'],
                    ['fa-shield-alt','Quality Assurance Mechanism','Regular monitoring, inspection, and evaluation of affiliated institutions to maintain prescribed academic and infrastructural standards.'],
                    ['fa-laptop','Digital Administration','Adoption of modern digital systems for enrollment, examination management, certification, and verification services.'],
                    ['fa-users','Inclusive Skill Development','Focus on expanding vocational education access to rural, semi-urban, and underserved communities.'],
                    ['fa-balance-scale','Ethical Governance','Commitment to transparency, accountability, and professional administration in all Board operations.'],
                    ['fa-network-wired','National-Level Institutional Network Vision','Strategic expansion plan aimed at building a strong and credible network of affiliated training institutions.'],
                    ['fa-briefcase','Focus on Employability & Entrepreneurship','Programs designed to enhance job readiness, technical competence, and self-employment opportunities.'],
                ];
                ?>
                <div class="row g-4">
                    <?php foreach($highlights as $i => $h): ?>
                    <div class="col-md-6" data-aos="fade-up" data-aos-delay="<?php echo $i*50; ?>">
                        <div class="ibvte-highlight-card h-100">
                            <div class="hi-icon"><i class="fas <?php echo $h[0]; ?>"></i></div>
                            <h5><?php echo $h[1]; ?></h5>
                            <p><?php echo $h[2]; ?></p>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </div>
</section>

<?php require_once dirname(__DIR__) . '/includes/footer.php'; ?>
