-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2021.html
144 lines (143 loc) · 5.33 KB
/
2021.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
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2021</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="timeline-container">
<h2>2021年的你啊</h2>
<div class="timeline">
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2021/1.jpg" alt="Memory 2">
<p>送你苦甲水</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/2.jpg" alt="Memory 2">
<p>感谢你陪我</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/3.jpg" alt="Memory 2">
<p>文质彬彬柴</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/4.jpg" alt="Memory 2">
<p>铛铛，你的柴突然出现</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2021/5.jpg" alt="Memory 2">
<p>可可爱爱，没有脑袋</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2021/7.jpg" alt="Memory 1">
<p>文艺，忧郁</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/8.jpg" alt="Memory 2">
<p>潇洒，倜傥</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2021/9.jpg" alt="Memory 2">
<p>小小手，别再咬了！</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/10.jpg" alt="Memory 2">
<p>问路在何方，路在脚下</p>
</div>
</div>
<div class="timeline-item top">
<div class="timeline-content">
<img src="figures/2021/11.jpg" alt="Memory 2">
<p>夺笋那，哈哈</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/13.jpg" alt="Memory 2">
<p>乒乓场上的你</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/14.jpg" alt="Memory 2">
<p>这气质迷死谁了我不说</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/15.jpg" alt="Memory 2">
<p>六一快乐喔</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/16.jpg" alt="Memory 2">
<p>六一快乐，大儿童！</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/17.jpg" alt="Memory 2">
<p>一起背对世界</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/18.jpg" alt="Memory 2">
<p>生</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/19.jpg" alt="Memory 2">
<p>日</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/20.jpg" alt="Memory 2">
<p>快</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/21.jpg" alt="Memory 2">
<p>乐</p>
</div>
</div>
<div class="timeline-item bottom">
<div class="timeline-content">
<img src="figures/2021/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 = '2022.html';
});
</script>
</body>
</html>