album.html · 约 2920 字符
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">🖼️ 班级相册</div><div class="muted">记录我们的高光时刻，点击照片可放大查看。</div></div>
13<div class="agrid">
14<div class="photo" data-bg="linear-gradient(135deg,#4361ee,#06b6d4)" data-emoji="🏃" style="background:linear-gradient(135deg,#4361ee,#06b6d4)"><span class="emo">🏃</span><span class="cap">运动会·接力</span></div>
15<div class="photo" data-bg="linear-gradient(135deg,#f72585,#ff8c42)" data-emoji="🌸" style="background:linear-gradient(135deg,#f72585,#ff8c42)"><span class="emo">🌸</span><span class="cap">春日研学</span></div>
16<div class="photo" data-bg="linear-gradient(135deg,#7209b7,#f72585)" data-emoji="🎤" style="background:linear-gradient(135deg,#7209b7,#f72585)"><span class="emo">🎤</span><span class="cap">文艺汇演</span></div>
17<div class="photo" data-bg="linear-gradient(135deg,#2ec4b6,#06b6d4)" data-emoji="📚" style="background:linear-gradient(135deg,#2ec4b6,#06b6d4)"><span class="emo">📚</span><span class="cap">读书分享</span></div>
18<div class="photo" data-bg="linear-gradient(135deg,#06b6d4,#2ec4b6)" data-emoji="🌱" style="background:linear-gradient(135deg,#06b6d4,#2ec4b6)"><span class="emo">🌱</span><span class="cap">志愿服务</span></div>
19<div class="photo" data-bg="linear-gradient(135deg,#ff8c42,#f72585)" data-emoji="🔬" style="background:linear-gradient(135deg,#ff8c42,#f72585)"><span class="emo">🔬</span><span class="cap">科技实践</span></div>
20<div class="photo" data-bg="linear-gradient(135deg,#3a0ca3,#4361ee)" data-emoji="🏆" style="background:linear-gradient(135deg,#3a0ca3,#4361ee)"><span class="emo">🏆</span><span class="cap">篮球友谊赛</span></div>
21<div class="photo" data-bg="linear-gradient(135deg,#f72585,#4361ee)" data-emoji="🎨" style="background:linear-gradient(135deg,#f72585,#4361ee)"><span class="emo">🎨</span><span class="cap">主题班会</span></div>
22</div>
23<div class="lightbox" id="lb"><div id="lbBox"></div><div class="hint">点击任意处关闭</div></div></main>
24 <nav class="tabbar"><a href="index.html"><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" class="on"><span>🖼️</span>相册</a><a href="message.html"><span>💬</span>留言</a></nav>
25</div>
26<script src="js/main.js"></script>
27</body>
28</html>