-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
379 lines (346 loc) · 13.8 KB
/
about.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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
<!DOCTYPE html>
<html lang="zh">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<!-- 严禁发布在本源码基础上修改的源码！ -->
<!-- 本源码由@匿名 修改、优化，更适应国人的习惯！已达到100%汉化 -->
<!-- 您不可将其任何标识删去、亦不可在此源码上进行其他修改并发布-->
<!-- 我想把我修改的这份源码变为我自己所拥有的，不打算公开 抱歉 已经屏蔽Ctrl+s 与鼠标操作 -->
<!-- 当然如果你需要的话可以联系[email protected] 我可以发你一份 -->
<!-- 原版源码来自freehtml5.co 在此表示感谢！ -->
<!-- 出于稳定性考虑，所有css/js已经全面本地化 这样 即使cdn失效/被屏蔽/网络中断 亦可正常使用... -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Love</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" />
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href='css/fonts.css' rel='stylesheet' type='text/css'>
<link href="css/css.css" rel="stylesheet">
<!-- 这里原来是谷歌Api 我放到本地了 （即使他可以使用） -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<script>
window.addEventListener("keydown", function(e) {
//可以判断是不是mac，如果是mac,ctrl变为花键
//event.preventDefault() 方法阻止元素发生默认的行为。
if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
e.preventDefault();
// Process event...
document.getElementById("test").innerHTML = "ctrl+s成功";
}
}, false);
</script>
<body>
<body oncopy="alert('Can not copy');return false;">
<!-- <body oncontextmenu="return false" onselectstart="return false"> -->
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Love<strong>.</strong></a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li class="active"><a href="index.html">我们的爱情</a></li>
<li><a href="about.html">我们的故事</a></li>
<li class="has-dropdown">
<a href="services.html">我们的视频</a>
<!-- <ul class="dropdown">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul> -->
</li>
<li class="has-dropdown">
<a href="gallery.html">我们的照片</a>
<!-- <ul class="dropdown">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul> -->
</li>
<!-- <li><a href="contact.html">Contact</a></li> -->
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);">
<div class="overlay"></div>
<div class="fh5co-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Couple Story</h1>
<h2>我们的故事</h2>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-couple" class="fh5co-section-gray">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Hi!</h2>
<h3>往事不曾参与,余生请多指教</h3>
<p>Past is not involved, the rest of the life please enlighten</p>
</div>
</div>
<div class="couple-wrap animate-box">
<div class="couple-half">
<div class="groom">
<img src="images/groom.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<!-- 男英文名（中文亦可） -->
<h3>Yu</h3>
<!-- 要对对方说的话 50字左右 -->
<p>Count your age by friends, not years; Count your life by smiles, not tears.</br>以友情计岁月，而非年龄；以笑容量人生，而非泪水。</p>
</div>
</div>
<p class="heart text-center"><i class="icon-heart2"></i></p>
<div class="couple-half">
<div class="bride">
<img src="images/bride.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<!-- 女英文名（中文亦可） -->
<h3>Wang</h3>
<!-- 要对对方说的话 50字左右 -->
<p>We are still kids but we are so in love, fighting against all odds. </br>我们虽然年少，但却如此相爱。让我们披荆斩棘，跨越所有障碍。</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-couple-story">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Our moment of love</span>
<h2>Our Story</h2>
<p>爱情时刻是特殊的，它值得被记录下来，将永远铭记，这是我们一些重要和幸福的时刻.</p>
</div>
</div>
<div class="row">
<div class="col-md-12 col-md-offset-0">
<ul class="timeline animate-box">
<!-- 时间线模块1 开始 -->
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-1.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">我们第一次相遇 The first</h3>
<span class="date">2015年11月25日</span>
</div>
<div class="timeline-body">
<p>Unable to perceive the shape of you, I find you all around me. Your presence fills my eyes with your love, it humbles my heart. For you are everywhere.</br>无法描述你的形状，我感觉到你包围着我。因为你的存在，我满眼都是爱意。我的心变得柔软，只因你无处不在。</p>
</div>
</div>
</li>
<!-- 时间线模块2 结束 -->
<!-- 时间线模块2 开始 -->
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-2.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">告白</h3>
<span class="date">2016年7月4日</span>
</div>
<div class="timeline-body">
<p>不管是结婚还是将来，之后的事情都是不得而知的。一难之后还有一难是这世间的常理。不过，谁都拥有追求幸福的权力。为了机会降临人应不懈努力。</p>
</div>
</div>
</li>
<!-- 时间线模块2 结束 -->
<!-- 时间线模块3 开始 -->
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-3.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">在一起啦</h3>
<span class="date">2016年7月5日</span>
</div>
<div class="timeline-body">
<p>It's an amazing feeling to realize how one person who was once just a stranger suddenly meant the world to you.</br>很奇妙的一种感觉是：曾经的陌生人，突然之间成为了你的整个世界。</p>
</div>
</div>
</li>
<!-- 时间线模块3 结束 -->
<!-- 时间线模块4 开始 -->
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-2.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">不离不弃</h3>
<span class="date">2018年9月9日</span>
</div>
<div class="timeline-body">
<p>我们所有的人拥抱在一起就能对抗黑暗的世界。祝愿屏幕面前的每一个人都能够勇敢追爱，拥抱幸福。</p>
</div>
</div>
</li>
<!-- 时间线模块4 结束 -->
<!-- 如需继续增加，直接复制一个模块加在一个</li>后即可,注意更换图片 -->
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-started" class="fh5co-bg" style="background-image:url(images/img_bg_4.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Thanks for you</br>Our persistence makes sense.</h2>
<p>感谢有你，我们的坚持才有意义</br>By:匿名 2018-9-22</p>
</div>
</div>
<div class="row animate-box">
<div class="col-md-10 col-md-offset-1">
</div>
</div>
</div>
</div>
<!-- <footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-4 fh5co-widget">
<h3>The Company</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
<p><a href="#">Learn More</a></p>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
<ul class="fh5co-footer-links">
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Meetups</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
<ul class="fh5co-footer-links">
<li><a href="#">Shop</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Handbook</a></li>
<li><a href="#">Held Desk</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
<ul class="fh5co-footer-links">
<li><a href="#">Find Designers</a></li>
<li><a href="#">Find Deelopers</a></li>
<li><a href="#">Teams</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">API</a></li>
</ul>
</div>
</div> -->
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">© 2015-2018 Misakablog 匿名blog All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Devise ＆Custom made by <a href="http://www.aisana.cn" target="_blank">匿名blog</a></small>
</p>
<form action="" method="post" class="STYLE-NAME">
<p>
<!-- <ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul> -->
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- // <script src="js/prism.min.js"></script> -->
<script src="js/simplyCountdown.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<script type="text/javascript" src="js/anime.min.js"></script>
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="js/fireworks.js"></script>
<script>
var d = new Date(new Date().getTime() + 200 * 120 * 120 * 2000);
// default example
simplyCountdown('.simply-countdown-one', {
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate()
});
//jQuery example
$('#simply-countdown-losange').simplyCountdown({
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate(),
enableUtc: false
});
</script>
</body>
</html>