index.html · 约 3117 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>高二(3)班 · 班级主页</title>
7<link rel="stylesheet" href="css/style.css">
8</head>
9<body>
10<div class="phone">
11 <header class="topbar"><div class="t" style="flex:1;text-align:center">高二(3)班 · 班级主页</div></header>
12 <main class="screen"><div class="banner"><div class="cls">追光班 · 班级主页</div><h1>高二(3)班</h1><div class="slogan">“追光而行，不负韶华”</div><div class="meta"><div><div class="n">42</div><div class="l">班级人数</div></div><div><div class="n">王老师（语文）</div><div class="l">班主任</div></div><div><div class="n">2024.09</div><div class="l">成立</div></div><div><div class="n">8</div><div class="l">班委</div></div></div></div>
13<div class="card"><div class="sec-h">🚀 快捷入口</div><div class="qgrid">
14<a class="qcell" href="schedule.html"><div class="ic" style="background:var(--blue)">📅</div><div class="lb">课程表</div></a>
15<a class="qcell" href="classmates.html"><div class="ic" style="background:var(--cyan)">👥</div><div class="lb">同学录</div></a>
16<a class="qcell" href="homework.html"><div class="ic" style="background:var(--green)">📚</div><div class="lb">作业</div></a>
17<a class="qcell" href="album.html"><div class="ic" style="background:var(--orange)">🖼️</div><div class="lb">相册</div></a>
18<a class="qcell" href="message.html"><div class="ic" style="background:var(--pink)">💬</div><div class="lb">留言</div></a>
19<a class="qcell" href="#notice"><div class="ic" style="background:var(--purple)">📌</div><div class="lb">公告</div></a>
20</div></div>
21<div class="card" id="notice"><div class="sec-h">📌 班级公告 <span class="more">最新 3 条</span></div>
22<div class="ntc"><div class="dot"></div><div><div class="t">关于期中考试的安排</div><div class="d">11月14-15日进行期中考试，请同学们合理安排复习，劳逸结合。</div></div></div>
23<div class="ntc"><div class="dot"></div><div><div class="t">秋游研学通知</div><div class="d">本周六赴市科技馆研学，统一穿校服、携带笔记本与饮水杯。</div></div></div>
24<div class="ntc"><div class="dot"></div><div><div class="t">校园合唱节</div><div class="d">下月举行校合唱节，每周三自习课在音乐教室排练，请准时参加。</div></div></div>
25</div>
26<div class="card"><div class="sec-h">🏆 班级荣誉</div><div class="muted">校级文明班级 · 秋季运动会团体总分第二 · 合唱节银奖 · 月考进步显著班级。</div></div></main>
27 <nav class="tabbar"><a href="index.html" class="on"><span>🏠</span>主页</a><a href="schedule.html"><span>📅</span>课表</a><a href="classmates.html"><span>👥</span>同学</a><a href="homework.html"><span>📚</span>作业</a><a href="album.html"><span>🖼️</span>相册</a><a href="message.html"><span>💬</span>留言</a></nav>
28</div>
29<script src="js/main.js"></script>
30</body>
31</html>