classmates.html · 约 5291 字符
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"><a class="back" href="index.html">‹</a><div class="t">高二(3)班 · 同学录</div></header>
12 <main class="screen"><div class="card"><div class="sec-h">👥 同学录 · 共 42 人</div><div class="muted">按学习小组排列，点击成员可查看职务与联系方式（示范）。</div></div>
13<div class="group"><div class="gn">▍第一组 · 晨曦</div><div class="mates">
14<div class="mate"><div class="av" style="background:var(--blue)">林</div><div><div class="nm">林晓</div><div class="role">班长</div></div></div>
15<div class="mate"><div class="av" style="background:var(--cyan)">陈</div><div><div class="nm">陈宇</div><div class="role">学习委员</div></div></div>
16<div class="mate"><div class="av" style="background:var(--purple)">赵</div><div><div class="nm">赵磊</div><div class="role">组长</div></div></div>
17<div class="mate"><div class="av" style="background:var(--green)">孙</div><div><div class="nm">孙悦</div><div class="role">成员</div></div></div>
18</div></div>
19<div class="group"><div class="gn">▍第二组 · 星火</div><div class="mates">
20<div class="mate"><div class="av" style="background:var(--orange)">王</div><div><div class="nm">王浩</div><div class="role">成员</div></div></div>
21<div class="mate"><div class="av" style="background:var(--pink)">李</div><div><div class="nm">李娜</div><div class="role">成员</div></div></div>
22<div class="mate"><div class="av" style="background:var(--purple)">周</div><div><div class="nm">周强</div><div class="role">成员</div></div></div>
23<div class="mate"><div class="av" style="background:var(--blue)">吴</div><div><div class="nm">吴敏</div><div class="role">成员</div></div></div>
24</div></div>
25<div class="group"><div class="gn">▍第三组 · 破晓</div><div class="mates">
26<div class="mate"><div class="av" style="background:var(--green)">郑</div><div><div class="nm">郑凯</div><div class="role">成员</div></div></div>
27<div class="mate"><div class="av" style="background:var(--cyan)">冯</div><div><div class="nm">冯雪</div><div class="role">成员</div></div></div>
28<div class="mate"><div class="av" style="background:var(--orange)">蒋</div><div><div class="nm">蒋鑫</div><div class="role">成员</div></div></div>
29<div class="mate"><div class="av" style="background:var(--pink)">韩</div><div><div class="nm">韩雨</div><div class="role">成员</div></div></div>
30</div></div>
31<div class="group"><div class="gn">▍第四组 · 凌云</div><div class="mates">
32<div class="mate"><div class="av" style="background:var(--blue)">杨</div><div><div class="nm">杨帆</div><div class="role">体育委员</div></div></div>
33<div class="mate"><div class="av" style="background:var(--purple)">朱</div><div><div class="nm">朱琳</div><div class="role">成员</div></div></div>
34<div class="mate"><div class="av" style="background:var(--green)">秦</div><div><div class="nm">秦风</div><div class="role">成员</div></div></div>
35<div class="mate"><div class="av" style="background:var(--cyan)">许</div><div><div class="nm">许静</div><div class="role">成员</div></div></div>
36</div></div>
37<div class="group"><div class="gn">▍第五组 · 逐日</div><div class="mates">
38<div class="mate"><div class="av" style="background:var(--orange)">何</div><div><div class="nm">何勇</div><div class="role">成员</div></div></div>
39<div class="mate"><div class="av" style="background:var(--pink)">罗</div><div><div class="nm">罗薇</div><div class="role">成员</div></div></div>
40<div class="mate"><div class="av" style="background:var(--purple)">高</div><div><div class="nm">高远</div><div class="role">成员</div></div></div>
41<div class="mate"><div class="av" style="background:var(--blue)">梁</div><div><div class="nm">梁爽</div><div class="role">成员</div></div></div>
42</div></div>
43<div class="group"><div class="gn">▍第六组 · 向阳</div><div class="mates">
44<div class="mate"><div class="av" style="background:var(--green)">宋</div><div><div class="nm">宋佳</div><div class="role">生活委员</div></div></div>
45<div class="mate"><div class="av" style="background:var(--cyan)">唐</div><div><div class="nm">唐磊</div><div class="role">成员</div></div></div>
46<div class="mate"><div class="av" style="background:var(--orange)">邓</div><div><div class="nm">邓超</div><div class="role">成员</div></div></div>
47<div class="mate"><div class="av" style="background:var(--pink)">范</div><div><div class="nm">范冰</div><div class="role">成员</div></div></div>
48</div></div></main>
49 <nav class="tabbar"><a href="index.html"><span>🏠</span>主页</a><a href="schedule.html"><span>📅</span>课表</a><a href="classmates.html" class="on"><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>
50</div>
51<script src="js/main.js"></script>
52</body>
53</html>