-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
539 lines (515 loc) · 38.8 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
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
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Trump of Xi, who will be the Greagain</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="./images/GettyImages-665834288.jpg" alt="" /></span>
<h1 id="logo"><a href="#">East vs West</a></h1>
<p>实现中华民族伟大复兴<br />
vs 让美国再次伟大</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">卷首语</a></li>
<li><a href="#oneone" class="active">随笔</a></li>
<li><a href="#two">已经是往事</a></li>
<li><a href="#three">更多文章</a></li>
<!--<li><a href="#four">Contact</a></li>-->
</ul>
</nav>
<!--
<footer>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
</footer>
-->
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="container">
<header class="major">
<h2>习近平vs川普</h2>
<p>是中国会“实现民族伟大复兴”<br />
还是美国会变得<a href="https://greatagain.gov">“再次伟大”？</a></p>
</header>
<p>中国的习近平要“实现中华民族伟大复兴”（realizing the great rejuvenation of the Chinese nation），美国川普要“让美国再次伟大”（Make America Great Again）。两人的目标是互相竞争的关系，还是会共同和平崛起？谁能兑现自己的口号。成为中兴之主——Grea(t A)gain？</p>
</div>
</section>
<!-- One -->
<section id="oneone">
<div class="container">
<header class="major">
<h3>每日随想</h3>
<p>记录一些日常的想法</p>
</header>
<p><b>2018.3.16</b>：<br />川普在FBI副局长麦卡比即将退休前不到两天的将他“开除”，使得他失去了退休福利，这个做法很难让人支持。当然这个事情名义上是司法部长塞申斯做的，但塞申斯是长期在政治体制内的，没有巨大的压力应该不会做这种“绝”的事情。担心美国会变成台湾那个样子，下一任上来用公权力来整治上一任的官员，甚至上一任总统。不是说麦卡比做的事情没错，只是作为政治圈里面的人，没有人是绝对“干净”的，如果严格按照法律条文，估计没几个能呆在监狱外的。所以美国有法律和法官，但设立了陪审团制度，就是为了避免法律被滥用来整治他人。目前这个口子移开，下一任如果民主党上来，估计川普政府的官员很多都要危险了。</a></p>
<p><b>2018.3.14</b>：<br />现在看已经很显然了，川普今年在内政上将一事无成，去年好不容易通过税改后，共和党议员们的心思都在中期选举上，而中期选举结果几乎可以确定，共和党将在国会失去众院，那样未来两年都不用有什么指望。如果说之前还有些疑问的话，昨晚宾州“红区”（非“深红区”）的一场特别选举共和党的“失败”（民主党只多几百票，但翻盘可能性很小了）后，基本上也没什么悬念了。所以川普能做的只能是拼外交了，这方面国会对他没有什么牵制的能力。中俄是美国列出的头号敌人，但川普的目标显然在中国，昨天曝光的消息说川普将对来自中国的600亿美元的商品征收关税，以报复中共窃取和强取美国知识产权的行为。这方面，川普还可以指望上国会的跨党派支持。习近平获得“绝对”和“长期”的权力，想应付最多只能做8年的川普。不过想“熬”过川普的想法可能不太现实。川普一旦开了用“超限战”对付中共的口子，以后无论谁当美国总统，都会继续用下去，因为这攸关美国的根本利益，此前的美国总统只是碍于面子不好开这个头，但只要有了先例，就一切都好说了。川普可以说无耻无知，但这也让他无畏，他自私自利，但美国的利益需要这样的人来守护。所以川普（主义） vs 习近平（梦想），谁能最终胜出呢？</a></p>
<p><b>2018.3.12（补充）</b>：<br />历史如同一台戏，实际上可能也确实是一台戏，习近平扮演什么角色，目前看，惩恶扬善，他只做了“惩恶”，打击的贪官应该说都是罪有应得，现在逐渐开始在经济、金融领域下手，同样遭殃的那些“大鳄”，“小鳅”也都是财富来路不正，被“充公”也算是天理昭彰。即使未来真的进一步搞针对“中产”的准文革，其实某种意义上也是对这些所谓的“中产”在过去的40年中，面对六四、法轮功等问题上，在善恶之间“只顾自己”的道德污点的惩罚。所以目前看他是在扮演末世“惩罚者”（Punisher）的角色。但还看不出他在做，或者能够做，开创新局的人。因为他所作的这些“惩罚者”的事情，都有“被逼无奈”的因素，现在宪也修了，全国上下也都一片“颂圣”之声了，无论做什么，政敌也都很难反抗了，这就看他在没有“被迫”的情况下会做什么了。如果只是做“惩罚者”，那么未来很可能会成为其他人“惩罚”的对象，只有“惩恶”的同时“扬善”，才能真正的成就一世和历史上的英名。</a></p>
<p><b>2018.3.12</b>：<br />习近平会成为李世民吗？上周四，习在山东团提到要有"功成不必在我"的思想，说要“不计较个人功名，追求的是人民群众的好口碑，是历史沉淀后的真正评价”。明报引述消息人士指，习的这番话是对修宪被指是复辟"终身制"的回应。说起来夺权时“吃相”难看，但夺权后能为民做事，开创一段被后世佳评历史的，能想起来的基本上只有唐太宗李世民，他通过玄武门之变，杀死兄弟，迫使父亲退位，夺取权力的方式显然不怎么光彩，但夺取皇位后，任用贤臣，听的进去“谏诤”，实现贞观之治，成为一代明君。虽然从上面的说法看，习近平还是想有一番历史作为，但观其用人，很难让人相信他能变成李世民。看看他重用的臣子都是什么，李鸿忠？陈敏尔？现在全国上下一片“颂圣”的声音，虽然可能是有人“高级黑”，但至少目前看习近平还很“受用”，或者也可以勉强说是为稳固权力吧。但在这条通向黑暗一面（Dark Side）的路上走下去，能够不“黑”化？实在太难了。</a></p>
<p><b>2018.3.9</b>：<br />不得不说，现在这个世界变化太快。两个多月前互相叫嚣着要核大战的川普和金正恩要在五月底前举行会面，如果确实见了，这将是首位美国在位总统和朝鲜领导人的会面。这个有点让人联想起来，习近平在马英九将离任前在新加坡的马习会。金正恩和川普的会面，感觉无法脱离东亚地缘政治的长期和大的背景来看，说“小火箭人”走投无路了，或者"老糊涂"被骗了，都有点过于简化了。把川普和金正恩联系在一起的“中间人”，一个当然是文在寅，韩国总统，而另一个就是习近平，朝鲜半岛局势的最直接相关国，除了朝、韩，就是中国了。尽管中共对外宣称乐见朝鲜半岛局势缓和，川普、金正恩会面，但内心里可能不是滋味，从某种意义上，可以说，自己种树，却被别人摘了桃子，如果说逼迫金正恩，中国更加认真的制裁——尽管仍然不是真心真意的，和威胁不再支持，是重要的原因，但如今所有人都在夸川普的作用，或者夸金正恩“识时务”。而中共则被晾在了一边。习近平19大之后几乎就没有碰上什么好事，对内，亲信北京书记蔡奇的三板斧砍到了自己头上，对外，“大国”影响力越来越成为笑话。为什么会这样呢？可能习近平真得好好想想了，不要被周围称颂的声音迷惑住。真正的权力到底哪里？是做了顺应民心，顺应历史，顺应天意的事得来的，现在这样霸王硬上弓通过中共体制抓来的权利，根本是镜花水月。同时违背民心，违背历史，违背天意，“报应”会来的很快很猛烈的。</a></p>
<p><b>2018.3.8</b>：<br />现在说习近平修宪"有道理"的基本上集中在以下两个假设。一个是习近平需要集权，来为国内政改铺路，但从历史看，先强力集权的几乎没有会再去做那种放权的改革，因为权力“来之不易”，就更舍不得放下，同时集权并非改革的先决条件，反而常常是反过来，通过改革而“顺理成章”的获得集权，比如邓小平并非集权后才“改革”，而是通过“改革”成就了他的集权。另一个是说希望习近平集权以带领中国抵御外患，但问题是，习近平越这样搞，其他国家就越对你戒备和厌恶，这样做不但不能抵御外患，反而会招来外患，虽然在国内你可以拼命封锁，不让人联想起文革，但国外人家可都是在讨论你会不会成为“习特勒”，这个你能封了人家的口吗？三位一体当国家主席，部分当然是为了能持续在国际舞台上风光，但会不会到时候反而因为不想未来被和“张伯伦”类别，导致没有任何西方主要国家愿意邀请你访问了呢？</a></p>
<p><b>2018.3.7</b>：<br />突然想起，2014年的时候，有报道说习近平在内部讲话中说：“与腐败做斗争，个人生死，个人毁誉，无所谓”。这次修宪，他明知道（？）会承受万民的唾骂，背负巨大的风险，但仍然“虽千万人吾往矣”，是否一个解释是他放下了“个人生死，个人毁誉”，要做更伟大的事业？只能说希望如此——抓权不易，需要高超的手腕和机遇，但一旦抓权后，肯为民族、国家乃至世界做好事，更重要的是一直做好事，而不是开始做好事，后来改做更大的坏事，就难如登天了。其实，能够在抓权后知道适当的时机放权，就需要几乎圣人的境界。</a></p>
<p><b>2018.3.6</b>：<br />习近平目前的真实地位到底在哪里？邓？毛？或者超过毛邓？形式上可能是达到毛、名义上超过邓，从影响上看，恐怕都还达不到。习要是想通过军事上行动或和他国争霸达到真正的毛邓目的，恐怕不可能，反而会葬送了中国的未来。</a></p>
<p><b>2018.3.1</b>：<br />有评论说，习近平反腐得罪了中共党内几乎所有人，如今修宪又突破了中国中产阶层的心理底线，现在看习近平也无意通过“平反”过去40年中受到不公对待和迫害的人和群体为自己争取更广泛的支持，那么他还能依靠谁来实现自己的“中国梦”？似乎只剩下一个群体，就是下层和底层，通过下层和底层来向中层和高层夺权，是不是似曾相识呢？对，这就是文革。<a href="https://twitter.com/DJYLive/status/969229869954617345">您怎么看？请推特上留言。</a></p>
<p><b>2018.3.2</b>：<br />说了半天习近平，回过头来说说川普。从任何传统意义上，川普都不能说是一个好总统，但以前农村有句话，叫软的怕硬的，硬的怕愣的，楞的怕横的，横的怕不要命的，在美中面临终极之战的时候，还只有川普这样的才能领导美国和中共对抗。奥巴马可以称其为“软”——中共有胆子肆意羞辱他，布什可以称其为“硬”，习近平获得“袁二”的雅号，“二”就是“楞”的意思，本来如果碰上的是另一个奥巴马，甚至另一个布什，都可以让对方“怕”，不过偏偏碰上川普这样一个“强横”的美国总统。川普不在乎虚名，也不怕冲突，这个时候表面实力不济，内里更是已经成了空壳的习近平也只好“楞”变“装傻”，跟川普一副“你为什么要这样对我”的委屈形象。川普昨天说要对进口钢铝征收高关税，很多媒体，包括英文媒体都说一些自相矛盾的话，一方面说不影响中国，另一方面又说中共严重不满，不影响，那就坐山观虎斗吧，为什么要不满？</a></p> <p><b>2018.3.1</b>：<br />有评论说，习近平反腐得罪了中共党内几乎所有人，如今修宪又突破了中国中产阶层的心理底线，现在看习近平也无意通过“平反”过去40年中受到不公对待和迫害的人和群体为自己争取更广泛的支持，那么他还能依靠谁来实现自己的“中国梦”？似乎只剩下一个群体，就是下层和底层，通过下层和底层来向中层和高层夺权，是不是似曾相识呢？对，这就是文革。<a href="https://twitter.com/DJYLive/status/969229869954617345">您怎么看？请推特上留言。</a></p>
<p><b>2018.2.28</b>：<br />拆局 下届国家主席全民直选？这样无任期就有了法理基础。习在两会前的党代会上先拿下总书记和军委主席，然后党内—-现在宪法不是明文党领导了嘛—-推出两个候选人，另一个当然只是陪衬，实在有异心，还可以利用自己控制的宣传力量全力打压，这样国的职位全民直选，名正言顺，最后又是三位一体五年。万一真的阴沟里翻船，国家主席没选上，国家主席反正是虚位元首，实权还名正言顺的在手中，当然这样的结果肯定元气大伤，但不会致命。未来进可以渐进民主，退也可以党内继续独揽大权。习近平的问题是没有真正的成绩的情况下要求“黄袍加身”，毛的确在让中共掌权中起了关键作用，所以当了一辈子“皇帝”；邓则是通过改革开放和平反文革中受害的人累计了真正的民意资本，得以“垂帘听政”，习近平的反腐固然受到民间支持，但目前看普通人并没有多大的受益，所以没有真正的民意资本。习近平要想获得民意，必须也要“拨乱反正”一下，解决一下那些在过去的二十年中受到最严重的迫害者的问题，才有民意资本长期掌权。当然具体以什么形式，比如首任大总统什么的，可以再说。</p>
<p><b>2018.2.27</b>：<br />不理性的习近平vs理性的川普，第三次世界大战的节奏？这个说法可能有些奇怪，都知道，川普每天在白宫都如同在主持“深夜脱口秀”一样，说话张口即来，不经过脑子；而习近平则是四平八稳，、做什么事情基本上都是精心准备。不过从近期“修宪”看，习近平骨子里是一个不怎么理性的人，有一种你想搞我，我就不顾一切要跟你“撸起袖子加油干”的狠劲，接班之前用“神隐”拒绝接班来迫使对手让步，就是这种态度的表现。这次的“修宪”从政治角度完全是不理性的做法，不少人在骂他，但似乎没有人能说清楚他为什么要这样做，有一种分析是说他这次又是被“立接班人”的要求逼急了，所以干脆就“冒天下之大不韪”，公开搞终身制，迫使对手闭嘴，这种分析感觉比较符合习近平的性格特点。川普虽然说话有些不经过脑子，但和习近平一样，都是"Find the thing you love and stick with it"，对习近平他stick的是权力，对川普则主要是政策，他对中国（中共）的强硬没有因为习近平的皇家待遇而改变，也没有因为中共的威胁而收手，所谓软硬不吃，这可以说让中共无计可施。这两个都非常“固执”的人，分别执掌中美，如果要不搞出点儿什么事儿，可能还真会是奇哉怪哉呢。</p>
<p><b>2018.2.26</b>：<br />习近平要改终身制？这个是这两天海外中文网络上最热门的讨论话题。不过在中国普通人既没有选票，也没有勇气来对政治制度发声的情况下，似乎被动的“用脚投票”，移民他国，是唯一明智的选择。习近平的“中国梦”，如果成功，在一党专政、个人独裁的情况下，属於“一将成名万骨枯”的那种成功，除了那些富贵险中求的有野心的人，大部分人只能好一点儿的当牛做马，差一点儿的当炮灰。如果不成功，中国很可能陷入乱局，那就“宁为太平犬，不为乱世人”了。当然移民的目的地需要有所选择，日、韩、港、台最好不考虑，离中国大陆太近；欧洲也不太靠谱，在“一带一路”的范围之内；英国勉强可以；美加应该基本安全，习近平治下的中国即使要“搞事”，也应该还不敢触碰美国的本土；澳大利亚理论上应该也还安全，但还是不如在美国的周边安全。</p>
</div>
</section>
<!-- Three -->
<section id="two">
<div class="container">
<h3>已经是往事</h3>
<p>过去的留言。</p>
<div class="features">
<article>
<a href="./8862900.html" class="image"><img src="http://i.epochtimes.com/assets/uploads/2017/03/GettyImages-487401374-600x400.jpg" alt="" /></a>
<div class="inner">
<h4><a href="./2017.html">2017年，主要是川普</a></h4>
<p>習近平在力推習近平思想，和毛比肩；川普在力行川普主義。不過四個月的時間裡面，兩人的友誼似乎開始出現裂痕，兩人、兩國會如何互動？誰能中興？可能到了圖窮匕首見的時候了。</p>
</div>
</article>
<article>
<a href="./8866876.html" class="image"><img src="http://i.epochtimes.com/assets/uploads/2017/03/GettyImages-459325038-1-600x400.jpg" alt="" /></a>
<div class="inner">
<h4><a href="./8866876.html">連提拔親信 習近平全副武裝進權鬥季</a></h4>
<p>在將他的盟友接二連三提拔到關鍵職位之後，習近平已經全副武裝地進入權力鬥爭季節，準備好駕馭十九大的權力交接。</p>
</div>
</article>
<article>
<a href="./8854867.html" class="image"><img src="http://i.epochtimes.com/assets/uploads/2017/02/GettyImages-169547932-2-600x400.jpg" alt="" /></a>
<div class="inner">
<h4><a href="./8854867.html">美媒：金氏政權岌岌可危 北京最好提前行動</a></h4>
<p>朝鮮的核野心難以制止。奧巴馬政府的「戰略耐心」政策已經失敗。現在有越來越多的呼聲要求川普（特朗普）總統直接跟平壤談判。雖然雙邊對話可能導致朝鮮核計劃暫時凍結，但是它不會讓朝鮮放棄核武。</p>
</div>
</article>
</div>
</div>
</section>
<!-- Two -->
<section id="three">
<div class="container">
<h3>更多网上文章</h3>
<p>更多关于习近平、川普的文章。</p>
<ul class="feature-icons">
<li class="fa-book"><a href="./8879778.html">北京拒打壓平壤 川普如何說服習近平？</a></li>
<li class="fa-book"><a href="./8866876.html">連提拔親信 習近平全副武裝進權鬥季</a></li>
<li class="fa-book"><a href="./8862900.html">面對川普和其鷹派內閣 中共深陷焦慮</a></li>
<li class="fa-book"><a href="./8858428.html">承諾「一中」 斯派塞暗示川普獲讓步 </a></li>
<li class="fa-book"><a href="./8854867.html">美媒：金氏政權危 北京最好提前行動</a></li>
<li class="fa-book"><a href="./8851296.html">改革派郭樹清掌銀監會 面臨艱鉅挑戰</a></li>
<li class="fa-book"><a href="./8838842.html">美官員：中共南海建二十多個導彈屋</a></li>
<li class="fa-book"><a href="./8838726.html">蒂勒森肯定建設性美中關係的重要性</a></li>
<li class="fa-book"><a href="./8838595.html">北京禁止朝鮮煤炭 對朝策略大轉變？</a></li>
</ul>
</div>
</section>
<!-- Four -->
<!--
<section id="four">
<div class="container">
<h3>Contact Me</h3>
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
<form method="post" action="#">
<div class="row uniform">
<div class="6u 12u(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="6u 12u(xsmall)"><input type="email" name="email" id="email" placeholder="Email" /></div>
</div>
<div class="row uniform">
<div class="12u"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
</div>
<div class="row uniform">
<div class="12u"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="special" value="Send Message" /></li>
<li><input type="reset" value="Reset Form" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
-->
<!-- Five -->
<!--
<section id="five">
<div class="container">
<h3>Elements</h3>
<section>
<h4>Text</h4>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr />
<header>
<h4>Heading with a Subtitle</h4>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<header>
<h5>Heading with a Subtitle</h5>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
<hr />
<h5>Blockquote</h5>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
<h5>Preformatted</h5>
<pre><code>i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
</section>
<section>
<h4>Lists</h4>
<div class="row">
<div class="6u 12u(xsmall)">
<h5>Unordered</h5>
<ul>
<li>Dolor pulvinar etiam magna etiam.</li>
<li>Sagittis adipiscing lorem eleifend.</li>
<li>Felis enim feugiat dolore viverra.</li>
</ul>
<h5>Alternate</h5>
<ul class="alt">
<li>Dolor pulvinar etiam magna etiam.</li>
<li>Sagittis adipiscing lorem eleifend.</li>
<li>Felis enim feugiat dolore viverra.</li>
</ul>
</div>
<div class="6u 12u(xsmall)">
<h5>Ordered</h5>
<ol>
<li>Dolor pulvinar etiam magna etiam.</li>
<li>Etiam vel felis at lorem sed viverra.</li>
<li>Felis enim feugiat dolore viverra.</li>
<li>Dolor pulvinar etiam magna etiam.</li>
<li>Etiam vel felis at lorem sed viverra.</li>
<li>Felis enim feugiat dolore viverra.</li>
</ol>
<h5>Icons</h5>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
</ul>
</div>
</div>
<h5>Actions</h5>
<ul class="actions">
<li><a href="#" class="button special">Default</a></li>
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button alt">Default</a></li>
</ul>
<ul class="actions small">
<li><a href="#" class="button special small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
<li><a href="#" class="button alt small">Small</a></li>
</ul>
<div class="row">
<div class="3u 6u(medium) 12u$(xsmall)">
<ul class="actions vertical">
<li><a href="#" class="button special">Default</a></li>
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button alt">Default</a></li>
</ul>
</div>
<div class="3u 6u$(medium) 12u$(xsmall)">
<ul class="actions vertical small">
<li><a href="#" class="button special small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
<li><a href="#" class="button alt small">Small</a></li>
</ul>
</div>
<div class="3u 6u(medium) 12u$(xsmall)">
<ul class="actions vertical">
<li><a href="#" class="button special fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li>
<li><a href="#" class="button alt fit">Default</a></li>
</ul>
</div>
<div class="3u 6u$(medium) 12u$(xsmall)">
<ul class="actions vertical small">
<li><a href="#" class="button special small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li>
<li><a href="#" class="button alt small fit">Small</a></li>
</ul>
</div>
</div>
</section>
<section>
<h4>Table</h4>
<h5>Default</h5>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
<h5>Alternate</h5>
<div class="table-wrapper">
<table class="alt">
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
</section>
<section>
<h4>Buttons</h4>
<ul class="actions">
<li><a href="#" class="button special">Special</a></li>
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button alt">Alternate</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button special big">Big</a></li>
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button alt small">Small</a></li>
</ul>
<ul class="actions fit">
<li><a href="#" class="button special fit">Fit</a></li>
<li><a href="#" class="button fit">Fit</a></li>
<li><a href="#" class="button alt fit">Fit</a></li>
</ul>
<ul class="actions fit small">
<li><a href="#" class="button special fit small">Fit + Small</a></li>
<li><a href="#" class="button fit small">Fit + Small</a></li>
<li><a href="#" class="button alt fit small">Fit + Small</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button special icon fa-download">Icon</a></li>
<li><a href="#" class="button icon fa-download">Icon</a></li>
<li><a href="#" class="button alt icon fa-check">Icon</a></li>
</ul>
<ul class="actions">
<li><span class="button special disabled">Special</span></li>
<li><span class="button disabled">Default</span></li>
<li><span class="button alt disabled">Alternate</span></li>
</ul>
</section>
<section>
<h4>Form</h4>
<form method="post" action="#">
<div class="row uniform">
<div class="6u 12u(xsmall)">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
</div>
<div class="6u 12u(xsmall)">
<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
</div>
</div>
<div class="row uniform">
<div class="12u">
<div class="select-wrapper">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
</div>
</div>
<div class="row uniform">
<div class="4u 12u(medium)">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low Priority</label>
</div>
<div class="4u 12u(medium)">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal Priority</label>
</div>
<div class="4u 12u(medium)">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High Priority</label>
</div>
</div>
<div class="row uniform">
<div class="6u 12u(medium)">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy of this message</label>
</div>
<div class="6u 12u(medium)">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">I am a human and not a robot</label>
</div>
</div>
<div class="row uniform">
<div class="12u">
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
<li><input type="reset" value="Reset" class="alt" /></li>
</ul>
</div>
</div>
</form>
</section>
<section>
<h4>Image</h4>
<h5>Fit</h5>
<span class="image fit"><img src="images/banner.jpg" alt="" /></span>
<div class="box alt">
<div class="row 50% uniform">
<div class="4u"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
</div>
<div class="row 50% uniform">
<div class="4u"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
</div>
<div class="row 50% uniform">
<div class="4u"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left & Right</h5>
<p><span class="image left"><img src="images/avatar.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image right"><img src="images/avatar.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</section>
</div>
</section>
-->
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Greagain.com. All rights reserved.</li><li>联系我们： <a href="https://twitter.com/DJYLive">推特留言</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollzer.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>