193 lines
9.4 KiB
HTML
193 lines
9.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>加入联盟 - 教育AI服务平台</title>
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
<link rel="stylesheet" href="../layui/css/layui.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<header class="header">
|
||
<div class="container">
|
||
<div class="logo">
|
||
<img src="../Images/logo.png" alt="教育AI服务平台">
|
||
</div>
|
||
<nav class="nav-menu">
|
||
<ul>
|
||
<li><a href="index.html">首页</a></li>
|
||
<li><a href="ai-lab-solution.html">AI实验室解决方案</a></li>
|
||
<li><a href="promotion-maintenance.html">宣传维护服务</a></li>
|
||
<li><a href="join-alliance.html" class="active">加入联盟</a></li>
|
||
<li><a href="contact.html">联系我们</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 页面标题区 -->
|
||
<section class="page-header">
|
||
<div class="container">
|
||
<h1>加入联盟</h1>
|
||
<p>携手共创教育AI新生态，赋能教师教学创新</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 内容区域 -->
|
||
<section class="solution-content">
|
||
<div class="container">
|
||
<!-- 联盟介绍 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title"><i class="fas fa-handshake"></i> 联盟介绍</h2>
|
||
<div class="section-content">
|
||
<p>教育AI服务联盟致力于连接学校、教师与AI技术资源，共同推动AI在教育领域的创新应用。通过联盟平台，成员可以共享优质教育资源、参与专业培训、获取技术支持，提升教学质量与效率。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 加入流程 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title"><i class="fas fa-sitemap"></i> 加入流程</h2>
|
||
<div class="process-grid">
|
||
<div class="process-step">
|
||
<div class="step-number">1</div>
|
||
<h3>提交申请</h3>
|
||
<p>填写加入申请表，提供学校或个人基本信息</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">2</div>
|
||
<h3>审核评估</h3>
|
||
<p>联盟管理团队审核申请材料，评估加入资格</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">3</div>
|
||
<h3>签署协议</h3>
|
||
<p>审核通过后，签署联盟合作协议</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">4</div>
|
||
<h3>正式加入</h3>
|
||
<p>完成培训后，成为联盟正式成员，享受会员权益</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 会员权益 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title"><i class="fas fa-gift"></i> 会员权益</h2>
|
||
<div class="advantage-grid">
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon"><i class="fas fa-book-open"></i></div>
|
||
<h3>资源共享</h3>
|
||
<p>免费获取AI教学案例、课程视频、课件等教育资源</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon"><i class="fas fa-graduation-cap"></i></div>
|
||
<h3>专业培训</h3>
|
||
<p>参与AI教育应用培训、工作坊和学术交流活动</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon"><i class="fas fa-headset"></i></div>
|
||
<h3>技术支持</h3>
|
||
<p>获得AI实验室建设、维护和教学应用的技术指导</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon"><i class="fas fa-trophy"></i></div>
|
||
<h3>成果展示</h3>
|
||
<p>优秀教学成果有机会在联盟平台展示和推广</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 申请表单 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title"><i class="fas fa-file-alt"></i> 加入申请表</h2>
|
||
<div class="application-form">
|
||
<form class="layui-form" action="#">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">单位/个人名称</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="name" required lay-verify="required" placeholder="请输入单位或个人名称" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">联系方式</label>
|
||
<div class="layui-input-block">
|
||
<input type="tel" name="phone" required lay-verify="required|phone" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">邮箱</label>
|
||
<div class="layui-input-block">
|
||
<input type="email" name="email" required lay-verify="required|email" placeholder="请输入邮箱地址" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">申请类型</label>
|
||
<div class="layui-input-block">
|
||
<select name="type" lay-verify="required">
|
||
<option value="school">学校</option>
|
||
<option value="teacher">教师个人</option>
|
||
<option value="institution">教育机构</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">留言</label>
|
||
<div class="layui-input-block">
|
||
<textarea name="message" placeholder="请输入您的需求或建议" class="layui-textarea"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn" lay-submit lay-filter="formDemo">提交申请</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<img src="../Images/logo.png" alt="教育AI服务平台">
|
||
</div>
|
||
<div class="footer-links">
|
||
<ul>
|
||
<li><a href="index.html">首页</a></li>
|
||
<li><a href="about.html">关于我们</a></li>
|
||
<li><a href="services.html">服务项目</a></li>
|
||
<li><a href="contact.html">联系我们</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-contact">
|
||
<p><i class="fas fa-phone"></i> 联系电话：400-123-4567</p>
|
||
<p><i class="fas fa-envelope"></i> 邮箱：contact@eduai.com</p>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2023 教育AI服务平台 版权所有</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../layui/layui.js"></script>
|
||
<script>
|
||
// 表单提交
|
||
layui.use('form', function(){
|
||
var form = layui.form;
|
||
// 监听提交
|
||
form.on('submit(formDemo)', function(data){
|
||
layer.msg('申请提交成功，我们将尽快与您联系！');
|
||
return false;
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |