liuq
/
simple_navigation_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公司培训系统</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            min-height: 100vh;
            padding: 20px;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            overflow: hidden;
        }

        .header {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
        }

        .header h1 {
            font-size: 48px;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .header p {
            font-size: 20px;
            opacity: 0.95;
        }

        .content {
            padding: 50px 40px;
        }

        .section {
            margin-bottom: 50px;
        }

        .section h2 {
            font-size: 32px;
            color: #4facfe;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #4facfe;
        }

        .section p {
            font-size: 18px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

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

        .feature-card {
            background: linear-gradient(135deg, #e6f4ff 0%, #d0e8ff 100%);
            padding: 30px;
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(79, 172, 254, 0.3);
        }

        .feature-card h3 {
            font-size: 24px;
            color: #4facfe;
            margin-bottom: 15px;
        }

        .feature-card p {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }

        .back-button {
            display: inline-block;
            margin-top: 30px;
            padding: 15px 40px;
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 18px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .back-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(79, 172, 254, 0.4);
        }

        .icon {
            font-size: 40px;
            margin-bottom: 15px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>📚 公司培训系统</h1>
            <p>员工培训课程与学习管理</p>
        </div>
        
        <div class="content">
            <div class="section">
                <h2>系统简介</h2>
                <p>
                    公司培训系统是一套完整的在线学习管理平台，为企业提供培训课程管理、学习进度跟踪、考核评估等功能。
                    系统支持多种学习形式，包括在线视频、直播课程、文档学习等，帮助员工提升专业技能和综合素质，
                    同时为企业建立完善的人才培养体系，提升组织竞争力。
                </p>
            </div>

            <div class="section">
                <h2>核心功能</h2>
                <div class="features">
                    <div class="feature-card">
                        <div class="icon">🎓</div>
                        <h3>课程管理</h3>
                        <p>支持创建和管理各类培训课程，包括课程分类、课程内容、学习资料上传等，支持视频、文档、PPT等多种格式。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📺</div>
                        <h3>在线学习</h3>
                        <p>提供流畅的在线学习体验，支持视频播放、进度记录、笔记功能，员工可随时随地学习，灵活安排学习时间。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📝</div>
                        <h3>学习跟踪</h3>
                        <p>实时跟踪员工学习进度，记录学习时长、完成情况等数据，帮助管理者了解培训效果和员工学习状态。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">✅</div>
                        <h3>考核评估</h3>
                        <p>支持在线考试、作业提交、学习评估等功能，自动生成成绩单和培训证书，确保培训质量。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">👥</div>
                        <h3>培训计划</h3>
                        <p>制定和管理培训计划，支持按部门、岗位、个人制定培训方案，实现精准化培训管理。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📊</div>
                        <h3>数据分析</h3>
                        <p>提供培训数据统计分析，包括学习完成率、考核通过率、培训效果评估等，为培训决策提供数据支持。</p>
                    </div>
                </div>
            </div>

            <div class="section">
                <h2>系统优势</h2>
                <p>
                    • <strong>内容丰富</strong>：支持多种学习资源格式，满足不同岗位和层级的培训需求<br>
                    • <strong>灵活学习</strong>：支持移动端学习，员工可随时随地参与培训，提高学习便利性<br>
                    • <strong>个性化推荐</strong>：根据员工岗位和技能水平，智能推荐相关课程，提升学习效率<br>
                    • <strong>互动性强</strong>：支持在线讨论、问答、直播互动等功能，增强学习体验<br>
                    • <strong>效果可测</strong>：完善的考核评估体系，量化培训效果，确保培训质量
                </p>
            </div>

            <a href="javascript:history.back()" class="back-button">← 返回导航</a>
        </div>
    </div>
</body>
</html>