<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Polytechnic 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-cogs"></i> Diploma in Technical Education
            </div>
            
            <h1 class="course-title">Polytechnic Diploma Courses</h1>
            <p class="course-subtitle">
                Launch your technical career with our industry-focused Polytechnic programs designed to create skilled engineers and technicians for the modern workforce.
            </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>3 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>Class 10th or 12th Pass</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>AICTE & State Board 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 Polytechnic Diploma is a comprehensive technical education program that provides hands-on training in various engineering and technological fields. Designed as an intermediate qualification between secondary education and engineering degree, this program equips students with practical skills and theoretical knowledge essential for technical careers.</p>
                
                <p>Polytechnic education focuses on applied learning, industrial training, and skill development to prepare students for immediate employment or further technical education. The curriculum balances classroom instruction with laboratory work, workshops, and industry internships to ensure graduates are job-ready.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Industry-aligned curriculum with practical training focus</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on workshops and laboratory sessions</li>
                    <li><i class="fas fa-check-circle"></i> 6-month industrial training/ internship mandatory</li>
                    <li><i class="fas fa-check-circle"></i> Modern laboratories with latest equipment and technology</li>
                    <li><i class="fas fa-check-circle"></i> Direct entry to 2nd year engineering degree (Lateral Entry)</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose Polytechnic Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose Polytechnic?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h4>Early Career Start</h4>
                    <p>Begin your technical career 3-4 years earlier than engineering graduates with immediate job opportunities after diploma completion.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-hands-helping"></i>
                    </div>
                    <h4>Practical Skill Focus</h4>
                    <p>Emphasis on hands-on training and practical applications rather than just theoretical knowledge, making you industry-ready.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4>Lateral Entry Advantage</h4>
                    <p>Direct admission to 2nd year of engineering degree (B.Tech/B.E.) through lateral entry, saving time and money.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-industry"></i>
                    </div>
                    <h4>Industry Demand</h4>
                    <p>High demand for diploma holders in manufacturing, construction, automotive, and IT sectors with attractive starting salaries.</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="civil">Civil Engineering</button>
                <button class="tab-btn" data-tab="mechanical">Mechanical Engineering</button>
                <button class="tab-btn" data-tab="electrical">Electrical Engineering</button>
                <button class="tab-btn" data-tab="computer">Computer Science</button>
                <button class="tab-btn" data-tab="electronics">Electronics</button>
            </div>
            
            <div class="specialization-content active" id="civil-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Civil Engineering</h3>
                    <span class="specialization-level">Construction Focus</span>
                </div>
                <p>This specialization prepares students for careers in construction, infrastructure development, surveying, and building technology. Covers planning, design, and execution of construction projects.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-building"></i>
                        <span>Building Construction & Materials</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-road"></i>
                        <span>Surveying & Geotechnical Engineering</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tint"></i>
                        <span>Hydraulics & Water Resources</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-drafting-compass"></i>
                        <span>Structural Design & Drawing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tools"></i>
                        <span>Construction Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-hard-hat"></i>
                        <span>Estimation & Costing</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="mechanical-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Mechanical Engineering</h3>
                    <span class="specialization-level">Manufacturing Focus</span>
                </div>
                <p>Focuses on design, analysis, manufacturing, and maintenance of mechanical systems. Covers thermodynamics, machine design, production technology, and automotive engineering.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-cogs"></i>
                        <span>Thermodynamics & Heat Transfer</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-industry"></i>
                        <span>Manufacturing Technology</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-car"></i>
                        <span>Automobile Engineering</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-toolbox"></i>
                        <span>Machine Design & Drawing</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-wrench"></i>
                        <span>Workshop Technology</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-robot"></i>
                        <span>CAD/CAM & Automation</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="electrical-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Electrical Engineering</h3>
                    <span class="specialization-level">Power Systems Focus</span>
                </div>
                <p>Covers generation, transmission, distribution, and utilization of electrical energy. Includes power systems, electrical machines, control systems, and renewable energy technologies.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-bolt"></i>
                        <span>Electrical Circuits & Machines</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-solar-panel"></i>
                        <span>Power Generation & Transmission</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microchip"></i>
                        <span>Control Systems & Instrumentation</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-charging-station"></i>
                        <span>Renewable Energy Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-home"></i>
                        <span>Electrical Installation & Wiring</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-plug"></i>
                        <span>Switchgear & Protection</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="computer-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Computer Science & Engineering</h3>
                    <span class="specialization-level">IT & Software Focus</span>
                </div>
                <p>Focuses on software development, computer networks, database management, and web technologies. Prepares students for IT industry roles and software development careers.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-laptop-code"></i>
                        <span>Programming & Data Structures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-database"></i>
                        <span>Database Management Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-network-wired"></i>
                        <span>Computer Networks & Security</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-globe"></i>
                        <span>Web Technologies & Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-mobile-alt"></i>
                        <span>Mobile Application Development</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-shield-alt"></i>
                        <span>Cybersecurity Fundamentals</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="electronics-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Electronics & Communication</h3>
                    <span class="specialization-level">Electronics Focus</span>
                </div>
                <p>Covers electronic circuits, communication systems, embedded systems, and digital electronics. Prepares students for electronics manufacturing, telecommunications, and IoT industries.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Subjects:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-satellite-dish"></i>
                        <span>Analog & Digital Electronics</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-broadcast-tower"></i>
                        <span>Communication Systems</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-microchip"></i>
                        <span>Microprocessors & Controllers</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-wifi"></i>
                        <span>Wireless Communication</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-robot"></i>
                        <span>Embedded Systems & IoT</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tv"></i>
                        <span>Consumer Electronics</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 Polytechnic program follows a semester system with 6 semesters over 3 years. The curriculum includes theory classes, practical laboratory sessions, workshops, drawing/design classes, and mandatory industrial training.
            </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 Studies</h4>
                        <span style="color: #4facfe; font-weight: 600;">Basic Sciences & 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>POL101</td>
                                    <td>Applied Mathematics-I</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL102</td>
                                    <td>Applied Physics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL103</td>
                                    <td>Applied Chemistry</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL104</td>
                                    <td>Engineering Drawing</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>POL105</td>
                                    <td>Workshop Technology</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 2: Basic Engineering</h4>
                        <span style="color: #4facfe; font-weight: 600;">Core Engineering 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>POL201</td>
                                    <td>Applied Mathematics-II</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL202</td>
                                    <td>Basics of Electrical Engineering</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL203</td>
                                    <td>Basics of Electronics Engineering</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL204</td>
                                    <td>Engineering Mechanics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL205</td>
                                    <td>Computer Fundamentals & Programming</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 3: Specialization Core-I</h4>
                        <span style="color: #4facfe; font-weight: 600;">Branch-Specific Subjects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>POL301</td>
                                    <td>Strength of Materials</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL302</td>
                                    <td>Surveying</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL303</td>
                                    <td>Fluid Mechanics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL304</td>
                                    <td>Building Materials & Construction</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>POL305</td>
                                    <td>Environmental Studies</td>
                                    <td>3</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: Specialization Core-II</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Branch Subjects</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>POL401</td>
                                    <td>Structural Analysis</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>POL402</td>
                                    <td>Concrete Technology</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL403</td>
                                    <td>Hydraulics & Irrigation Engineering</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL404</td>
                                    <td>Estimating & Costing</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>POL405</td>
                                    <td>Professional Communication</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 5 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 5: Industrial Training</h4>
                        <span style="color: #4facfe; font-weight: 600;">Practical Industry Exposure</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>POL501</td>
                                    <td>Industrial Training (6 months)</td>
                                    <td>15</td>
                                </tr>
                                <tr>
                                    <td>POL502</td>
                                    <td>Training Report & Presentation</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>POL503</td>
                                    <td>Project Planning & Management</td>
                                    <td>4</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 6 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 6: Final Semester</h4>
                        <span style="color: #4facfe; font-weight: 600;">Advanced Topics & Project</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>POL601</td>
                                    <td>Transportation Engineering</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL602</td>
                                    <td>Environmental Engineering</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL603</td>
                                    <td>Elective Subject</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>POL604</td>
                                    <td>Major Project Work</td>
                                    <td>10</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Career Opportunities -->
        <section class="career-section">
            <h2 class="section-title">
                <i class="fas fa-briefcase"></i>
                Career Opportunities
            </h2>
            
            <p style="color: #475569; margin-bottom: 25px; font-size: 1.1rem;">
                Polytechnic diploma holders are in high demand across multiple industries. Here are some of the promising career paths available to graduates:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-hard-hat"></i>
                    </div>
                    <h4>Junior Engineer</h4>
                    <p>Work in construction, manufacturing, or infrastructure companies as site engineer, supervisor, or quality control engineer</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-desktop"></i>
                    </div>
                    <h4>Software Technician</h4>
                    <p>Work as junior software developer, web developer, network technician, or IT support engineer in technology companies</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-industry"></i>
                    </div>
                    <h4>Production Supervisor</h4>
                    <p>Supervise manufacturing processes, quality control, and production planning in industrial plants and factories</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h4>Maintenance Engineer</h4>
                    <p>Responsible for maintenance of machinery, equipment, electrical systems, or industrial plants</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-drafting-compass"></i>
                    </div>
                    <h4>Draughtsman</h4>
                    <p>Create technical drawings and plans for construction projects, machinery, or electrical systems using CAD software</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Technical Sales Engineer</h4>
                    <p>Combine technical knowledge with sales skills to sell engineering products, machinery, or technical services</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 Polytechnic diploma programs, 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> Pass in 10th standard (SSC) or 12th standard (HSC) with Science & Mathematics
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-percentage"></i>
                    <div>
                        <strong>Minimum Marks:</strong> Generally 35-50% aggregate marks in qualifying examination (varies by state)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-file-alt"></i>
                    <div>
                        <strong>Entrance Examination:</strong> State-level Polytechnic Entrance Test (PET) or direct admission based on merit
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-birthday-cake"></i>
                    <div>
                        <strong>Age Limit:</strong> Typically 15-20 years for 10th pass candidates (relaxation for reserved categories)
                    </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 and application deadlines</li>
                    <li><i class="fas fa-arrow-right"></i> Register for state Polytechnic Entrance Test (if applicable)</li>
                    <li><i class="fas fa-arrow-right"></i> Submit application form with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Attend counseling session for seat allotment</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">Start Your Technical Career Today</h2>
            <p class="cta-description">
                Take the first step toward a successful technical career. Our Polytechnic programs provide the perfect blend of theoretical knowledge and practical skills to make you industry-ready and open doors to exciting opportunities.
            </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");
?>