412 lines
17 KiB
HTML
412 lines
17 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>
|
||
<!-- 引入基础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">
|
||
<!-- 引入外部CSS -->
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
<style>
|
||
/* 页面标题区样式 */
|
||
.page-header {
|
||
padding: 80px 0 60px;
|
||
background-color: #0066FF;
|
||
color: white;
|
||
text-align: center;
|
||
margin-top: 70px;
|
||
}
|
||
|
||
.page-header h1 {
|
||
font-size: 36px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.page-header p {
|
||
font-size: 18px;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
/* 内容区域样式 */
|
||
.solution-content {
|
||
padding: 40px 0;
|
||
background-color: #f5f7fa;
|
||
}
|
||
|
||
.solution-section {
|
||
background-color: white;
|
||
border-radius: 10px;
|
||
padding: 30px;
|
||
margin-bottom: 30px;
|
||
box-shadow: 0 4px 20px rgba(0, 102, 255, 0.1);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 24px;
|
||
font-weight: bold;
|
||
color: #0066FF;
|
||
margin-bottom: 25px;
|
||
position: relative;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.section-title::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 60px;
|
||
height: 3px;
|
||
background-color: #00C389;
|
||
}
|
||
|
||
/* 服务内容样式 */
|
||
.service-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||
gap: 25px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.service-card {
|
||
border: 1px solid #eee;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
transition: all 0.3s ease;
|
||
background-color: white;
|
||
text-align: center;
|
||
}
|
||
|
||
.service-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.service-icon {
|
||
font-size: 48px;
|
||
color: #0066FF;
|
||
margin: 20px 0;
|
||
}
|
||
|
||
.service-name {
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
margin-bottom: 10px;
|
||
color: #333;
|
||
}
|
||
|
||
.service-desc {
|
||
font-size: 14px;
|
||
color: #666;
|
||
padding: 0 15px 20px;
|
||
}
|
||
|
||
/* 流程步骤样式 */
|
||
.deployment-steps {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.step-item {
|
||
display: flex;
|
||
margin-bottom: 20px;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.step-number {
|
||
width: 30px;
|
||
height: 30px;
|
||
background-color: #0066FF;
|
||
color: white;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-right: 15px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.step-content {
|
||
flex: 1;
|
||
}
|
||
|
||
.step-title {
|
||
font-weight: bold;
|
||
margin-bottom: 5px;
|
||
color: #333;
|
||
}
|
||
|
||
.step-desc {
|
||
color: #666;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* 案例展示样式 */
|
||
.case-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||
gap: 25px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.case-card {
|
||
border: 1px solid #eee;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
transition: all 0.3s ease;
|
||
background-color: white;
|
||
}
|
||
|
||
.case-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.case-image {
|
||
height: 160px;
|
||
background-color: #f5f7fa;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #0066FF;
|
||
font-size: 48px;
|
||
}
|
||
|
||
.case-content {
|
||
padding: 20px;
|
||
}
|
||
|
||
.case-title {
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
margin-bottom: 10px;
|
||
color: #333;
|
||
}
|
||
|
||
.case-desc {
|
||
font-size: 14px;
|
||
color: #666;
|
||
margin-bottom: 15px;
|
||
}
|
||
</style>
|
||
</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"><a href="index.html" style="text-decoration: none; color: inherit;">首页</a></div>
|
||
<div class="nav-item"><a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
|
||
<div class="nav-item"><a href="ai-resource-library.html" style="text-decoration: none; color: inherit;">AI资源库</a></div>
|
||
<div class="nav-item"><a href="cloud-classroom.html" style="text-decoration: none; color: inherit;">名师云课</a></div>
|
||
<div class="nav-item"><a href="student-learning-center.html" style="text-decoration: none; color: inherit;">学情中心</a></div>
|
||
<div class="nav-item"><a href="ai-education-alliance.html" style="text-decoration: none; color: inherit;">AI教育创新联盟</a></div>
|
||
<div class="nav-item"><a href="teacher-ai-video-tutorials.html" style="text-decoration: none; color: inherit;">教师AI视频教程</a></div>
|
||
<div class="nav-item"><a href="ai-lab-solution.html" style="text-decoration: none; color: inherit;">AI实验室解决方案</a></div>
|
||
<div class="nav-item active"><a href="promotion-maintenance.html" style="text-decoration: none; color: inherit;">宣传维护服务</a></div>
|
||
</nav>
|
||
<div class="header-actions">
|
||
<button class="btn btn-outline">登录</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 页面标题区 -->
|
||
<section class="page-header">
|
||
<h1>宣传维护服务</h1>
|
||
<p>为加入的学校、老师打造视频号、抖音号、公众号等维护的宣传，让教师专注于教学</p>
|
||
</section>
|
||
|
||
<!-- 内容区域 -->
|
||
<section class="solution-content">
|
||
<div class="container">
|
||
<!-- 服务介绍 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title">服务内容</h2>
|
||
<div class="service-grid">
|
||
<div class="service-card">
|
||
<div class="service-icon">
|
||
<i class="fas fa-video"></i>
|
||
</div>
|
||
<h3 class="service-name">视频号运营</h3>
|
||
<p class="service-desc">专业团队制作教育类短视频，定期更新内容，提升学校知名度和影响力</p>
|
||
</div>
|
||
<div class="service-card">
|
||
<div class="service-icon">
|
||
<i class="fas fa-music"></i>
|
||
</div>
|
||
<h3 class="service-name">抖音号维护</h3>
|
||
<p class="service-desc">结合教育热点，策划创意内容，吸引更多关注，展示学校教育成果</p>
|
||
</div>
|
||
<div class="service-card">
|
||
<div class="service-icon">
|
||
<i class="fas fa-newspaper"></i>
|
||
</div>
|
||
<h3 class="service-name">公众号运营</h3>
|
||
<p class="service-desc">定期发布教育资讯、教学成果和活动报道，增强家校沟通</p>
|
||
</div>
|
||
<div class="service-card">
|
||
<div class="service-icon">
|
||
<i class="fas fa-camera"></i>
|
||
</div>
|
||
<h3 class="service-name">宣传素材制作</h3>
|
||
<p class="service-desc">专业设计团队制作海报、宣传片等各类宣传素材，提升品牌形象</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 服务流程 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title">服务流程</h2>
|
||
<div class="deployment-steps">
|
||
<div class="step-item">
|
||
<div class="step-number">1</div>
|
||
<div class="step-content">
|
||
<div class="step-title">需求沟通</div>
|
||
<div class="step-desc">了解学校宣传需求和目标受众，制定个性化宣传方案</div>
|
||
</div>
|
||
</div>
|
||
<div class="step-item">
|
||
<div class="step-number">2</div>
|
||
<div class="step-content">
|
||
<div class="step-title">方案制定</div>
|
||
<div class="step-desc">根据学校特色和需求，制定详细的宣传计划和内容规划</div>
|
||
</div>
|
||
</div>
|
||
<div class="step-item">
|
||
<div class="step-number">3</div>
|
||
<div class="step-content">
|
||
<div class="step-title">内容制作</div>
|
||
<div class="step-desc">专业团队制作高质量宣传内容，包括文案、图片、视频等</div>
|
||
</div>
|
||
</div>
|
||
<div class="step-item">
|
||
<div class="step-number">4</div>
|
||
<div class="step-content">
|
||
<div class="step-title">发布维护</div>
|
||
<div class="step-desc">定期发布内容并进行维护，与粉丝互动，提升宣传效果</div>
|
||
</div>
|
||
</div>
|
||
<div class="step-item">
|
||
<div class="step-number">5</div>
|
||
<div class="step-content">
|
||
<div class="step-title">效果分析</div>
|
||
<div class="step-desc">提供数据分析报告，持续优化宣传策略，提升宣传效果</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 成功案例 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title">成功案例</h2>
|
||
<div class="case-grid">
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<i class="fas fa-school"></i>
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">XX中学教育成果展示</h3>
|
||
<p class="case-desc">通过系列短视频展示学校特色课程，3个月内获得10万+播放量，提升学校知名度</p>
|
||
<button class="btn btn-primary">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<i class="fas fa-university"></i>
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">XX小学公众号运营</h3>
|
||
<p class="case-desc">公众号关注人数增长200%，家校互动率提升显著，成为区域内教育宣传典范</p>
|
||
<button class="btn btn-primary">查看详情</button>
|
||
</div>
|
||
</div>
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<i class="fas fa-graduation-cap"></i>
|
||
</div>
|
||
<div class="case-content">
|
||
<h3 class="case-title">XX教育局抖音号推广</h3>
|
||
<p class="case-desc">打造区域教育品牌，发布教育政策解读和活动报道，获得5万+关注</p>
|
||
<button class="btn btn-primary">查看详情</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 服务优势 -->
|
||
<div class="solution-section">
|
||
<h2 class="section-title">服务优势</h2>
|
||
<div class="advantage-grid">
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon">
|
||
<i class="fas fa-users"></i>
|
||
</div>
|
||
<h3 class="advantage-title">专业团队</h3>
|
||
<p class="advantage-desc">拥有经验丰富的内容策划、设计和技术团队，提供全方位宣传服务</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon">
|
||
<i class="fas fa-lightbulb"></i>
|
||
</div>
|
||
<h3 class="advantage-title">创意策划</h3>
|
||
<p class="advantage-desc">结合教育行业特点和热点，提供有创意的宣传方案，提升内容吸引力</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon">
|
||
<i class="fas fa-chart-line"></i>
|
||
</div>
|
||
<h3 class="advantage-title">数据驱动</h3>
|
||
<p class="advantage-desc">通过数据分析优化宣传策略，提升宣传效果和转化率</p>
|
||
</div>
|
||
<div class="advantage-card">
|
||
<div class="advantage-icon">
|
||
<i class="fas fa-clock"></i>
|
||
</div>
|
||
<h3 class="advantage-title">全程服务</h3>
|
||
<p class="advantage-desc">从需求沟通到效果分析，提供一站式宣传维护服务，让教师专注教学</p>
|
||
</div>
|
||
</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教育平台">
|
||
<p>让AI赋能教育，让教育更智能</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<h4>快速链接</h4>
|
||
<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">
|
||
<h4>联系我们</h4>
|
||
<p><i class="fas fa-map-marker-alt"></i> 北京市海淀区教育科技园区88号</p>
|
||
<p><i class="fas fa-phone"></i> 400-123-4567</p>
|
||
<p><i class="fas fa-envelope"></i> contact@aiedu.com</p>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2023 AI教育平台 版权所有</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../js/main.js"></script>
|
||
</body>
|
||
</html> |