huanghai/dsProject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
fdad866e2d5768e405afc070259035542e7bd8cb
dsProject/dsLightRag/static/Menhu/index.html
HuangHai fdad866e2d 'commit'
2025-09-03 09:08:23 +08:00

268 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>东师理想AI教育云平台 - 让AI成为教育新基建</title>
<!-- 引入基础CSS框架 -->
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/css/layui.min.css">
<script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
<!-- 引入Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 引入Chart.js -->
<script src="https://gcore.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
<!-- 引入外部CSS -->
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<!-- 顶部导航 -->
<header class="header">
<div class="logo">
<i class="fas fa-graduation-cap"></i>
<span>东师理想</span>
</div>
<nav class="nav-menu">
<div class="nav-item">首页</div>
<div class="nav-item"><a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
<div class="nav-item">名师云课</div>
<div class="nav-item">学情中心</div>
<div class="nav-item">AI教育创新联盟</div>
</nav>
<div class="header-actions">
<button class="btn btn-outline">登录</button>
<button class="btn btn-primary">注册</button>
</div>
</header>
<!-- Hero区域 -->
<section class="hero">
<div class="carousel-container">
<div class="carousel">
<!-- 轮播项1 -->
<div class="carousel-item active">
<div class="hero-content">
<h1 class="hero-title">让AI成为教育新基建</h1>
<p class="hero-subtitle">资源共建 · 名师云课 · AI学伴 · 精准学情</p>
<div class="hero-cta">
<a href="ai-resource-workshop.html" class="btn btn-primary">立即体验</a>
<button class="btn btn-outline">教师入驻</button>
<button class="btn btn-outline">合作咨询</button>
</div>
</div>
<div class="hero-image">
<img src="https://picsum.photos/id/20/800/600" alt="东师理想AI教育云平台">
</div>
</div>
<!-- 轮播项2 -->
<div class="carousel-item">
<div class="hero-content">
<h1 class="hero-title">AI资源工坊</h1>
<p class="hero-subtitle">一键生成教案、课件、习题，支持共建共享</p>
<div class="hero-cta">
<button class="btn btn-primary">探索工坊</button>
<button class="btn btn-outline">资源库</button>
</div>
</div>
<div class="hero-image">
<img src="https://picsum.photos/id/180/800/600" alt="AI资源工坊">
</div>
</div>
<!-- 轮播项3 -->
<div class="carousel-item">
<div class="hero-content">
<h1 class="hero-title">精准学情分析</h1>
<p class="hero-subtitle">AI驱动的学情跟踪与分析，助力个性化教学</p>
<div class="hero-cta">
<button class="btn btn-primary">查看演示</button>
<button class="btn btn-outline">了解更多</button>
</div>
</div>
<div class="hero-image">
<img src="https://picsum.photos/id/160/800/600" alt="精准学情分析">
</div>
</div>
</div>
<!-- 轮播控制按钮 -->
<div class="carousel-control prev">
<i class="fas fa-chevron-left"></i>
</div>
<div class="carousel-control next">
<i class="fas fa-chevron-right"></i>
</div>
<!-- 轮播指示点 -->
<div class="carousel-indicators">
<div class="carousel-indicator active"></div>
<div class="carousel-indicator"></div>
<div class="carousel-indicator"></div>
</div>
</div>
<div class="wave"></div>
</section>
<!-- 四大核心场景 -->
<section class="features">
<h2 class="section-title">四大核心场景</h2>
<div class="features-grid">
<a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-tools"></i>
</div>
<h3 class="feature-title">AI资源工坊</h3>
<p class="feature-description">一键生成教案、课件、习题；支持共建共享；展示实时热度榜，满足教师多样化教学需求。</p>
</div>
</a>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-chalkboard-teacher"></i>
</div>
<h3 class="feature-title">名师云课</h3>
<p class="feature-description">最新一期教育局精品课+AI学伴入口；倒计时条提醒直播，让优质教育资源触手可及。</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-clipboard-check"></i>
</div>
<h3 class="feature-title">AI作业与阅卷</h3>
<p class="feature-description">教师端一键批改，学生端错题AI讲解视频，提升教学效率，减轻教师负担。</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="feature-title">学情中心</h3>
<p class="feature-description">家长/教师双视角仪表盘样例截图+一键生成周报按钮，精准掌握学生学习情况。</p>
</div>
</div>
</section>
<!-- 新增四大服务区块 -->
<section class="services">
<h2 class="section-title">四大特色服务</h2>
<div class="services-grid">
<div class="service-card">
<div class="service-icon">
<i class="fas fa-video"></i>
</div>
<h3 class="service-title">教师AI资源制作视频教程</h3>
<p class="service-description">平方录制精美的最新最火获奖课件、流程AI制作方法拆解教程，手把手帮助教师学习AI技术。</p>
</div>
<div class="service-card">
<div class="service-icon">
<i class="fas fa-flask"></i>
</div>
<h3 class="service-title">中小学AI实验室解决方案</h3>
<p class="service-description">提供ESP32、树莓派、机器臂、垃圾回收等硬件安装和软件部署，打造学校AI特色课程。</p>
</div>
<div class="service-card">
<div class="service-icon">
<i class="fas fa-project-diagram"></i>
</div>
<h3 class="service-title">PBL+AI融合项目案例</h3>
<p class="service-description">以大数据+AI研究苏轼生平为例，提供案例+视频+资源，指导开展AI支持下的PBL课程设计。</p>
</div>
<div class="service-card">
<div class="service-icon">
<i class="fas fa-bullhorn"></i>
</div>
<h3 class="service-title">宣传维护服务</h3>
<p class="service-description">为加入的学校、老师打造视频号、抖音号、公众号等维护的宣传，让教师专注于教学。</p>
</div>
</div>
</section>
<!-- 联盟与学科工坊 -->
<section class="alliance">
<h2 class="section-title">联盟与学科工坊</h2>
<div class="alliance-container">
<div class="alliance-banner">
<h3 style="font-size: 24px; margin-bottom: 20px; color: var(--primary-blue);">AI教育创新联盟</h3>
<p style="margin-bottom: 20px; color: var(--text-light);">当前成员校 128 所、共建资源 6.7 万件，携手推动教育数字化转型。</p>
<button class="btn btn-primary">加入联盟</button>
</div>
<div class="workshops">
<div class="workshop-tabs">
<div class="tab-header">
<div class="tab-item active">GeoGebra AI数创工坊</div>
<div class="tab-item">Algodoo AI物研工坊</div>
</div>
<div class="tab-content">
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
<p style="margin-bottom: 20px; color: var(--text-light);">探索数学与AI的完美结合，提升数学教学效率与质量。</p>
<button class="btn btn-outline">查看详情</button>
</div>
</div>
</div>
</div>
</section>
<!-- 数据统计区 -->
<section class="stats">
<div class="stats-grid">
<div class="stat-item">
<div class="stat-number">3,472</div>
<div class="stat-label">今日活跃教师</div>
</div>
<div class="stat-item">
<div class="stat-number">9,831</div>
<div class="stat-label">生成课件</div>
</div>
<div class="stat-item">
<div class="stat-number">47,298</div>
<div class="stat-label">学生提问</div>
</div>
<div class="stat-item">
<div class="stat-number">128</div>
<div class="stat-label">联盟成员校</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="footer-container">
<div class="footer-column">
<div class="footer-logo">东师理想</div>
<p class="footer-description">让AI成为教育新基建，推动教育数字化、智能化发展。</p>
</div>
<div class="footer-column">
<h4 class="footer-title">平台服务</h4>
<ul class="footer-links">
<li><a href="#">AI资源工坊</a></li>
<li><a href="#">名师云课</a></li>
<li><a href="#">学情中心</a></li>
<li><a href="#">AI教育创新联盟</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-title">关于我们</h4>
<ul class="footer-links">
<li><a href="#">公司简介</a></li>
<li><a href="#">发展历程</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="footer-title">法律合规</h4>
<ul class="footer-links">
<li><a href="#">用户协议</a></li>
<li><a href="#">隐私政策</a></li>
<li><a href="#">未成年人保护</a></li>
<li><a href="#">版权声明</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 东师理想AI教育云平台 版权所有</p>
</div>
</footer>
<!-- 引入外部JS -->
<script src="../js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink