<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Diploma in Hotel Management | 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-concierge-bell"></i> Diploma in Hospitality
            </div>
            
            <h1 class="course-title">Diploma in Hotel Management</h1>
            <p class="course-subtitle">
                Launch your career in the dynamic hospitality industry with our comprehensive Hotel Management program designed to create skilled professionals for global opportunities.
            </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>1-3 Years (Flexible Options)</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>Government & Industry Recognized</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!-- Main Course Content -->
    <main class="course-content">
        <!-- Overview Section -->
        <section class="overview-section">
            <h2 class="section-title">
                <i class="fas fa-info-circle"></i>
                Course Overview
            </h2>
            
            <div class="overview-text">
                <p>The Diploma in Hotel Management is a comprehensive program designed to equip students with the essential skills and knowledge required to excel in the dynamic hospitality industry. This program combines theoretical learning with extensive practical training to prepare students for diverse roles in hotels, restaurants, resorts, and other hospitality establishments.</p>
                
                <p>With a focus on customer service excellence, operational efficiency, and management skills, this diploma program covers all aspects of hotel operations including front office, housekeeping, food production, food & beverage service, and hospitality marketing.</p>
            </div>
            
            <div class="highlight-box">
                <h4>Key Program Features</h4>
                <ul>
                    <li><i class="fas fa-check-circle"></i> Comprehensive coverage of all hotel operational departments</li>
                    <li><i class="fas fa-check-circle"></i> Hands-on training in simulated hotel environments</li>
                    <li><i class="fas fa-check-circle"></i> Industry internships in leading hotels and resorts</li>
                    <li><i class="fas fa-check-circle"></i> Focus on soft skills and personality development</li>
                    <li><i class="fas fa-check-circle"></i> International exposure through exchange programs</li>
                </ul>
            </div>
        </section>
        
        <!-- Why Choose Hotel Management Section -->
        <section class="why-choose-section">
            <h2 class="section-title">
                <i class="fas fa-star"></i>
                Why Choose Hotel Management?
            </h2>
            
            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h4>Global Career Opportunities</h4>
                    <p>The hospitality industry operates worldwide, offering opportunities to work in different countries and cultures with excellent growth prospects.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h4>Dynamic Work Environment</h4>
                    <p>Every day brings new challenges and opportunities to interact with diverse people, making the work exciting and never monotonous.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h4>Rapid Career Growth</h4>
                    <p>The hospitality industry offers fast-track career progression with opportunities to reach managerial positions in a short time frame.</p>
                </div>
                
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <h4>Creative Expression</h4>
                    <p>From culinary arts to event management, hotel management allows for creative expression and innovation in service delivery.</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="fbs">Food & Beverage Service</button>
                <button class="tab-btn" data-tab="kitchen">Kitchen Operations</button>
                <button class="tab-btn" data-tab="front">Front Office Operations</button>
                <button class="tab-btn" data-tab="housekeeping">Housekeeping Management</button>
            </div>
            
            <div class="specialization-content active" id="fbs-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Food & Beverage Service</h3>
                    <span class="specialization-level">Service Excellence</span>
                </div>
                <p>This specialization focuses on the art of serving food and beverages in various hospitality establishments. Covers restaurant operations, bar management, banquets, and room service with emphasis on customer satisfaction.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-wine-glass-alt"></i>
                        <span>Beverage Service & Bar Operations</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-utensils"></i>
                        <span>Restaurant Service Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-glass-cheers"></i>
                        <span>Banquet Operations & Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-concierge-bell"></i>
                        <span>Room Service Operations</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-cocktail"></i>
                        <span>Mixology & Bartending Skills</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-tie"></i>
                        <span>Food & Beverage Management</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="kitchen-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Kitchen Operations (Culinary Arts)</h3>
                    <span class="specialization-level">Culinary Excellence</span>
                </div>
                <p>Focuses on culinary skills, food production, kitchen management, and gastronomy. Covers various cuisines, baking, pastry, hygiene standards, and kitchen safety protocols.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-utensil-spoon"></i>
                        <span>Fundamentals of Cookery</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-bread-slice"></i>
                        <span>Bakery & Confectionery</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-globe-americas"></i>
                        <span>International Cuisines</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-apple-alt"></i>
                        <span>Food Safety & Hygiene</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-list"></i>
                        <span>Kitchen Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-balance-scale"></i>
                        <span>Nutrition & Menu Planning</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="front-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Front Office Operations</h3>
                    <span class="specialization-level">Guest Relations</span>
                </div>
                <p>Covers reception operations, reservations, guest services, concierge, and communication skills. Focuses on creating excellent first impressions and managing guest experiences.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-hotel"></i>
                        <span>Reservation Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-user-check"></i>
                        <span>Check-in & Check-out Procedures</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-headset"></i>
                        <span>Guest Relations & Services</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-phone-alt"></i>
                        <span>Telephone Etiquette & PBX</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-comments-dollar"></i>
                        <span>Front Office Accounting</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-laptop"></i>
                        <span>Hotel Software Operations</span>
                    </div>
                </div>
            </div>
            
            <div class="specialization-content" id="housekeeping-tab">
                <div class="specialization-header">
                    <h3 class="specialization-title">Housekeeping Management</h3>
                    <span class="specialization-level">Cleanliness Standards</span>
                </div>
                <p>Focuses on maintaining cleanliness, hygiene, and aesthetic appeal of hotel premises. Covers linen management, laundry operations, pest control, and supervision of housekeeping staff.</p>
                
                <h4 style="margin: 25px 0 15px; color: #1e3a8a;">Core Focus Areas:</h4>
                <div class="subject-list">
                    <div class="subject-item">
                        <i class="fas fa-broom"></i>
                        <span>Cleaning Science & Techniques</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-tshirt"></i>
                        <span>Linen & Laundry Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-spray-can"></i>
                        <span>Pest Control Management</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-leaf"></i>
                        <span>Interior Decoration & Floristry</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-clipboard-check"></i>
                        <span>Quality Control in Housekeeping</span>
                    </div>
                    <div class="subject-item">
                        <i class="fas fa-people-carry"></i>
                        <span>Supervisory Skills Training</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 Diploma in Hotel Management follows a semester system with theoretical classes, practical training, and industry exposure. The curriculum is designed to develop comprehensive hospitality management competencies.
            </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 Hospitality Concepts</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>HMD101</td>
                                    <td>Introduction to Hospitality Industry</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD102</td>
                                    <td>Principles of Food Production</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD103</td>
                                    <td>Food & Beverage Service Basics</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD104</td>
                                    <td>Communication Skills in Hospitality</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>HMD105</td>
                                    <td>Food Safety & Hygiene</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 2 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 2: Core Operations</h4>
                        <span style="color: #4facfe; font-weight: 600;">Departmental Operations</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>HMD201</td>
                                    <td>Front Office Operations</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD202</td>
                                    <td>Housekeeping Operations</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD203</td>
                                    <td>Bakery & Confectionery</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD204</td>
                                    <td>Beverage Service & Bar Operations</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD205</td>
                                    <td>Hospitality Accounting</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 3 -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 3: Advanced Operations</h4>
                        <span style="color: #4facfe; font-weight: 600;">Specialized Training</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>HMD301</td>
                                    <td>Advanced Food Production</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>HMD302</td>
                                    <td>Food & Beverage Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD303</td>
                                    <td>Hotel Law & Security Management</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>HMD304</td>
                                    <td>Hospitality Marketing & Sales</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD305</td>
                                    <td>Nutrition & Dietetics</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: Industry Exposure</h4>
                        <span style="color: #4facfe; font-weight: 600;">Practical Application</span>
                    </div>
                    <div class="semester-content">
                        <table class="subject-table">
                            <thead>
                                <tr>
                                    <th>Subject Code</th>
                                    <th>Subject Name</th>
                                    <th>Credits</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>HMD401</td>
                                    <td>Industrial Training (4 months)</td>
                                    <td>12</td>
                                </tr>
                                <tr>
                                    <td>HMD402</td>
                                    <td>Training Report & Viva Voce</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD403</td>
                                    <td>Event Management</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>HMD404</td>
                                    <td>Entrepreneurship in Hospitality</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 5 (For 3-year program) -->
                <div class="semester-item">
                    <div class="semester-header">
                        <h4><i class="fas fa-chevron-down"></i> Semester 5: Management Focus</h4>
                        <span style="color: #4facfe; font-weight: 600;">Supervisory Skills</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>HMD501</td>
                                    <td>Human Resource Management</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD502</td>
                                    <td>Financial Management for Hotels</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD503</td>
                                    <td>Strategic Management in Hospitality</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD504</td>
                                    <td>Tourism Management</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>HMD505</td>
                                    <td>Research Methodology</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <!-- Semester 6 (For 3-year program) -->
                <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;">Specialization & 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>HMD601</td>
                                    <td>Specialization Elective</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD602</td>
                                    <td>Hospitality Information Systems</td>
                                    <td>4</td>
                                </tr>
                                <tr>
                                    <td>HMD603</td>
                                    <td>Customer Relationship Management</td>
                                    <td>3</td>
                                </tr>
                                <tr>
                                    <td>HMD604</td>
                                    <td>Major Project Work</td>
                                    <td>8</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;">
                A Diploma in Hotel Management opens doors to diverse career paths in the global hospitality industry. Here are some of the exciting opportunities available to graduates:
            </p>
            
            <div class="career-grid">
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-concierge-bell"></i>
                    </div>
                    <h4>Front Office Executive</h4>
                    <p>Manage reception, reservations, guest services, and check-in/check-out operations in hotels and resorts</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <h4>Food & Beverage Manager</h4>
                    <p>Oversee restaurant operations, banquet services, bar management, and food service quality</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-cheese"></i>
                    </div>
                    <h4>Chef de Partie</h4>
                    <p>Specialize in specific kitchen sections like sauces, pastries, vegetables, or meat preparation</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-broom"></i>
                    </div>
                    <h4>Housekeeping Supervisor</h4>
                    <p>Manage cleaning operations, linen services, pest control, and maintenance of hotel premises</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-plane"></i>
                    </div>
                    <h4>Cabin Crew</h4>
                    <p>Work with airlines providing in-flight services, passenger safety, and hospitality at 30,000 feet</p>
                </div>
                
                <div class="career-card">
                    <div class="career-icon">
                        <i class="fas fa-calendar-alt"></i>
                    </div>
                    <h4>Event Manager</h4>
                    <p>Plan and execute weddings, conferences, exhibitions, and corporate events in hotels and venues</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 Diploma in Hotel Management 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> Pass in 10th standard (SSC) or 12th standard (HSC) from a 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-language"></i>
                    <div>
                        <strong>Language Proficiency:</strong> Good communication skills in English (spoken and written)
                    </div>
                </div>
                
                <div class="eligibility-item">
                    <i class="fas fa-user-check"></i>
                    <div>
                        <strong>Additional Requirements:</strong> Personal interview, group discussion, and medical fitness certificate
                    </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> Submit application form with required documents</li>
                    <li><i class="fas fa-arrow-right"></i> Appear for written test (if applicable)</li>
                    <li><i class="fas fa-arrow-right"></i> Attend personal interview and group discussion</li>
                    <li><i class="fas fa-arrow-right"></i> Complete admission formalities upon selection</li>
                </ul>
            </div>
        </section>
        
        <!-- CTA Section -->
        <section class="cta-section">
            <h2 class="cta-title">Begin Your Hospitality Journey</h2>
            <p class="cta-description">
                Take the first step toward an exciting career in the global hospitality industry. Our Hotel Management program provides the perfect blend of theoretical knowledge and practical skills to make you industry-ready and open doors to worldwide 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");
?>