142 lines
6.1 KiB
HTML
142 lines
6.1 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>学生成绩管理系统</title>
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
<link rel="stylesheet" href="../css/main.css">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar">
|
||
<div class="navbar-brand">
|
||
<i class="fas fa-graduation-cap"></i>
|
||
<span>XX学校成绩管理系统</span>
|
||
</div>
|
||
<div class="navbar-menu">
|
||
<a href="index.html" class="btn btn-secondary">
|
||
<i class="fas fa-home"></i> 主页
|
||
</a>
|
||
<div class="navbar-user">
|
||
<a href="login.html" class="btn btn-primary" id="loginBtn">
|
||
<i class="fas fa-sign-in-alt"></i> 登录
|
||
</a>
|
||
<a href="register.html" class="btn btn-secondary" id="registerBtn">
|
||
<i class="fas fa-user-plus"></i> 注册
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 主体内容区 -->
|
||
<main>
|
||
<!-- 英雄区域 -->
|
||
<section class="hero-section">
|
||
<div class="hero-content">
|
||
<h1 class="hero-title">XX学校学生成绩管理系统</h1>
|
||
<p class="hero-subtitle">
|
||
高效、安全、智能的成绩管理平台，为学校师生提供全方位的成绩管理服务，
|
||
实现成绩录入、查询、统计和分析的一体化解决方案。
|
||
</p>
|
||
<div class="cta-buttons">
|
||
<a href="login.html" class="btn btn-primary" id="heroLoginBtn">
|
||
<i class="fas fa-sign-in-alt"></i> 立即登录
|
||
</a>
|
||
<a href="#features" class="btn btn-secondary">
|
||
<i class="fas fa-info-circle"></i> 了解功能
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 功能特色 -->
|
||
<section id="features" class="features-section">
|
||
<h2 class="section-title">系统功能特色</h2>
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="fas fa-user-graduate"></i>
|
||
</div>
|
||
<h3 class="feature-title">学生成绩查询</h3>
|
||
<p class="feature-description">
|
||
学生可随时查看个人成绩，包括各科成绩、平均分、排名等信息，
|
||
支持成绩趋势分析和历史记录查看。
|
||
</p>
|
||
</div>
|
||
|
||
<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">
|
||
教师可便捷录入、修改、查询学生成绩，支持批量操作和成绩统计分析，
|
||
提供多种数据导出格式。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="fas fa-user-shield"></i>
|
||
</div>
|
||
<h3 class="feature-title">管理员权限控制</h3>
|
||
<p class="feature-description">
|
||
管理员可管理用户账户、学生信息，查看系统统计报表，
|
||
设置权限和系统参数，确保数据安全。
|
||
</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="cta-section">
|
||
<h2 class="cta-title">立即体验智能成绩管理</h2>
|
||
<p style="font-size: 1.2rem; color: #666; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto;">
|
||
加入XX学校成绩管理系统，体验高效、便捷的成绩管理服务。
|
||
</p>
|
||
<div class="cta-buttons">
|
||
<a href="login.html" class="btn btn-primary">
|
||
<i class="fas fa-sign-in-alt"></i> 开始使用
|
||
</a>
|
||
<a href="#" class="btn btn-secondary">
|
||
<i class="fas fa-book"></i> 查看文档
|
||
</a>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="footer-content">
|
||
<h3 style="margin-bottom: 20px;">XX学校学生成绩管理系统</h3>
|
||
<p style="color: #ccc; margin-bottom: 20px; max-width: 600px; margin-left: auto; margin-right: auto;">
|
||
致力于为学校提供专业、安全、高效的数字化成绩管理解决方案。
|
||
</p>
|
||
<div class="footer-links">
|
||
<a href="#"><i class="fas fa-info-circle"></i> 关于我们</a>
|
||
<a href="#"><i class="fas fa-envelope"></i> 联系我们</a>
|
||
<a href="#"><i class="fas fa-shield-alt"></i> 隐私政策</a>
|
||
<a href="#"><i class="fas fa-file-contract"></i> 服务条款</a>
|
||
</div>
|
||
<div class="copyright">
|
||
<p>© 2023 XX学校学生成绩管理系统 版权所有</p>
|
||
<p>联系电话：010-12345678 | 邮箱：contact@school.edu.cn</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../js/main.js"></script>
|
||
</body>
|
||
</html> |