This repository has been archived by the owner on Jan 30, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (193 loc) · 7.56 KB
/
index.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE HTML>
<!--
Photon by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>我们的200天</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<div class="inner">
<h1>亲爱的袁世杰同学，</h1>
<h1>我们在一起200天了。</h1>
<span class="icon major fa-heart"></span>
<p>因为一直以来浪漫的都是你这个家伙，<br>
所以这次我绞尽脑汁做了些我能做的东西，<br>
来庆祝我们的200天纪念日。<br>
</p>
<ul class="actions">
<li><a href="#TimeLine" class="button scrolly">开启时间轴</a></li>
</ul>
</div>
</section>
<!-- Body -->
<section id="TimeLine" class="main style1">
<div class="container">
<div class="row 150%" style = "text-align:center">
<!--
<div id="timeline-embed">
<script type="text/javascript">
var timeline_config = {
width: '100%',
height: '500',
source: 'https://docs.google.com/spreadsheet/pub?key=0Av3wOv2s6eMfdHc5LXNBc2lGWGdZYnF0NzdoejFrbUE&output=html',
font: 'Georgia-Helvetica',
lang: 'zh-cn',
maptype: 'ROADMAP',
}
</script>
<script type="text/javascript" src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>
</div>
-->
<iframe src='http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0Av3wOv2s6eMfdHc5LXNBc2lGWGdZYnF0NzdoejFrbUE&font=Georgia-Helvetica&maptype=ROADMAP&lang=zh-cn&height=500' width='100%' height='500' frameborder='0'>
</iframe>
</div>
</div>
</section>
<section id="album" class="main style2">
<div class="container">
<div style = "text-align:center">
<ul class="actions">
<li><a href="#Picture1" class="button scrolly">开启相册</a></li>
</ul>
</div>
</div>
</section>
<section id="Picture1" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>偷拍你的照片</h2>
</header>
<p>记得拍了这张照片之后还发了朋友圈，我蠢萌地忘记了屏蔽爸妈。这是我们在一起第一周的时候，跟爸妈含含糊糊说着只是朋友只是朋友。</p>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<span class="image fit"><img src="images/pic01.jpg" alt="" /></span>
</div>
</div>
</div>
</section>
<section id="Picture2" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<span class="image fit"><img src="images/pic02.jpg" alt="" /></span>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<header class="major">
<h2>你定做的鞋</h2>
</header>
<p>一只鞋上写着你的名字，另一只鞋上写着我的名字。希望你这双鞋可以穿更久一点。</p>
</div>
</div>
</div>
</section>
<section id="Picture3" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>一起做完<br>Prensentation后的合影</h2>
</header>
<p>穿得衣冠禽兽的样子，好像做什么大事一样，不就是个一起的Presentation么！<br>我们是最强的Presentation组合！</p>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<span class="image fit"><img src="images/pic03.jpg" alt="" /></span>
</div>
</div>
</div>
</section>
<section id="Picture4" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<span class="image fit"><img src="images/pic04.jpg" alt="" /></span>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<header class="major">
<h2>我们一起打LOL</h2>
</header>
<p>你打ADC我打辅助，虽然戏称你是我养出来的疯狗，但是这么久以来一直感谢你对我那么打得那么不好的包容。虽然我一直卖萌犯蠢但你还是一直带着我玩。</p>
</div>
</div>
</div>
</section>
<section id="Picture5" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>一起去看歌手大赛</h2>
</header>
<p>我们是为数不多坐在情侣排的情侣，我就喜欢这样正大光明的恋爱。<br>
主持人突如其来的要求表白没有让你惊慌失措，即兴的话里我听到了你对我的喜欢。被那么多人盯着表白，真是……最棒的体验了。</p>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<span class="image fit"><img src="images/pic05.jpg" alt="" /></span>
</div>
</div>
</div>
</section>
<section id="Picture6" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<span class="image fit"><img src="images/pic06.jpg" alt="" /></span>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<header class="major">
<h2>你载我兜风</h2>
</header>
<p>买了车之后，你带我到处兜风。从西拉法叶开到拉法叶，从公路这头开到那头，从Wabash River开到拉法叶灯塔。在公路上一切不开心都会随风飘走的。我喜欢坐在副驾驶和你漫无目的四处游荡的感觉。</p>
</div>
<br>
</div>
</div>
</section>
<section id="LastWord" class="main style2">
<div class = "container" style = "text-align:center">
<h1>我们都还有很多的100天，<br>
但我只有一个你。</h1>
</div>
</section>
<section id="LastPic" class="main style1 special">
<div class="container">
<span class="image fit"><img src="images/pic07.jpeg" alt="" /></span>
</div>
<br>
<br>
<div style = "text-align:center">
<ul class="actions">
<li><a href="#" class="button">Back to Top</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<section id="footer">
<ul class="copyright">
<li>© locoda.me</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</section>
</body>
</html>