<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M.Ed Course Details | Edunet</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">



<?php
include("header.php");


?>



    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        body {
            background-color: #f8fafc;
            color: #333;
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Course Header */
        .course-header {
            background: linear-gradient(135deg, #0c2461 0%, #1e3799 100%);
            color: white;
            padding: 80px 20px 60px;
            position: relative;
            overflow: hidden;
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .course-badge {
            display: inline-block;
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            color: white;
            padding: 10px 24px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 25px;
            box-shadow: 0 8px 20px rgba(255, 106, 0, 0.3);
            transform: translateY(30px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.3s forwards;
        }

        .course-title {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 15px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.5s forwards;
        }

        .course-subtitle {
            font-size: 1.8rem;
            font-weight: 400;
            color: #e2e8ff;
            margin-bottom: 30px;
            max-width: 800px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.7s forwards;
        }

        .course-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 40px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 0.9s forwards;
        }

        .meta-item {
            display: flex;
            align-items: center;
            gap: 12px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 15px 25px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .meta-icon {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .meta-content h4 {
            font-size: 1rem;
            font-weight: 500;
            color: #bfdbfe;
            margin-bottom: 5px;
        }

        .meta-content p {
            font-size: 1.2rem;
            font-weight: 600;
        }

        @keyframes fadeUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* Course Content */
        .course-content {
            max-width: 1200px;
            margin: 60px auto;
            padding: 0 20px;
        }

        /* Overview Section */
        .overview-section {
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.1s forwards;
        }

        .section-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1e3a8a;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .section-title i {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }

        .overview-text {
            color: #475569;
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .highlight-box {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border-left: 5px solid #4facfe;
            padding: 25px;
            border-radius: 12px;
            margin: 30px 0;
        }

        .highlight-box h4 {
            color: #1e40af;
            margin-bottom: 15px;
            font-size: 1.3rem;
        }

        .highlight-box ul {
            list-style: none;
            padding-left: 0;
        }

        .highlight-box li {
            padding: 8px 0;
            color: #475569;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .highlight-box li i {
            color: #4facfe;
        }

        /* Why Choose Section */
        .why-choose-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.3s forwards;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .benefit-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 2px solid transparent;
        }

        .benefit-card:hover {
            transform: translateY(-10px);
            border-color: #4facfe;
            box-shadow: 0 20px 40px rgba(79, 172, 254, 0.1);
        }

        .benefit-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            margin-bottom: 20px;
        }

        .benefit-card h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            margin-bottom: 15px;
        }

        .benefit-card p {
            color: #64748b;
            line-height: 1.6;
        }

        /* Specializations Section */
        .specializations-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.5s forwards;
        }

        .specialization-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 40px;
            border-bottom: 2px solid #e2e8f0;
            padding-bottom: 20px;
        }

        .tab-btn {
            padding: 12px 28px;
            background: white;
            border: 2px solid #e2e8f0;
            border-radius: 50px;
            font-weight: 600;
            color: #64748b;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tab-btn:hover, .tab-btn.active {
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            color: white;
            border-color: transparent;
        }

        .specialization-content {
            display: none;
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .specialization-content.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .specialization-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e2e8f0;
        }

        .specialization-title {
            font-size: 1.8rem;
            color: #1e3a8a;
        }

        .specialization-level {
            background: #f0f9ff;
            color: #1e40af;
            padding: 8px 20px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .subject-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 15px;
            margin-top: 20px;
        }

        .subject-item {
            background: #f8fafc;
            padding: 15px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.3s ease;
        }

        .subject-item:hover {
            background: #e0f2fe;
            transform: translateX(5px);
        }

        .subject-item i {
            color: #4facfe;
            font-size: 1.2rem;
        }

        /* Curriculum Section */
        .curriculum-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.7s forwards;
        }

        .semester-accordion {
            margin-top: 30px;
        }

        .semester-item {
            background: white;
            border-radius: 12px;
            margin-bottom: 20px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        .semester-header {
            padding: 25px 30px;
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }

        .semester-header:hover {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
        }

        .semester-header h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .semester-header i {
            transition: transform 0.3s ease;
        }

        .semester-header.active i {
            transform: rotate(180deg);
        }

        .semester-content {
            padding: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        }

        .semester-content.active {
            padding: 30px;
            max-height: 1000px;
        }

        .subject-table {
            width: 100%;
            border-collapse: collapse;
        }

        .subject-table th {
            background: #f8fafc;
            color: #1e3a8a;
            padding: 15px;
            text-align: left;
            font-weight: 600;
            border-bottom: 2px solid #e2e8f0;
        }

        .subject-table td {
            padding: 15px;
            border-bottom: 1px solid #e2e8f0;
            color: #475569;
        }

        .subject-table tr:hover {
            background: #f0f9ff;
        }

        /* Career Section */
        .career-section {
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 1.9s forwards;
        }

        .career-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .career-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .career-card:hover {
            border-color: #4facfe;
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(79, 172, 254, 0.1);
        }

        .career-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #1e3a8a 0%, #4facfe 100%);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.8rem;
            margin: 0 auto 20px;
        }

        .career-card h4 {
            color: #1e3a8a;
            font-size: 1.3rem;
            margin-bottom: 10px;
        }

        .career-card p {
            color: #64748b;
            font-size: 0.95rem;
        }

        /* Admission Section */
        .admission-section {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border-radius: 20px;
            padding: 50px;
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 2.1s forwards;
        }

        .eligibility-list {
            margin-top: 25px;
        }

        .eligibility-item {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
            padding: 15px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }

        .eligibility-item i {
            color: #4facfe;
            font-size: 1.2rem;
        }

        /* CTA Section */
        .cta-section {
            text-align: center;
            padding: 60px 20px;
            background: linear-gradient(135deg, #0c2461 0%, #1e3799 100%);
            border-radius: 20px;
            color: white;
            margin-bottom: 60px;
            transform: translateY(40px);
            opacity: 0;
            animation: fadeUp 0.8s ease-out 2.3s forwards;
        }

        .cta-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .cta-description {
            font-size: 1.2rem;
            color: #e2e8ff;
            max-width: 700px;
            margin: 0 auto 40px;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 18px 40px;
            font-size: 1.2rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 12px;
            background: linear-gradient(135deg, #ff9a00 0%, #ff6a00 100%);
            color: white;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 10px 30px rgba(255, 106, 0, 0.3);
            gap: 12px;
        }

        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(255, 106, 0, 0.4);
        }

        /* Floating Elements */
        .floating-shapes {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .shape {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            animation: float 20s infinite linear;
        }

        .shape-1 {
            width: 100px;
            height: 100px;
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }

        .shape-2 {
            width: 60px;
            height: 60px;
            top: 60%;
            right: 15%;
            animation-delay: -5s;
            animation-duration: 25s;
        }

        @keyframes float {
            0% {
                transform: translateY(0) rotate(0deg);
            }
            25% {
                transform: translateY(-20px) rotate(90deg);
            }
            50% {
                transform: translateY(-40px) rotate(180deg);
            }
            75% {
                transform: translateY(-20px) rotate(270deg);
            }
            100% {
                transform: translateY(0) rotate(360deg);
            }
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .course-title {
                font-size: 2.8rem;
            }
            
            .course-subtitle {
                font-size: 1.5rem;
            }
            
            .benefits-grid,
            .career-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .course-header {
                padding: 60px 20px 40px;
            }
            
            .course-title {
                font-size: 2.2rem;
            }
            
            .course-subtitle {
                font-size: 1.2rem;
            }
            
            .course-meta {
                flex-direction: column;
                gap: 15px;
            }
            
            .meta-item {
                width: 100%;
            }
            
            .benefits-grid,
            .career-grid {
                grid-template-columns: 1fr;
            }
            
            .specialization-tabs {
                justify-content: center;
            }
            
            .section-title {
                font-size: 1.8rem;
            }
            
            .cta-title {
                font-size: 2rem;
            }
            
            .admission-section {
                padding: 30px;
            }
        }

        @media (max-width: 576px) {
            .course-title {
                font-size: 1.8rem;
            }
            
            .section-title {
                font-size: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            
            .overview-section,
            .specialization-content {
                padding: 25px;
            }
            
            .subject-table {
                display: block;
                overflow-x: auto;
            }
            
            .tab-btn {
                padding: 10px 20px;
                font-size: 0.9rem;
            }
        }
    </style>
</head>
<body>
    <!-- Course Header -->
    <header class="course-header">
        <div class="floating-shapes">
            <div class="shape shape-1"></div>
            <div class="shape shape-2"></div>
        </div>
        
        <div class="header-container">
            <div class="course-badge">
                <i class="fas fa-graduation-cap"></i> Advanced Postgraduate Degree
            </div>
            
            <h1 class="course-title">Master of Education (M.Ed)</h1>
            <p class="course-subtitle">
                Advance your educational career with our comprehensive M.Ed program designed for aspiring educational leaders, researchers, and policy makers.
            </p>
            
            <div class="course-meta">
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="far fa-clock"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Program Duration</h4>
                        <p>2 Years (Full-time/Part-time)</p>
                    </div>
                </div>
                
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="fas fa-user-graduate"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Eligibility</h4>
                        <p>B.Ed or Equivalent Required</p>
                    </div>
                </div>
                
                <div class="meta-item">
                    <div class="meta-icon">
                        <i class="fas fa-certificate"></i>
                    </div>
                    <div class="meta-content">
                        <h4>Certification</h4>
                        <p>UGC Recognized</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!-- Main Course Content -->
    <main class="course-content">
        <!-- Overview Section -->
        <section class="overview-section">
            <h2 class="section-title">
                <i class="fas fa-info-circle"></i>
                Course Overview
            </h2>
            
            <div class="overview-text">
                <p>The Master of Education (M.Ed) is an advanced postgraduate degree program designed for educators seeking to deepen their understanding of educational theories, research methodologies, and leadership practices. This program builds upon foundational teaching knowledge to develop educational specialists capable of driving innovation and improvement in educational systems .</p>
                
                <p>As a research-intensive program, M.Ed focuses on developing critical analysis skills, advanced pedagogical knowledge, and leadership capabilities. Graduates are equipped to take on specialized roles in educational administration, curriculum design, educational research, and policy development .</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Advanced research methodology and educational statistics</li>
                    <li><i class="fas fa-check-circle"></i> Specialized tracks in educational leadership and administration</li>
                    <li><i class="fas fa-check-circle"></i> Focus on educational policy analysis and development</li>
                    <li><i class="fas fa-check-circle"></i> Integration of technology in advanced educational settings</li>
                    <li><i class="fas fa-check-circle"></i> Preparation for doctoral studies and advanced research</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose M.Ed Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Pursue M.Ed?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Leadership Advancement</h4>
                    <p>M.Ed prepares educators for administrative and leadership positions in educational institutions, opening doors to roles like principal, dean, or educational director .</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-search"></i>
                    </div>
                    <h4>Research Excellence</h4>
                    <p>Develop advanced research skills essential for educational innovation, policy analysis, and contributing to the academic field of education .</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Career Progression</h4>
                    <p>Significantly enhances career prospects and earning potential in educational administration, higher education, and specialized educational roles .</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h4>Global Perspectives</h4>
                    <p>Gain understanding of international educational systems, comparative education, and global educational challenges and innovations .</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Program Specializations
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="leadership">Educational Leadership</button>
                <button class="tab-btn" data-tab="technology">Educational Technology</button>
                <button class="tab-btn" data-tab="curriculum">Curriculum Studies</button>
                <button class="tab-btn" data-tab="special">Special Education</button>
            </div>
            
            <div class="specialization-content active" id="leadership-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Educational Leadership & Administration</h3>
                    <span class="specialization-level">Administrative Focus</span>
                </div>
                <p>This specialization prepares educators for leadership roles in educational institutions, focusing on management, policy implementation, and organizational development in educational settings .</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-landmark"></i>
                        <span>Educational Administration & Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-balance-scale"></i>
                        <span>Educational Policy & Planning</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-bar"></i>
                        <span>Organizational Behavior in Education</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-handshake"></i>
                        <span>Leadership Theories & Practices</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-money-check-alt"></i>
                        <span>Educational Finance & Resource Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-gavel"></i>
                        <span>Educational Law & Ethics</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="technology-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Educational Technology</h3>
                    <span class="specialization-level">Digital Learning</span>
                </div>
                <p>Focuses on the integration of technology in education, including e-learning, instructional design, digital pedagogy, and the development of technology-enhanced learning environments .</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-laptop-code"></i>
                        <span>Instructional Design & Technology</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-network-wired"></i>
                        <span>E-Learning & Distance Education</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tablet-alt"></i>
                        <span>Digital Pedagogy & Learning Theories</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-video"></i>
                        <span>Multimedia in Education</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-line"></i>
                        <span>Learning Analytics & Assessment</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-mobile-alt"></i>
                        <span>Mobile Learning & Educational Apps</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="curriculum-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Curriculum & Instruction</h3>
                    <span class="specialization-level">Curriculum Design</span>
                </div>
                <p>Focuses on curriculum theory, development, implementation, and evaluation across various educational levels and contexts, preparing specialists in curriculum design and instructional leadership .</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-book-open"></i>
                        <span>Curriculum Theory & Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tasks"></i>
                        <span>Instructional Design & Strategies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Curriculum Evaluation & Assessment</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-globe-americas"></i>
                        <span>Comparative Curriculum Studies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-users"></i>
                        <span>Differentiated Instruction</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lightbulb"></i>
                        <span>Innovative Teaching Methodologies</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="special-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Special Education</h3>
                    <span class="specialization-level">Inclusive Education</span>
                </div>
                <p>Prepares educators to work with students with diverse learning needs, disabilities, and exceptionalities, focusing on inclusive education practices, assessment, and intervention strategies .</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-universal-access"></i>
                        <span>Inclusive Education Practices</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-stethoscope"></i>
                        <span>Assessment of Special Needs</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hands-helping"></i>
                        <span>Intervention Strategies & IEP Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Learning Disabilities & Disorders</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-comments"></i>
                        <span>Counseling in Special Education</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-balance-scale"></i>
                        <span>Policy & Legal Aspects of Special Education</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Curriculum Section -->
        <section class="curriculum-section">
            <h2 class="section-title">
                <i class="fas fa-book"></i>
                Program Curriculum
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                The M.Ed program follows a semester system with core courses, specialization electives, and a significant research component. The curriculum emphasizes both theoretical understanding and practical application in advanced educational contexts .
            </p>
            
            <div class="semester-accordion">
                <!-- Semester 1 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 1: Foundations of Advanced Education</h4>
                        <span style="color: #4facfe; font-weight: 600;">Core Subjects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>MED101</td>
                                    <td>Philosophical Foundations of Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED102</td>
                                    <td>Advanced Educational Psychology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED103</td>
                                    <td>Research Methodology in Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED104</td>
                                    <td>Sociological Perspectives in Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED105</td>
                                    <td>Educational Statistics & Data Analysis</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 2: Specialization & Advanced Studies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Elective Focus</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>MED201</td>
                                    <td>Comparative Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED202</td>
                                    <td>Curriculum Theory & Development</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED203</td>
                                    <td>Educational Technology & Innovation</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED204</td>
                                    <td>Specialization Elective - I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED205</td>
                                    <td>Specialization Elective - II</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 3: Leadership & Policy Studies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Topics</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>MED301</td>
                                    <td>Educational Administration & Leadership</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED302</td>
                                    <td>Educational Policy Analysis</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED303</td>
                                    <td>Measurement & Evaluation in Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED304</td>
                                    <td>Specialization Elective - III</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED305</td>
                                    <td>Dissertation Proposal Development</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 4 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 4: Research & Professional Application</h4>
                        <span style="color: #4facfe; font-weight: 600;">Research Focus</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>MED401</td>
                                    <td>Advanced Research Seminar</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED402</td>
                                    <td>Contemporary Issues in Education</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MED403</td>
                                    <td>Professional Internship/Practicum</td>
                                    <td>6</td>
                                </tr>
                                <tr>
                                    <td>MED404</td>
                                    <td>Dissertation Research</td>
                                    <td>10</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Career Opportunities -->
        <section class="career-section">
            <h2 class="section-title">
                <i class="fas fa-briefcase"></i>
                Career Opportunities
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                An M.Ed degree opens doors to advanced career opportunities in education, administration, research, and policy development. Here are some of the prestigious positions available to graduates :
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Educational Administrator</h4>
                    <p>Principal, Vice-Principal, Dean, or Director roles in educational institutions</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </div>
                    <h4>University Lecturer</h4>
                    <p>Teaching positions in colleges and universities for education departments</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-search"></i>
                    </div>
                    <h4>Educational Researcher</h4>
                    <p>Research positions in educational institutions, think tanks, or policy organizations</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-book"></i>
                    </div>
                    <h4>Curriculum Specialist</h4>
                    <p>Design and develop curriculum frameworks for educational boards and institutions</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-laptop-code"></i>
                    </div>
                    <h4>Educational Technologist</h4>
                    <p>Develop and implement technology solutions for educational institutions and edtech companies</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-balance-scale"></i>
                    </div>
                    <h4>Policy Analyst</h4>
                    <p>Analyze and develop educational policies for government and non-government organizations</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hands-helping"></i>
                    </div>
                    <h4>Special Education Coordinator</h4>
                    <p>Lead special education programs and services in school districts or educational institutions</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Educational Consultant</h4>
                    <p>Provide expert advice to educational institutions on improvement, accreditation, and innovation</p>
                </div>
            </div>
        </section>
        
        <!-- Admission Requirements -->
        <section class="admission-section">
            <h2 class="section-title">
                <i class="fas fa-clipboard-check"></i>
                Admission Requirements
            </h2>
            
            <p style="color: #475569; margin-bottom: 20px; font-size: 1.1rem;">
                To be eligible for admission to the M.Ed program, candidates must meet the following academic and professional criteria :
            </p>
            
            <div class="eligibility-list">
                <div class="eligibility-item">
                    <i class="fas fa-user-graduate"></i>
                    <div>
                        <strong>Educational Qualification:</strong> B.Ed degree or equivalent with minimum 55% aggregate marks
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-chalkboard-teacher"></i>
                    <div>
                        <strong>Professional Experience:</strong> Teaching experience of at least 2 years (preferred but not mandatory)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> Qualify in university-level or national entrance tests (NET, SET, etc.)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-user-check"></i>
                    <div>
                        <strong>Additional Requirements:</strong> Research proposal, personal interview, and academic writing sample
                    </div>
                </div>
            </div>
            
            <div class="highlight-box" style="margin-top: 30px;">
                <h4>Admission Process Overview</h4>
                <ul>
                    <li><i class="fas fa-arrow-right"></i> Check specific eligibility criteria of desired universities</li>
                    <li><i class="fas fa-arrow-right"></i> Prepare and submit research interest statement</li>
                    <li><i class="fas fa-arrow-right"></i> Qualify in relevant entrance examinations</li>
                    <li><i class="fas fa-arrow-right"></i> Attend personal interview and presentation sessions</li>
                    <li><i class="fas fa-arrow-right"></i> Submit academic transcripts, certificates, and experience letters</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities upon selection</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Advance Your Educational Career</h2>
            <p class="cta-description">
                Take the next step in your educational journey with our comprehensive M.Ed program. Develop advanced skills in educational leadership, research, and policy to make a significant impact on educational systems and practices.
            </p>
            <a href="#" class="cta-button">
                <i class="fas fa-file-alt"></i>
                Download Detailed Brochure
            </a>
        </section>
    </main>

    <script>
        // Tab functionality for specializations
        const tabButtons = document.querySelectorAll('.tab-btn');
        const tabContents = document.querySelectorAll('.specialization-content');
        
        tabButtons.forEach(button => {
            button.addEventListener('click', () => {
                // Remove active class from all buttons and contents
                tabButtons.forEach(btn => btn.classList.remove('active'));
                tabContents.forEach(content => content.classList.remove('active'));
                
                // Add active class to clicked button
                button.classList.add('active');
                
                // Show corresponding content
                const tabId = button.getAttribute('data-tab');
                document.getElementById(`${tabId}-tab`).classList.add('active');
            });
        });
        
        // Accordion functionality for semester curriculum
        const semesterHeaders = document.querySelectorAll('.semester-header');
        
        semesterHeaders.forEach(header => {
            header.addEventListener('click', () => {
                const content = header.nextElementSibling;
                const icon = header.querySelector('i');
                
                // Toggle active class
                header.classList.toggle('active');
                content.classList.toggle('active');
                
                // Rotate icon
                if (header.classList.contains('active')) {
                    icon.style.transform = 'rotate(180deg)';
                } else {
                    icon.style.transform = 'rotate(0deg)';
                }
            });
        });
        
        // Initialize first semester as open
        document.querySelector('.semester-header').click();
        
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                if (targetId !== '#') {
                    const targetElement = document.querySelector(targetId);
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 80,
                            behavior: 'smooth'
                        });
                    }
                }
            });
        });
        
        // Animate elements on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, observerOptions);
        
        // Observe all animated sections
        document.querySelectorAll('.overview-section, .why-choose-section, .specializations-section, .curriculum-section, .career-section, .admission-section, .cta-section').forEach(section => {
            observer.observe(section);
        });
        
        // Randomize floating shapes
        document.addEventListener('DOMContentLoaded', () => {
            const shapes = document.querySelectorAll('.shape');
            shapes.forEach(shape => {
                // Randomize size
                const randomSize = Math.random() * 80 + 40;
                shape.style.width = `${randomSize}px`;
                shape.style.height = `${randomSize}px`;
                
                // Randomize position
                const randomTop = Math.random() * 80 + 10;
                const randomLeft = Math.random() * 80 + 10;
                shape.style.top = `${randomTop}%`;
                shape.style.left = `${randomLeft}%`;
                
                // Randomize animation duration
                const randomDuration = Math.random() * 15 + 20;
                shape.style.animationDuration = `${randomDuration}s`;
            });
        });
    </script>


<?php
include("footer.php");


?>