<!-- Header Navigation -->
<header class="bg-slate-900 text-white sticky top-0 z-50 shadow-md">
    <div class="max-w-6xl mx-auto px-4 py-4 flex justify-between items-center">
        <a href="#" class="text-2xl font-bold tracking-tight text-white flex items-center gap-2">
            <i class="fa-solid fa-graduation-cap text-yellow-400"></i>
            <span>EduCareer <span class="text-blue-400">Hub</span></span>
        </a>
        <nav class="hidden md:flex space-x-6 text-sm font-medium">
            <a href="#overview" class="hover:text-blue-400 transition">Overview</a>
            <a href="#phases" class="hover:text-blue-400 transition">Selection Phases</a>
            <a href="#eligibility" class="hover:text-blue-400 transition">Eligibility</a>
            <a href="#apply" class="hover:text-blue-400 transition">How to Apply</a>
        </nav>
        <a href="https://davrecruit.davcmc.in/" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white text-xs md:text-sm font-semibold py-2 px-4 rounded-lg shadow transition">
            Official Portal <i class="fa-solid fa-arrow-up-right-from-square ml-1"></i>
        </a>
    </div>
</header>

<!-- Main Container -->
<main class="max-w-6xl mx-auto px-4 py-8 grid grid-cols-1 lg:grid-cols-4 gap-8">

    <!-- Left/Main Column: Blog Content -->
    <article class="lg:col-span-3 bg-white p-6 md:p-10 rounded-2xl shadow-sm border border-slate-100">
        
        <!-- Category & Metadata -->
        <div class="flex items-center gap-3 text-xs md:text-sm font-medium text-blue-600 mb-3">
            <span class="bg-blue-50 border border-blue-200 px-3 py-1 rounded-full"><i class="fa-solid fa-briefcase mr-1"></i> Recruitment Notice</span>
            <span><i class="fa-regular fa-clock mr-1"></i> 6 min read</span>
            <span><i class="fa-regular fa-calendar-alt mr-1"></i> Updated Session 2025–26</span>
        </div>

        <!-- Title -->
        <h1 class="text-2xl md:text-4xl font-extrabold text-slate-900 tracking-tight leading-tight mb-4">
            DAV Staff Recruitment: Comprehensive Guide to CBT Exam, Qualifications & Selection Process
        </h1>

        <!-- Article Excerpt/Lead -->
        <p class="text-slate-600 text-base md:text-lg mb-6 border-l-4 border-blue-600 pl-4 italic">
            Looking to build a rewarding career at DAV Public Schools? Here is everything you need to know regarding the 3-phase recruitment process, eligibility criteria for PGT, TGT, PRT, NTT, and administrative roles, and CBT guidelines.
        </p>

        <!-- Quick Information Card -->
        <div class="bg-gradient-to-r from-blue-900 to-slate-900 text-white p-6 rounded-xl mb-8 shadow-md">
            <h3 class="text-xl font-bold mb-3 flex items-center gap-2">
                <i class="fa-solid fa-circle-info text-yellow-400"></i> Recruitment Highlights
            </h3>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
                <div>
                    <p class="text-slate-300">Conducting Body:</p>
                    <p class="font-semibold text-white">DAV College Managing Committee (DAVCMC)</p>
                </div>
                <div>
                    <p class="text-slate-300">Exam Mode:</p>
                    <p class="font-semibold text-white">Computer-Based Test (CBT) & Phase-3 Interview</p>
                </div>
                <div>
                    <p class="text-slate-300">Posts Offered:</p>
                    <p class="font-semibold text-white">PGT, TGT, PRT, NTT, Librarians, Clerks (LDC/UDC)</p>
                </div>
                <div>
                    <p class="text-slate-300">Official Portal:</p>
                    <p class="font-semibold text-yellow-400">davrecruit.davcmc.in</p>
                </div>
            </div>
        </div>

        <!-- Section 1: Overview -->
        <section id="overview" class="mb-10">
            <h2 class="text-2xl font-bold text-slate-900 mb-4 pb-2 border-b border-slate-200 flex items-center gap-2">
                <i class="fa-solid fa-chalkboard-user text-blue-600"></i> Overview of DAV Recruitment
            </h2>
            <p class="text-slate-700 leading-relaxed mb-4">
                The <strong>DAV College Managing Committee (DAVCMC)</strong> conducts nationwide recruitment drives to select qualified teaching and non-teaching personnel across its network of over 900+ public schools in India. 
            </p>
            <p class="text-slate-700 leading-relaxed">
                To maintain educational excellence, DAVCMC employs a streamlined selection procedure starting with preliminary scrutiny, followed by a standardized online Computer-Based Test (CBT), and culminating in a zonal/school-level interview and teaching demonstration.
            </p>
        </section>

        <!-- Section 2: Three Phases of Recruitment -->
        <section id="phases" class="mb-10">
            <h2 class="text-2xl font-bold text-slate-900 mb-4 pb-2 border-b border-slate-200 flex items-center gap-2">
                <i class="fa-solid fa-layer-group text-blue-600"></i> The 3-Phase Selection Process
            </h2>
            <div class="space-y-4">
                
                <!-- Phase 1 -->
                <div class="p-5 bg-slate-50 border-l-4 border-blue-500 rounded-r-lg">
                    <h3 class="font-bold text-lg text-slate-900 flex items-center gap-2">
                        <span class="bg-blue-600 text-white text-xs px-2 py-1 rounded">Phase 1</span>
                        Application & Eligibility Scrutiny
                    </h3>
                    <p class="text-slate-600 text-sm mt-2">
                        Candidates submit hard copy / digital applications at their respective DAV Zonal/Regional offices or local schools. The management reviews academic qualifications, teacher eligibility test (CTET/STET) status, and experience graphs as per CBSE & DAVCMC norms.
                    </p>
                </div>

                <!-- Phase 2 -->
                <div class="p-5 bg-slate-50 border-l-4 border-yellow-500 rounded-r-lg">
                    <h3 class="font-bold text-lg text-slate-900 flex items-center gap-2">
                        <span class="bg-yellow-500 text-white text-xs px-2 py-1 rounded">Phase 2</span>
                        Online Computer Based Test (CBT)
                    </h3>
                    <p class="text-slate-600 text-sm mt-2">
                        Shortlisted candidates register online at <code>davrecruit.davcmc.in</code> using their Registered Mobile Number (RMN) and unique email address. After passing the CBT, candidates receive a <strong>Provisional Eligibility Card (PEC)</strong>.
                    </p>
                </div>

                <!-- Phase 3 -->
                <div class="p-5 bg-slate-50 border-l-4 border-green-500 rounded-r-lg">
                    <h3 class="font-bold text-lg text-slate-900 flex items-center gap-2">
                        <span class="bg-green-600 text-white text-xs px-2 py-1 rounded">Phase 3</span>
                        Teaching Demo & Panel Interview
                    </h3>
                    <p class="text-slate-600 text-sm mt-2">
                        PEC holders can apply for active vacancies at any DAV school across India. Final selection is granted after a successful classroom teaching demonstration and panel interview conducted by the Selection Committee.
                    </p>
                </div>

            </div>
        </section>

        <!-- Section 3: Eligibility Criteria -->
        <section id="eligibility" class="mb-10">
            <h2 class="text-2xl font-bold text-slate-900 mb-4 pb-2 border-b border-slate-200 flex items-center gap-2">
                <i class="fa-solid fa-user-check text-blue-600"></i> Eligibility Criteria & Qualifications
            </h2>
            <div class="overflow-x-auto">
                <table class="w-full text-left border-collapse border border-slate-200 text-sm">
                    <thead>
                        <tr class="bg-slate-100 text-slate-800">
                            <th class="p-3 border border-slate-200">Post Designation</th>
                            <th class="p-3 border border-slate-200">Minimum Academic Qualification</th>
                            <th class="p-3 border border-slate-200">Mandatory Certification</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-200">
                        <tr>
                            <td class="p-3 font-semibold border border-slate-200">PGT (Post Graduate Teacher)</td>
                            <td class="p-3 border border-slate-200">Post Graduation in relevant subject with min 50% marks.</td>
                            <td class="p-3 border border-slate-200">B.Ed. required. 3-5 years teaching experience in Sr. Secondary level preferred.</td>
                        </tr>
                        <tr>
                            <td class="p-3 font-semibold border border-slate-200">TGT (Trained Graduate Teacher)</td>
                            <td class="p-3 border border-slate-200">Graduation / Post Graduation in relevant subject with min 50% marks.</td>
                            <td class="p-3 border border-slate-200">B.Ed. & CTET / Paper-2 STET qualified.</td>
                        </tr>
                        <tr>
                            <td class="p-3 font-semibold border border-slate-200">PRT (Primary Teacher)</td>
                            <td class="p-3 border border-slate-200">Graduation with min 50% aggregate marks.</td>
                            <td class="p-3 border border-slate-200">B.Ed. / D.El.Ed & CTET / Paper-1 STET qualified.</td>
                        </tr>
                        <tr>
                            <td class="p-3 font-semibold border border-slate-200">NTT (Nursery Teacher)</td>
                            <td class="p-3 border border-slate-200">Senior Secondary / Graduation (Female Candidates).</td>
                            <td class="p-3 border border-slate-200">2-Year Nursery Teacher Training (NTT) diploma or B.Ed. (Nursery).</td>
                        </tr>
                        <tr>
                            <td class="p-3 font-semibold border border-slate-200">Ministerial Staff (LDC/UDC/Assistant)</td>
                            <td class="p-3 border border-slate-200">Graduation in Commerce/Arts/Science with Computer proficiency.</td>
                            <td class="p-3 border border-slate-200">Knowledge of Tally, Noting, Drafting & office management tools.</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="mt-4 p-4 bg-amber-50 border border-amber-200 rounded-lg text-amber-900 text-xs md:text-sm">
                <strong>Age Limit:</strong> Generally below 35 years as of the deadline. Candidates with prior CBSE school teaching experience of 5+ years may get relaxation up to 40 years. In-service DAV employees are eligible according to DAVCMC norms.
            </div>
        </section>

        <!-- Section 4: Step-by-Step Application Guide -->
        <section id="apply" class="mb-10">
            <h2 class="text-2xl font-bold text-slate-900 mb-4 pb-2 border-b border-slate-200 flex items-center gap-2">
                <i class="fa-solid fa-list-check text-blue-600"></i> Step-by-Step Application Process
            </h2>
            <ol class="list-decimal list-inside space-y-3 text-slate-700">
                <li class="pl-2"><strong>Check Newspaper Advertisements / Regional Notices:</strong> Keep an eye out for regional announcements in national newspapers or regional DAV zonal portals.</li>
                <li class="pl-2"><strong>Submit Offline/Initial Application:</strong> Download or obtain the Phase-1 application form from your nearest DAV school, fill in credentials, attach testimonials, and submit before the initial deadline.</li>
                <li class="pl-2"><strong>Online Registration for CBT:</strong> After initial shortlisting, visit <a href="https://davrecruit.davcmc.in/" target="_blank" class="text-blue-600 underline">davrecruit.davcmc.in</a> to register using your <strong>Registered Mobile Number (RMN)</strong> and email ID.</li>
                <li class="pl-2"><strong>Pay Examination Fee:</strong> Pay the applicable test fee online to confirm your CBT slot.</li>
                <li class="pl-2"><strong>Download Admit Card & Provisional Eligibility Card:</strong> Download the admit card prior to the CBT exam. Upon clearing the CBT, secure your Provisional Eligibility Card (PEC) for Phase-3 interviews.</li>
            </ol>
        </section>

        <!-- Important Instructions Alert -->
        <div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg mb-8">
            <h4 class="font-bold text-red-800 text-sm md:text-base flex items-center gap-2">
                <i class="fa-solid fa-triangle-exclamation"></i> Critical Instructions for Applicants
            </h4>
            <ul class="list-disc list-inside text-xs md:text-sm text-red-700 mt-2 space-y-1">
                <li>Candidates can apply for <strong>ONE post/subject only</strong> during a recruitment session.</li>
                <li>Always use your own primary mobile number and email address; changing mobile numbers mid-process will lead to loss of access to PEC cards.</li>
                <li>CBT qualified candidates who are already employed in a DAV school and continuing in the same position do not need to re-appear for CBT unless seeking relocation or promotion.</li>
            </ul>
        </div>

        <!-- Conclusion -->
        <section class="border-t border-slate-200 pt-6">
            <h3 class="text-xl font-bold text-slate-900 mb-2">Final Thoughts</h3>
            <p class="text-slate-700 leading-relaxed mb-4">
                Securing a teaching or administrative role within the DAV Public School system offers professional stability and a platform for meaningful impact. Ensure all your documents, experience certificates, and CTET/STET credentials are ready before applying.
            </p>
            <div class="flex flex-wrap gap-4 mt-6">
                <a href="https://davrecruit.davcmc.in/" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-6 py-3 rounded-lg shadow-md transition flex items-center gap-2">
                    <span>Visit Official Recruitment Portal</span>
                    <i class="fa-solid fa-arrow-right"></i>
                </a>
            </div>
        </section>

    </article>

    <!-- Right Column: Sidebar -->
    <aside class="lg:col-span-1 space-y-6">
        
        <!-- Quick Links Widget -->
        <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-100">
            <h4 class="font-bold text-slate-900 mb-3 border-b pb-2 flex items-center gap-2">
                <i class="fa-solid fa-link text-blue-600"></i> Quick Navigation
            </h4>
            <ul class="space-y-2 text-sm text-slate-600">
                <li><a href="#overview" class="hover:text-blue-600 flex items-center gap-1"><i class="fa-solid fa-angle-right text-xs"></i> Overview</a></li>
                <li><a href="#phases" class="hover:text-blue-600 flex items-center gap-1"><i class="fa-solid fa-angle-right text-xs"></i> 3-Phase Process</a></li>
                <li><a href="#eligibility" class="hover:text-blue-600 flex items-center gap-1"><i class="fa-solid fa-angle-right text-xs"></i> Eligibility Criteria</a></li>
                <li><a href="#apply" class="hover:text-blue-600 flex items-center gap-1"><i class="fa-solid fa-angle-right text-xs"></i> Application Steps</a></li>
            </ul>
        </div>

        <!-- Author / Credentials Profile Card -->
        <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-100 text-center">
            <div class="w-20 h-20 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center text-3xl font-bold mx-auto mb-3">
                <i class="fa-solid fa-user-shield"></i>
            </div>
            <h4 class="font-bold text-slate-900">Career Guidance Team</h4>
            <p class="text-xs text-slate-500 mt-1">Verified Recruitment Information</p>
            <p class="text-xs text-slate-600 mt-3 italic">
                Providing accurate educational notifications, exam patterns, and qualification guidelines for teaching aspirants.
            </p>
        </div>

        <!-- Download Notification Card -->
        <div class="bg-slate-900 text-white p-5 rounded-xl shadow-sm">
            <h4 class="font-bold text-yellow-400 mb-2 flex items-center gap-2">
                <i class="fa-solid fa-bell"></i> Stay Updated
            </h4>
            <p class="text-xs text-slate-300 leading-relaxed mb-4">
                Regularly check the DAV official portal to ensure you do not miss deadlines for application submission or CBT hall ticket releases.
            </p>
            <a href="https://davrecruit.davcmc.in/" target="_blank" class="block text-center text-xs bg-yellow-500 hover:bg-yellow-600 text-slate-950 font-bold py-2 rounded transition">
                Check Status
            </a>
        </div>

    </aside>

</main>

<!-- Footer -->
<footer class="bg-slate-900 border-t border-slate-800 text-slate-400 py-8 text-center text-xs mt-12">
    <div class="max-w-6xl mx-auto px-4 space-y-2">
        <p>&copy; EduCareer Hub. All Rights Reserved. Prepared for informational purposes.</p>
        <p class="text-slate-500">Not directly affiliated with DAVCMC. Please refer to official notifications for binding recruitment guidelines.</p>
    </div>
</footer>