<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DCA 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> Diploma in Computer Applications
            </div>
            
            <h1 class="course-title">Diploma in Computer Applications (DCA)</h1>
            <p class="course-subtitle">
                Master essential computer skills and applications with our comprehensive DCA program designed to make you proficient in today's digital workplace.
            </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>6-12 Months (Flexible)</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>10+2 or Equivalent</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>Govt. Recognized Diploma</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 Diploma in Computer Applications (DCA) is a comprehensive computer education program designed to provide students with practical skills in various computer applications and software tools. This program equips learners with essential digital literacy, office automation skills, and foundational programming knowledge required for today's technology-driven workplace.</p>
                
                <p>DCA covers a wide range of computer applications from basic computer fundamentals to advanced software tools, making it an ideal course for beginners and those looking to upgrade their computer skills for better career opportunities in both government and private sectors.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive coverage of essential computer applications</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on training with latest software tools</li>
                    <li><i class="fas fa-check-circle"></i> Industry-relevant curriculum with practical projects</li>
                    <li><i class="fas fa-check-circle"></i> Focus on office automation and productivity tools</li>
                    <li><i class="fas fa-check-circle"></i> Basic programming and database management skills</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose DCA Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose DCA?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>High Employability</h4>
                    <p>Computer skills are required in almost every industry, making DCA graduates highly employable across various sectors.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-rocket"></i>
                    </div>
                    <h4>Quick Career Entry</h4>
                    <p>Short duration program that enables quick entry into the job market with practical, immediately applicable skills.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-laptop-house"></i>
                    </div>
                    <h4>Flexible Career Options</h4>
                    <p>Work in offices, educational institutions, government departments, or even start your own computer training center.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4>Foundation for Higher Studies</h4>
                    <p>Provides a strong foundation for advanced computer courses like BCA, MCA, and other IT certifications.</p>
                </div>
            </div>
        </section>
        
        <!-- Specializations Section -->
        <section class="specializations-section">
            <h2 class="section-title">
                <i class="fas fa-graduation-cap"></i>
                Course Modules
            </h2>
            
            <div class="specialization-tabs">
                <button class="tab-btn active" data-tab="foundation">Foundation Modules</button>
                <button class="tab-btn" data-tab="office">Office Applications</button>
                <button class="tab-btn" data-tab="programming">Programming & Web</button>
                <button class="tab-btn" data-tab="advanced">Advanced Modules</button>
            </div>
            
            <div class="specialization-content active" id="foundation-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Foundation Computer Skills</h3>
                    <span class="specialization-level">Basic to Intermediate</span>
                </div>
                <p>These modules cover fundamental computer concepts and essential skills that form the basis of all computer applications and operations.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Modules:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-desktop"></i>
                        <span>Computer Fundamentals & Operating Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-keyboard"></i>
                        <span>Typing Skills & Data Entry Operations</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-folder-open"></i>
                        <span>File Management & System Operations</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>Computer Security & Virus Protection</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-network-wired"></i>
                        <span>Internet Basics & Online Safety</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-print"></i>
                        <span>Peripheral Devices & Troubleshooting</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="office-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Office Applications Suite</h3>
                    <span class="specialization-level">Productivity Tools</span>
                </div>
                <p>Comprehensive training in Microsoft Office Suite and other productivity software used in professional environments worldwide.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Applications Covered:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-file-word"></i>
                        <span>MS Word - Document Processing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-excel"></i>
                        <span>MS Excel - Spreadsheets & Data Analysis</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-powerpoint"></i>
                        <span>MS PowerPoint - Presentations</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>MS Access - Database Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-envelope"></i>
                        <span>MS Outlook - Email & Calendar</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-alt"></i>
                        <span>Google Workspace Applications</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="programming-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Programming & Web Development</h3>
                    <span class="specialization-level">Coding Fundamentals</span>
                </div>
                <p>Introduction to programming concepts, web technologies, and database management systems for building basic applications.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Technical Modules:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-code"></i>
                        <span>C Programming Fundamentals</span>
                    </div>
                    <div class="subject-item">
                        <i class="fab fa-html5"></i>
                        <span>HTML5 & CSS3 for Web Design</span>
                    </div>
                    <div class="subject-item">
                        <i class="fab fa-js"></i>
                        <span>JavaScript Basics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>SQL & Database Concepts</span>
                    </div>
                    <div class="subject-item">
                        <i class="fab fa-php"></i>
                        <span>PHP Basics for Web Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-paint-brush"></i>
                        <span>Web Design Principles</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="advanced-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Advanced Computer Applications</h3>
                    <span class="specialization-level">Specialized Skills</span>
                </div>
                <p>Specialized modules covering graphics, accounting software, and other advanced applications for specific professional needs.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Specialized Applications:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-paint-brush"></i>
                        <span>Adobe Photoshop - Image Editing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-chart-bar"></i>
                        <span>Tally - Accounting Software</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-video"></i>
                        <span>Video Editing Basics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-file-invoice-dollar"></i>
                        <span>Financial Applications</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shopping-cart"></i>
                        <span>E-commerce Fundamentals</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-cloud"></i>
                        <span>Cloud Computing Basics</span>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Curriculum Section -->
        <section class="curriculum-section">
            <h2 class="section-title">
                <i class="fas fa-book"></i>
                Course Curriculum
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                The DCA program is divided into modules that progressively build your computer skills from basic to advanced levels. The curriculum is designed to provide both theoretical knowledge and practical hands-on experience.
            </p>
            
            <div class="semester-accordion">
                <!-- Module 1 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Module 1: Computer Fundamentals</h4>
                        <span style="color: #4facfe; font-weight: 600;">Basic Concepts</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DCA101</td>
                                    <td>Introduction to Computers & Hardware</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA102</td>
                                    <td>Operating Systems (Windows/Linux)</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA103</td>
                                    <td>Internet & Email Operations</td>
                                    <td>3 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA104</td>
                                    <td>Computer Security Basics</td>
                                    <td>2 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA105</td>
                                    <td>Typing Skills Development</td>
                                    <td>3 Weeks</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Module 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Module 2: Office Automation</h4>
                        <span style="color: #4facfe; font-weight: 600;">MS Office Suite</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DCA201</td>
                                    <td>MS Word - Advanced Document Processing</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA202</td>
                                    <td>MS Excel - Formulas, Functions & Charts</td>
                                    <td>6 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA203</td>
                                    <td>MS PowerPoint - Professional Presentations</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA204</td>
                                    <td>MS Access - Database Management</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA205</td>
                                    <td>Google Docs, Sheets & Slides</td>
                                    <td>3 Weeks</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Module 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Module 3: Web Technologies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Internet & Web Development</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DCA301</td>
                                    <td>HTML5 - Web Page Structure</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA302</td>
                                    <td>CSS3 - Styling & Layout</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA303</td>
                                    <td>JavaScript - Client-side Scripting</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA304</td>
                                    <td>Web Design Principles</td>
                                    <td>3 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA305</td>
                                    <td>Introduction to Content Management Systems</td>
                                    <td>3 Weeks</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Module 4 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Module 4: Programming & Database</h4>
                        <span style="color: #4facfe; font-weight: 600;">Coding Fundamentals</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DCA401</td>
                                    <td>C Programming Basics</td>
                                    <td>6 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA402</td>
                                    <td>Database Concepts & SQL</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA403</td>
                                    <td>PHP Basics for Web Development</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA404</td>
                                    <td>Software Development Life Cycle</td>
                                    <td>3 Weeks</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Module 5 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Module 5: Specialized Applications</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Tools</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DCA501</td>
                                    <td>Adobe Photoshop - Graphics Design</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA502</td>
                                    <td>Tally - Accounting Software</td>
                                    <td>5 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA503</td>
                                    <td>Video Editing Basics</td>
                                    <td>4 Weeks</td>
                                </tr>
                                <tr>
                                    <td>DCA504</td>
                                    <td>Project Work & Portfolio Development</td>
                                    <td>4 Weeks</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;">
                DCA graduates are equipped with versatile computer skills that open doors to various job opportunities in both government and private sectors. Here are some of the promising career paths:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-desktop"></i>
                    </div>
                    <h4>Computer Operator</h4>
                    <p>Work in offices, banks, educational institutions, and government departments handling daily computer operations</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-file-excel"></i>
                    </div>
                    <h4>Data Entry Operator</h4>
                    <p>Handle data entry, processing, and management in various industries including healthcare, finance, and retail</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chalkboard-teacher"></i>
                    </div>
                    <h4>Computer Instructor</h4>
                    <p>Teach basic computer skills in schools, coaching centers, or community education programs</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <h4>Office Assistant</h4>
                    <p>Provide administrative support with proficiency in office software and computer applications</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-laptop-code"></i>
                    </div>
                    <h4>Web Designer</h4>
                    <p>Create and maintain websites for small businesses and organizations using web design skills</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Accounts Assistant</h4>
                    <p>Work with accounting software like Tally for maintaining financial records and transactions</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 DCA 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> 10+2 (Higher Secondary) pass from any recognized board
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 40-50% aggregate marks in qualifying examination
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-birthday-cake"></i>
                    <div>
                        <strong>Age Limit:</strong> Minimum 16 years, no upper age limit (may vary by institution)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-laptop"></i>
                    <div>
                        <strong>Basic Requirements:</strong> No prior computer knowledge required - course starts from basics
                    </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 of desired institutions</li>
                    <li><i class="fas fa-arrow-right"></i> Submit application form with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Some institutions may conduct basic aptitude test</li>
                    <li><i class="fas fa-arrow-right"></i> Direct admission based on merit in most cases</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities and fee payment</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Master Essential Computer Skills</h2>
            <p class="cta-description">
                Take the first step toward digital literacy and career advancement. Our DCA program provides comprehensive computer training that makes you proficient in essential applications and prepares you for today's technology-driven workplace.
            </p>
            <a href="#" class="cta-button">
                <i class="fas fa-file-alt"></i>
                Download Detailed Syllabus
            </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");
?>