-
Notifications
You must be signed in to change notification settings - Fork 0
/
2022.html
138 lines (137 loc) · 5.42 KB
/
2022.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="timeline-container">
<h2>2022年的你啊</h2>
<div class="timeline">
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2022/1.jpg" alt="Memory 2">
<p>小柴爱拉伸</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/2.jpg" alt="Memory 2">
<p>感谢小柴请的大闸蟹，大饱口福</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/3.jpg" alt="Memory 2">
<p>小柴拍照技术超级好，让人越来越自信</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/4.jpg" alt="Memory 2">
<p>美丽西湖，美丽的我们</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2022/5.jpg" alt="Memory 2">
<p>运动全能的小健将</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/8.jpg" alt="Memory 2">
<p>潇洒，倜傥</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2022/9.jpg" alt="Memory 2">
<p>变得是内心越来越强大，不变的是年轻的容颜和从小到大冲破照片的自信</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/10.jpg" alt="Memory 2">
<p>超有型</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2022/11.jpg" alt="Memory 2">
<p>复古小柴</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/13.jpg" alt="Memory 2">
<p>不肯露脸的扎辫子小柴</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/14.jpg" alt="Memory 2">
<p>笑死小柴的小邹</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/15.jpg" alt="Memory 2">
<p>小柴爱照镜子</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/16.jpg" alt="Memory 2">
<p>小邹爱学小柴</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/17.jpg" alt="Memory 2">
<p>居家小柴</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/18.jpg" alt="Memory 2">
<p>射箭小柴，这个袖套小柴穿超级A</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/19.jpg" alt="Memory 2">
<p>高峰论坛发言人</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/20.jpg" alt="Memory 2">
<p>一等奖！小柴可真是太厉害了！</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/21.jpg" alt="Memory 2">
<p>不只一等奖，小邹还要为小柴颁发全场最帅面孔奖，最佳身形奖和最优气质奖等三项大奖</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2022/22.jpg" alt="Memory 2">
<p>又过了一年，气质更胜往昔，眼神也愈加坚定了</p>
</div>
</div>
<!-- 更多图片 -->
</div>
</div>
<button id="continueButton" class="btn">Continue</button>
<script>
document.getElementById('continueButton').addEventListener('click', function() {
window.location.href = '2023.html';
});
</script>
</body>
</html>