<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MCA 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-laptop-code"></i> Master's in Computer Applications
            </div>
            
            <h1 class="course-title">Master of Computer Applications (MCA)</h1>
            <p class="course-subtitle">
                Advance your IT career with our comprehensive MCA program designed to create skilled software professionals, developers, and IT managers for the digital economy.
            </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)</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>Bachelor's Degree in Any Stream</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 & AICTE Approved</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 Computer Applications (MCA) is a professional postgraduate degree program that focuses on advanced concepts in computer science, software development, and information technology. This comprehensive program bridges the gap between IT industry requirements and academic learning by providing both theoretical knowledge and practical skills.</p>
                
                <p>Designed to produce skilled software professionals and IT managers, the MCA program covers modern programming languages, software engineering principles, database management, networking, web technologies, and emerging technologies like AI and cloud computing. Graduates are equipped to handle complex IT challenges in the digital era.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive curriculum covering latest technologies and programming paradigms</li>
                    <li><i class="fas fa-check-circle"></i> Emphasis on practical programming, software development, and project work</li>
                    <li><i class="fas fa-check-circle"></i> Industry-aligned specializations in emerging IT domains</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on training with modern tools, frameworks, and platforms</li>
                    <li><i class="fas fa-check-circle"></i> Industry internships and live project opportunities with IT companies</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose MCA Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose MCA?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-code"></i>
                    </div>
                    <h4>High Demand in IT Industry</h4>
                    <p>MCA graduates are highly sought after by IT companies for software development, system analysis, and IT management roles with attractive salary packages.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Career Growth & Leadership</h4>
                    <p>The program prepares you for leadership positions like Project Manager, System Analyst, IT Consultant, and Technology Architect with rapid career progression.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h4>Global Opportunities</h4>
                    <p>IT skills are globally transferable, opening doors to international career opportunities in multinational corporations and global tech hubs.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h4>Versatile Skill Set</h4>
                    <p>Gain expertise in programming, database management, networking, web technologies, and emerging fields like AI, data science, and cybersecurity.</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="software">Software Development</button>
                <button class="tab-btn" data-tab="data">Data Science</button>
                <button class="tab-btn" data-tab="cyber">Cyber Security</button>
                <button class="tab-btn" data-tab="cloud">Cloud Computing</button>
                <button class="tab-btn" data-tab="mobile">Mobile Computing</button>
            </div>
            
            <div class="specialization-content active" id="software-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Software Development & Engineering</h3>
                    <span class="specialization-level">Full-Stack Development</span>
                </div>
                <p>This specialization focuses on software engineering principles, full-stack development, agile methodologies, and software project management. Prepares students for roles in software development, testing, and maintenance.</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-layer-group"></i>
                        <span>Full-Stack Web Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-project-diagram"></i>
                        <span>Software Engineering & Agile Methodologies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>Advanced Database Management Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-mobile-alt"></i>
                        <span>Application Development Frameworks</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-code-branch"></i>
                        <span>DevOps & Continuous Integration</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tasks"></i>
                        <span>Software Testing & Quality Assurance</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="data-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Data Science & Analytics</h3>
                    <span class="specialization-level">Big Data Analytics</span>
                </div>
                <p>Focuses on data mining, machine learning, statistical analysis, and big data technologies. Prepares students for roles in data analysis, business intelligence, and predictive modeling across various industries.</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-chart-bar"></i>
                        <span>Data Mining & Warehousing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-brain"></i>
                        <span>Machine Learning & AI</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>Big Data Technologies (Hadoop, Spark)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-line"></i>
                        <span>Statistical Analysis & Predictive Modeling</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-eye"></i>
                        <span>Data Visualization Tools</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-industry"></i>
                        <span>Business Intelligence Systems</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="cyber-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Cyber Security & Forensics</h3>
                    <span class="specialization-level">Information Security</span>
                </div>
                <p>Covers network security, ethical hacking, digital forensics, cryptography, and security management. Prepares students for roles in cybersecurity, information security, and digital forensics.</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-shield-alt"></i>
                        <span>Network Security & Cryptography</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-secret"></i>
                        <span>Ethical Hacking & Penetration Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-search"></i>
                        <span>Digital Forensics & Investigation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-lock"></i>
                        <span>Information Security Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bug"></i>
                        <span>Malware Analysis & Reverse Engineering</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-gavel"></i>
                        <span>Cyber Laws & Compliance</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="cloud-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Cloud Computing & DevOps</h3>
                    <span class="specialization-level">Cloud Technologies</span>
                </div>
                <p>Focuses on cloud architecture, virtualization, containerization, and DevOps practices. Prepares students for roles in cloud administration, DevOps engineering, and cloud solution architecture.</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-cloud"></i>
                        <span>Cloud Architecture & Services (AWS, Azure, GCP)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-server"></i>
                        <span>Virtualization & Containerization (Docker, Kubernetes)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-code-branch"></i>
                        <span>DevOps Tools & Practices</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-sync-alt"></i>
                        <span>Continuous Integration & Deployment</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-network-wired"></i>
                        <span>Cloud Networking & Security</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tasks"></i>
                        <span>Infrastructure as Code (Terraform, CloudFormation)</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="mobile-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Mobile Computing & Applications</h3>
                    <span class="specialization-level">Mobile Technologies</span>
                </div>
                <p>Covers mobile application development, mobile platforms, responsive design, and emerging mobile technologies. Prepares students for roles in mobile app development and mobile technology consulting.</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-mobile-alt"></i>
                        <span>Android & iOS Application Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-paint-brush"></i>
                        <span>Mobile UI/UX Design Principles</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-sync"></i>
                        <span>Cross-Platform Development (React Native, Flutter)</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-wifi"></i>
                        <span>Mobile Networks & Wireless Technologies</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>Mobile Security & Application Testing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-gamepad"></i>
                        <span>Mobile Gaming & AR/VR Applications</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 MCA program follows a semester system with 4 semesters over 2 years. The curriculum includes theoretical courses, practical laboratory sessions, seminars, projects, and a 6-month industry internship.
            </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: Foundation & Core Programming</h4>
                        <span style="color: #4facfe; font-weight: 600;">Programming Fundamentals</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>MCA101</td>
                                    <td>Advanced Programming in C & C++</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA102</td>
                                    <td>Discrete Mathematics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA103</td>
                                    <td>Computer Organization & Architecture</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA104</td>
                                    <td>Database Management Systems</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MCA105</td>
                                    <td>Business Communication & Ethics</td>
                                    <td>3</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: Advanced Technologies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Web & Software Engineering</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>MCA201</td>
                                    <td>Java Programming & Web Technologies</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MCA202</td>
                                    <td>Data Structures & Algorithms</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MCA203</td>
                                    <td>Operating Systems & Linux Administration</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA204</td>
                                    <td>Software Engineering & Project Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA205</td>
                                    <td>Object Oriented Analysis & Design</td>
                                    <td>3</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: Specialization & Networking</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>MCA301</td>
                                    <td>Computer Networks & Security</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>MCA302</td>
                                    <td>Python Programming & Scripting</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA303</td>
                                    <td>Elective-I (Specialization Core)</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA304</td>
                                    <td>Elective-II (Specialization Core)</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA305</td>
                                    <td>Mini Project & Seminar</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: Project & Internship</h4>
                        <span style="color: #4facfe; font-weight: 600;">Industry Application</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>MCA401</td>
                                    <td>Elective-III (Advanced Specialization)</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>MCA402</td>
                                    <td>Industry Internship (6 months)</td>
                                    <td>12</td>
                                </tr>
                                <tr>
                                    <td>MCA403</td>
                                    <td>Major Project Work</td>
                                    <td>10</td>
                                </tr>
                                <tr>
                                    <td>MCA404</td>
                                    <td>Research Methodology & Technical Writing</td>
                                    <td>2</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;">
                MCA graduates are in high demand across IT companies, corporate IT departments, consulting firms, and government organizations. Here are some of the promising career paths available:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-code"></i>
                    </div>
                    <h4>Software Developer/Engineer</h4>
                    <p>Design, develop, and maintain software applications, systems, and solutions for various domains and platforms</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-database"></i>
                    </div>
                    <h4>Database Administrator</h4>
                    <p>Manage, maintain, and secure organizational databases, ensuring data availability, integrity, and performance</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>System Analyst</h4>
                    <p>Analyze business requirements and design IT solutions to improve organizational processes and efficiency</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-network-wired"></i>
                    </div>
                    <h4>Network Administrator</h4>
                    <p>Design, implement, and maintain computer networks, ensuring connectivity, security, and optimal performance</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h4>Cyber Security Analyst</h4>
                    <p>Protect organizational information systems from cyber threats, vulnerabilities, and security breaches</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-project-diagram"></i>
                    </div>
                    <h4>IT Project Manager</h4>
                    <p>Lead IT projects from conception to completion, managing teams, budgets, timelines, and deliverables</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 MCA program, candidates must meet the following criteria:
            </p>
            
            <div class="eligibility-list">
                <div class="eligibility-item">
                    <i class="fas fa-user-graduate"></i>
                    <div>
                        <strong>Educational Qualification:</strong> Bachelor's degree in any discipline with Mathematics at 10+2 or graduation level
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 50-60% aggregate marks in graduation (45-55% for reserved categories)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> National or State-level MCA entrance tests (NIMCET, MAH MCA CET, etc.) or university-specific tests
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-laptop-code"></i>
                    <div>
                        <strong>Computer Proficiency:</strong> Basic knowledge of computer programming and mathematics is preferred
                    </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 eligibility criteria for desired universities/institutions</li>
                    <li><i class="fas fa-arrow-right"></i> Register for relevant MCA entrance examinations</li>
                    <li><i class="fas fa-arrow-right"></i> Submit online/offline application forms with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling sessions based on entrance exam rank</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities and fee payment upon selection</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Launch Your IT Career Today</h2>
            <p class="cta-description">
                Take the next step toward a successful career in information technology. Our MCA program provides the perfect combination of theoretical knowledge and practical skills to make you industry-ready and open doors to exciting opportunities in the tech world.
            </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>
</body>
</html>

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