-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtunnel.html
478 lines (478 loc) · 16.9 KB
/
tunnel.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北斗 | 青年自我启蒙践行者</title>
<link rel="stylesheet" href="css/style-inner.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body>
<nav class= "navbar-fixed-top">
<div class="header-inner">
<img id ="watermark" src="images/watermark.png" alt="watermark" />
<div class="container">
<div class="nav-inner">
<ul>
<li><a href="index.html">首 页</a></li>
<li><a href="tunnel.html">问 政</a></li>
<li><a href="tunnel.html">文 艺</a></li>
<li><a href="tunnel.html">为 学</a></li>
<li><a href="tunnel.html">生 活</a></li>
<li><a href="tunnel.html">摘 星</a><img src="images/dot.png" alt="" /></li>
</ul>
</div>
</div>
<div class="search">
<input type="text" />
<input type="image" src="images/search.png"/>
</div>
</div>
</nav>
<div class="tunnel-bg">
<!-- <img class="tunnel-img" src="images/tunnel-bg.jpg" alt="背景" /> -->
<div class="container">
<img class="tunnel-intro" src="images/tunnel-intro.png" alt="介绍" />
</div>
</div>
<div class="container">
<div class="row tunnel-tabs">
<div class="col-xs-4">
<div class="bk">
<a href="bk.html">
</a>
</div>
</div>
<div class="col-xs-4">
<div class="sd">
<a href="sd.html">
</a>
</div>
</div>
<div class="col-xs-4">
<div class="sf">
<a href="sf.html">
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row tunnel-hr">
<img src="images/hr.png" alt="" />
</div>
</div>
<div class="container">
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
北斗两岸
</div>
<div class="img">
<img src="images/article5.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
民主台湾带来的自我想像
</div>
<div class="author">
<a href="author.html">文/游梓峰（國立政治大學）</a>
</div>
<div class="content">
<p>编者按：台灣民主帶來的經驗，除了給予大陸一定的影響，對於同為兩岸四地的香港，亦帶來了一定的影響。那麼一個普通的香港青年又是如何看待民主台灣的呢？</p>
<p>在台灣，台灣公民有權利直接選舉與罷免中華民國的總統與副總統；在香港，香港特別行政區首長(以下簡稱「香港行政長官」或「特首」)則透過代表香港社會的不同界別、立法會議員、區域性組織、香港地區全國人大，以及香港地區全國政協委員代表所組成的選舉委員會所選出，並由中華人民共和國。共和國國務院總理簽署國務院令任命之。在缺乏民意基礎的代議政制之下，香港市民無法發揮監督政府的功能... </p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>北斗两岸</li>
<li>民主</li>
<li>问政频道</li>
<li>台湾</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
七星说法
</div>
<div class="img">
<img src="images/article6.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
两少一宽：它到底是什么？
</div>
<div class="author">
<a href="author.html">文/七星说法 陈澜鑫</a>
</div>
<div class="content">
<p>“两少一宽”已然成为互联网中民族对立正当化的一个宣泄口。无论是街头巷尾“豪爽”的切糕贩，还是昆明暴恐事件中丧心病狂的歹徒，只要犯罪分子与“少数民族”一起出现，网络舆论就会很快掀起一阵阵民族对立的言论，乃至于“灭族灭种”。在这样的氛围中，任何试图追求理性的声音最终都会面临关于“两少一宽”的质问：“两少一宽是特权 ”、“两少一宽是怀柔政策”、“两少一宽纵容了犯罪分子”......因为“两少一宽”，有一些非理性的憎恶似乎就变得合情合理了，甚至连正当诉求都找到了。</p>
<p>本文首先要解决的问题是：到底，什么是“两少一宽”。所谓“两少一宽”，即“对少数民族的犯罪分子要坚持‘少捕少杀’，在处理上一般要从宽”...</p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>七星视点</li>
<li>打工</li>
<li>问政频道</li>
<li>大学</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
七星视点
</div>
<div class="img">
<img src="images/article1.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
受救童工考上大学或失业童工沦为妓女
</div>
<div class="author">
<a href="author.html">文/七星视点</a>
</div>
<div class="content">
<p>总有些人特别缺钱，所以必然会为了获得金钱而愿意伤害自己，你阻止他以较小伤害的方式获取金钱，他就不得不以大伤害的方式获取金钱。</p>
<p>打工至少能吃饱饭，为什么不让出去？
这些处于长期贫困的人们发现在当地无论如何奋斗都很难消除贫困，他们的劳动力要素不具备价值，不能有效地转化成收入和财富，当他们突然发现自己的劳动力可以在遥远的城市换取实在财富时，自然趋之若鹜。三十岁的甲巴古子于昨夜死去，今天他家支的所有成员挤在了他的平房里，为他送行...</p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>七星视点</li>
<li>打工</li>
<li>问政频道</li>
<li>大学</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
七星影像
</div>
<div class="img">
<img src="images/article2.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
捍卫纯洁的友情——《艾特熊和赛娜鼠》
</div>
<div class="author">
<a href="author.html">文/拓之空</a>
</div>
<div class="content">
<p>水彩晕湿了美好。冬去春来，四季在这里交替，友情在这里培土。《艾特熊和赛娜鼠》以亲切的童年感，赚足了影迷和凯撒奖、康城影展、香港影展上众评委的喝彩，淡雅的水彩和手绘质朴的结合孕育而生了这个改编自原作者Gabrielle Vincent的绘本小品。伴随悠扬的法国小调，上演了一场动物界狄更斯式的朴实无华。逾越了种族的不容之目后，两只小动物捍卫友情的真心打动了世人，从此艾特熊和赛娜鼠幸福的生活在一起。</p>
<p>（一）绘本</p>
<p>说到“绘本”，人们会迅速笼统的联想到连环画或是漫画幅单页或双页的图画撑起……
</p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>七星影像</li>
<li>绘本</li>
<li>生活频道</li>
<li>拓之空</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
七星人物
</div>
<div class="img">
<img src="images/article3.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
徽州小姐
</div>
<div class="author">
<a href="author.html">文/张书棋</a>
</div>
<div class="content">
<p>裘先生老了，可依旧高瘦、白净，风采不减。裘先生是老派的徽州人，年少时跟了同乡的望族做学徒，随着东家的生意一起落到了吴城。裘先生勤快、可靠，相貌也端正，东家很是赏识，把账目都交与他管，后来索性连女儿也许了他。这便是唐小姐，是那时的唐小姐，也是以后一个甲子的唐小姐。</p>
<p>唐小姐生长在吴城，可谁都知道她是个标准的徽州人，一直都住在他父亲建的徽式的大宅子里。房子是早就被没收了，所幸的是，分房的时候又隔出几个小间分给了裘先生，还有她。唐小姐也老了，但还是要把日子过得精致。她把自己收拾得很干净，穿得也素净...</p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>七星视点</li>
<li>打工</li>
<li>问政频道</li>
<li>大学</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
<div class="row article">
<div class="left col-xs-7">
<div class="kind">
七星人物
</div>
<div class="img">
<img src="images/article4.jpg" alt="article" />
</div>
</div>
<div class="right col-xs-5">
<div class="title">
一个虚无主义者的自白
</div>
<div class="author">
<a href="author.html">文/卓扬 Eris( University of Virginia )</a>
</div>
<div class="content">
<p>当那个满头银发，眼神却依然犀利精干的CBS记者问我，“你要明白驱使你生命的到底是什么”的时候，我的思维却不可救药地滑落到了另一个方向。</p>
<p>我生命的动机是什么？现在的我坐在自然历史博物馆的办公室里，面对双屏幕里正在剪辑的微生物视频，重新开始思考这个问题。我是羡慕这些渺小的生物的：它们生于沙砾间，死于沙砾间，在那卑微的意识还来不及觉察的时候，就已经度过了短暂一生。就这样渺小而繁多的生物而言，个体的存在对世界几乎没有任何重量，像是茫茫宇宙中的一粒尘埃，本身就代表混沌和空白。</p>
<p>我确实羡慕它们，因为我是一个虚无主义者。生命的动机对我来说，似乎没有前提。</p>
<p>我有一个朋友，是孟加拉某部长的女儿，在上流社会家庭长大，有一个法学博士学位，结婚生子前是美国知名智库的分析师。第一次见到她的时候，就感到矜持、得体、倨傲和优雅混作坚实的一团，像铁墙一般冷不防地拍在我脸上，让人神经紧绷起来。</p>
<p>“我现在又要回去继承我父亲的事业，那么我当初又为什么要留在美国？人生究竟又有什么意义呢？”她这样问我。</p>
<p>我不能告诉她，她的话让我想到加缪的《局外人》，里面的主人公在死刑前，愤怒地拒绝向神父皈依：“我曾以某种方式生活过，我也可能以另一种方式生活。我做过这件事...</p>
</div>
</div>
<div class="bottom">
<div class="all">
<a href="article.html">>>查看全文</a>
</div>
<div class="tags">
<img src="images/tags.png" alt="tags" />
<ul>
<li>卓扬</li>
<li>虚无</li>
<li>我和我看到的世界</li>
<li>生活频道</li>
</ul>
</div>
<div class="right">
<div class="watch">
<img src="images/watch.png" alt="watch" />
228
</div>
<div class="talk">
<img src="images/talk.png" alt="talk" />
41
</div>
<div class="share">
<img src="images/share.png" alt="share" />
12
</div>
<div class="love">
<img src="images/love-little.png" alt="talk" />
161
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="hr">
<img src="images/na.png" alt="na" />
</div>
</div>
</div>
<div class="about-bg">
<div class="container">
<div class="row">
<div class="about">
<div class="title">
关于北斗
</div>
<p>
北斗创立于2008年5月5日，对全体青年人开放，服务于青年自我启蒙，五年多来，有数百名青年志愿者在北斗担任过工作，更有成千上万的青年人阅读北斗。虽然经历过很多波折，我们希望让北斗的精神和实践一直延续下去。
</p>
</div>
<div class="social">
<div class="row">
<div class="col-xs-6">
<a href="#">
<img src="images/wx.jpg" alt="微信" />
<span>北斗微信</span>
</a>
</div>
<div class="col-xs-6">
<a href="#">
<img src="images/wb.jpg" alt="微博" />
<span>北斗官方微博</span>
</a>
</div>
</div>
</div>
<div class="tunnel">
<ul>
<li><a href="#">问政频道</a></li>
<li><a href="#">七星说法</a></li>
<li><a href="#">七星百科</a></li>
<li><a href="#">七星视点</a></li>
</ul>
<ul>
<li><a href="#">为学频道</a></li>
<li><a href="#">北斗荐书</a></li>
<li><a href="#">七星论道</a></li>
</ul>
<ul>
<li><a href="#">摘星活动</a></li>
<li><a href="#">线下摘星沙龙</a></li>
<li><a href="#">线上讨论组</a></li>
<li></li>
</ul>
<ul>
<li><a href="#">文艺频道</a></li>
<li><a href="#">北斗语文课</a></li>
<li><a href="#">七星人物</a></li>
<li></li>
</ul>
<ul>
<li><a href="#">生活频道</a></li>
<li><a href="#">七星影像</a></li>
<li><a href="#">七星微语</a></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row footer">
<div class="container">
©2014 北斗大学生优秀作文集散地 · 京ICP备14004855号-1 · Draft <br />
</div>
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$('.carousel').carousel()
</script>
</body>
</html>