-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
638 lines (546 loc) · 25 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
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="./img/myimg/book1.jpg" type="images/x-icon">
<title>文学精粹</title>
<!-- MDB icon -->
<link rel="icon" href="./img/myimg/smallicon.jpg" type="image/x-icon">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Material Design Bootstrap -->
<link rel="stylesheet" href="css/mdb.min.css">
<!-- Your custom styles (optional) -->
<link rel="stylesheet" href="css/mystyle.css">
</head>
<body>
<!-- start your project here -->
<!--Main Navigation-->
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark scrolling-navbar fixed-top">
<div class="container">
<!-- Navbar brand -->
<a class="navbar-brand" href="#intro"><img src="./img/myimg/smallicon.jpg" alt="Brand">
<font>文学精粹</font>
</a>
<!-- Collapse button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content"
aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Collapsible content -->
<div class="collapse navbar-collapse" id="navbar-content">
<!-- Links -->
<ul class="navbar-nav mr-auto smooth-scroll ">
<li class="nav-item">
<a class="nav-link" href="#ClassicalPoem">
<font>古典诗词</font>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#ModernPoetry">
<font>现代诗歌</font>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#prose">
<font>散文</font>
</a>
</li>
</ul>
<!-- Links -->
</div>
<!-- Collapsible content -->
</div>
</nav>
<!--/.Navbar-->
<!--Mask-->
<div id="intro" class="view">
<div class="mask rgba-red-slight">
<div class="container-fluid d-flex align-items-center justify-content-center h-100">
<div class="row d-flex justify-content-center text-center">
<div class="col-md-10">
<!-- Heading -->
<h2 class="display-4 font-weight-bold pt-5 mb-2 text-white">Reading</h2>
<!-- Divider -->
<hr class="hr-light">
<!-- Description -->
<h4 class="text-white my-4">Stars so dazzling gorgeous sky,knowledge is their talent and abilities.</h4>
<a href="#ClassicalPoem" class=""><button type="button" class="btn btn-outline-white">Read more<i
class="fas fa-book ml-2"></i></button></a>
</div>
</div>
</div>
</div>
</div>
<!--/.Mask-->
</header>
<!--Main Navigation-->
<!--Main layout-->
<main>
<!--Section: about-->
<section id="ClassicalPoem" class="py-5">
<!-- Container -->
<div class="container">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold text-center mb-5">古典诗词</h2>
<!--Section: call to action-->
<!-- Section description -->
<p id="ClassicalPoemIntro" class="lead red-text text-center w-responsive mx-auto mb-5">
古典诗词是我国文化遗产中浑厚而清醇的精神美酒。
诗歌在中国源远流长，绵延数千年，取得了光辉灿烂的成就。早在西周至春秋时代，我国诗歌就已产生了大批辉煌篇章，其标志是我国第一部诗歌总集《诗经》的出现。
</p>
<!-- Grid Firstrow -->
<div class="row text-center mb-5">
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/card111.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">如梦令·常记溪亭日暮</h4>
<pre>
常记溪亭日暮，沉醉不知归处。
兴尽晚回舟，误入藕花深处。
争渡，争渡，
惊起一滩鸥鹭。
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_3e33bfbb8f79.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6 mb-md-0 mb-4">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/card333.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">浣溪沙·闺情</h4>
<pre>
绣面芙蓉一笑开，斜飞宝鸭衬香腮
眼波才动被人猜。
一面风情深有韵，半笺娇恨寄幽怀
月移花影约重来。
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_f3dcdc98faa6.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/card9.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">鹧鸪天·寒日萧萧上锁窗</h4>
<pre>
寒日萧萧上锁窗，梧桐应恨夜来霜
酒阑更喜团茶苦，梦断偏宜瑞脑香
秋已尽，日犹长，仲宣怀远更凄凉
不如随分尊前醉，莫负东篱菊蕊黄
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_30920bbaea20.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid Firstrow -->
<!-- Grid Scondrow -->
<div class="row text-center mb-5">
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/background3.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">望江南·超然台作</h4>
<pre>
春未老，风细柳斜斜
试上超然台上看，半壕春水一城花
烟雨暗千家。
寒食后，酒醒却咨嗟
休对故人思故国，且将新火试新茶
诗酒趁年华。
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_b8148e70fea6.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6 mb-md-0 mb-4">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/card12.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">江城子·密州出猎</h4>
<pre>
老夫聊发少年狂，左牵黄，右擎苍
锦帽貂裘，千骑卷平冈
为报倾城随太守，亲射虎，看孙郎
酒酣胸胆尚开张。鬓微霜，又何妨
持节云中，何日遣冯唐
会挽雕弓如满月，西北望，射天狼
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_85b8792a66ac.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6">
<!--Featured image-->
<div class="view overlay rounded z-depth-1">
<img src="./img/myimg/card14.jpg" class="img-fluid" alt="Sample project image">
<a>
<div class="mask rgba-white-slight"></div>
</a>
<!--Excerpt-->
<div class="card-body pb-2">
<h4 class="font-weight-bold my-3 Mystyletext">蝶恋花·春景</h4>
<pre>
花褪残红青杏小
燕子飞时，绿水人家绕
枝上柳绵吹又少，天涯何处无芳草
墙里秋千墙外道
墙外行人，墙里佳人笑
笑渐不闻声渐悄，多情却被无情恼
</pre>
<a class="btn btn-purple btn-md" href="https://so.gushiwen.org/shiwenv_69a11cbab0b4.aspx"><i
class="fas fa-book-reader left"></i>译文及注释</a>
</div>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid Scondrow -->
</div>
<!-- Container -->
</section>
<!--Section: about-->
<!--Section: projects-->
<section id="ModernPoetry" class="text-center py-5 mybg">
<!-- Container -->
<div class="container">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold text-center mb-5">现代诗歌</h2>
<!--Section: call to action-->
<!-- Section description -->
<p id="ModernPoetryIntro" class="lead red-text text-center w-responsive mx-auto mb-5">
现代诗歌又称新诗，是指“五四运动”至中华人民共和国成立以来的诗歌。它是适应时代的要求，以接近群众的白话语言反映现实生活，表现科学民主的革命内容，以打破旧体诗格律形式束缚为主要标志的新体诗。“现代诗”名称，开始使用于1953年—纪弦创立“现代诗社”时确立。
</p>
<!-- Grid Firstrow -->
<div class="row text-center mb-5">
<!-- Grid column -->
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
<!--Featured image-->
<div id="ByeKang" class="view overlay rounded z-depth-1">
<div class="text-center mt-4">
<h4 class="font-weight-bold my-3 text-center">再别康桥</h4>
<h6 class="font-weight-bold text-center">——徐志摩</h6>
<pre class="Blue-text">
轻轻的我走了，
正如我轻轻的来；
我轻轻的招手，
作别西天的云彩。
那河畔的金柳，
是夕阳中的新娘；
波光里的艳影，
在我的心头荡漾。
软泥上的青荇，
油油的在水底招摇；
在康河的柔波里，
我甘心做一条水草！
那榆荫下的一潭，
不是清泉，是天上虹；
揉碎在浮藻间，
沉淀着彩虹似的梦。
寻梦？撑一支长篙，
向青草更青处漫溯；
满载一船星辉，
在星辉斑斓里放歌。
但我不能放歌，
悄悄是别离的笙箫；
夏虫也为我沉默，
沉默是今晚的康桥！
悄悄的我走了，
正如我悄悄的来；
我挥一挥衣袖，
不带走一片云彩。
</pre>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6 mb-md-0 mb-4">
<!--Featured image-->
<div id="April" class="view overlay rounded z-depth-1">
<div class=" mt-4">
<h4 class="font-weight-bold my-3">你是人间四月天—一句爱的赞颂</h4>
<h6 class="font-weight-bold text-center">——林徽因</h6>
<pre class="Blue-text">
我说你是人间的四月天；
笑响点亮了四面风；
轻灵在春的光艳中交舞着变
你是四月早天里的云烟，
黄昏吹着风的软，
星子在无意中闪，
细雨点洒在花前。
那轻，那娉婷，你是，
鲜妍百花的冠冕你戴着，
你是天真，庄严，
你是夜夜的月圆。
雪化后那片鹅黄，你像；
新鲜初放芽的绿，你是；
柔嫩喜悦，
水光浮动着你梦期待中白莲。
你是一树一树的花开，
是燕在梁间呢喃，
——你是爱，是暖，是希望，
你是人间的四月天！
</pre>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 col-md-6">
<div id="Atree" class="view overlay rounded z-depth-1">
<div class=" mt-4">
<h4 class="font-weight-bold my-3">寻梦者</h4>
<h6 class="font-weight-bold text-center">——戴望舒</h6>
<pre class="Blue-text">
梦会开出花来的，
梦会开出娇妍的花来的，
去求无价的珍宝吧。
在青色的大海里，
在青色的大海的底里，
深藏着金色的贝一枚。
你去攀九年的冰山吧，
你去航九年的瀚海吧，
然后你逢到那金色的贝。
它有天上的云雨声，
它有海上的风涛声，
它会使你的心沉醉。
把它在海水里养九年，
把它在天水了养九年，
然后，它在一个暗夜里开绽了。
当你鬓发斑斑了的时候，
当你眼睛朦胧了的时候，
金色的贝吐出桃色的珠。
把桃色的珠放在你的怀里，
把桃色的珠放在你枕边，
于是一个梦静静地升上来了。
你的梦开出花来了，
你的梦开出娇妍的花来了，
</pre>
</div>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid Firstrow -->
</section>
<!--Section: projects-->
<!--Section: call to action-->
<div class="streak streak-md streak-photo" style="background-image:url('./img/myimg/bgg2.jpg')">
<div class="flex-center white-text rgba-black-light pattern-1">
<ul class="mb-0 list-unstyled">
<li>
<h2 class="h2-responsive"><i class="fas fa-quote-left" aria-hidden="true"></i>
习惯了之前的热热闹闹，与人渐行渐远后，幡然醒悟每个人生来都是寂寞的，能有一个知己倾诉你的寂寞最好不过。但，帅气的面庞百里挑一，
真正的知己千年难遇。我们需要学会排遣心中的寂寞，让歌与文字填充你心灵的空缺。 <i class="fas fa-quote-right" aria-hidden="true"></i></h2>
</li>
<li class="mb-0">
<h5 class="text-center font-italic mb-0">~ 一个孤独的女孩</h5>
</li>
</ul>
</div>
</div>
<!--Section: call to action-->
<!--Section: gallery-->
<section id="prose" class="text-center py-5">
<!-- Container -->
<div class="container">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold text-center mb-5">散文</h2>
<!--Section: call to action-->
<!-- Section description -->
<p id="proseIntro" class="lead red-text text-center w-responsive mx-auto mb-5">
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
</p>
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-12 mb-4">
<!--Carousel Wrapper-->
<div id="MyCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<!--Indicators-->
<ol class="carousel-indicators">
<li data-target="#MyCarousel" data-slide-to="0" class="active"></li>
<li data-target="#MyCarousel" data-slide-to="1"></li>
<li data-target="#MyCarousel" data-slide-to="2"></li>
</ol>
<!--/.Indicators-->
<!--Slides-->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active text-center">
<div class="view">
<img class="d-block w-100" src="./img/myimg/bgg5.jpg" alt="First slide">
<div class="mask rgba-black-light"></div>
</div>
<div class="carousel-caption text-center mb-4">
<h3 class="h3-responsive font-weight-bold Yellow-text">歌声</h3>
<h5 class="Yellow-text font-weight-bolder">——朱自清</h5>
<pre class="Yellow-text">
昨晚中西音乐歌舞大会里中西丝竹和唱的三曲清歌，真令我神迷心醉了。
仿佛一个暮春的早晨，霏霏的毛雨默然洒在我脸上，引起润泽，轻松的感觉。
新鲜的微风吹动我的衣袂，像爱人的鼻息吹着我的手一样。
我立的一条白矾石的甬道上，经了那细雨，正如涂了一层薄薄的乳油；
踏着只觉越发滑腻可爱了。这时在花园里。群花都还做她们的清梦。
那微雨偷偷洗去她们的尘垢，她们的甜软的光泽便自焕发了。
在那被洗去的浮艳下，
我能看到她们在有日光时所深藏着的恬静的红，冷落的紫，和苦笑的白与绿。
以前锦绣般在我眼前的，现在都带了黯淡的颜色。
——是愁着芳春的销歇么？是感着芳春的困倦么？
大约也因那蒙蒙的雨，园里没了秾郁的香气。
涓涓的东风只吹来一缕缕饿了似的花香；夹带着些潮湿的草丛的气息和泥土的滋味。
园外田亩和沼泽里，又时时送过些新插的秧，少壮的麦，和成荫的柳树的清新的蒸气。
这些虽非甜美，却能强烈地刺激我的鼻观，使我有愉快的倦怠之感。
看啊，那都是歌中所有的：我用耳，也用眼，鼻，舌，身，听着；也用心唱着。
我终于被一种健康的麻痹袭取了。于是为歌所有。此后只由歌独自唱着，听着；
世界上便只有歌声了。
</pre>
</div>
</div>
<div class="carousel-item">
<!--Mask color-->
<div class="view">
<img class="d-block w-100" src="./img/myimg/bgg6.jpg" alt="Second slide">
<div class="mask rgba-black-light"></div>
</div>
<div class="carousel-caption text-center mb-4">
<h3 class="h3-responsive font-weight-bold Lin-text">人生若只如初见</h3>
<h5 class="Lin-text font-weight-bolder">——林徽因</h5>
<pre class="Lin-text">
终于明白，有些路，只能一个人走。
那些邀约好同行的人，一起相伴雨季，走过年华，但有一天终究会在某个渡口离散。
红尘陌上，独自行走，绿萝拂过衣襟，青云打湿诺言。
山和水可以两两相忘，日与月可以毫无瓜葛。
那时候，只一个人的浮世清欢，一个人的细水长流。
都说世相迷离，我们常常在如烟世海中丢失了自己，
而凡尘缭绕的烟火又总是呛得你我不敢自由呼吸。
千帆过尽，回首当年，那份纯净的梦想早已渐行渐远，如今岁月留下的，只是满目荒凉
有人说，爱上一座城，是因为城中住着某个喜欢的人。其实不然，爱上一座城，
也许是为城里的一道生动风景，为一段青梅往事，为一座熟悉老宅。
或许，仅仅为的只是这座城。
就像爱上一个人，有时候不需要任何理由，没有前因，无关风月，只是爱了。
我们应当相信，每个人都是带着使命来到人间的。
无论他多么的平凡渺小，多么的微不足道，
总有一个角落会将他搁置，总有一个人需要他的存在。
有些人在属于自己的狭小世界里，守着简单的安稳与幸福，不惊不扰地过一生。
有些人在纷扰的世俗中，以华丽的姿态尽情地演绎一场场悲喜人生。
</pre>
</div>
</div>
<div class="carousel-item">
<!--Mask color-->
<div class="view">
<img class="d-block w-100" src="./img/myimg/bgg7.jpg" alt="Third slide">
<div class="mask rgba-black-light"></div>
</div>
<div class="carousel-caption text-center mb-4">
<h3 class="h3-responsive font-weight-bold Zhang-text">秋雨</h3>
<h5 class="Zhang-text font-weight-bolder">——张爱玲</h5>
<pre class="Zhang-text">
雨，像银灰色粘湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天也是暗沉沉的
像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，
就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。
园子里绿翳翳的石榴，桑树，葡萄藤，都不过代表着过去盛夏的繁荣
，现在已成了古罗马建筑的遗迹一样，在萧萧的雨声中瑟缩不宁，回忆着光荣的过去。
草色已经转入忧郁的苍黄，地下找不出一点新鲜的花朵；
宿舍墙外一带种的娇嫩的洋水仙，垂了头，含着满眼的泪珠，在那里叹息它们的薄命，
才过了两天的晴美的好日子又遇到这样霉气熏蒸的雨天。只有墙角的桂花，
枝头已经缀着几个黄金一样宝贵的嫩蕊，小心地隐藏在绿油油椭圆形的叶瓣下，
透露出一点新生命萌芽的希望。雨静悄悄地下着，只有一点细细的淅沥沥的声音。
桔红色的房屋，像披着鲜艳的袈裟的老僧，垂头合目，受着雨的洗礼。那潮湿的红砖
发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，
在湿烂发霉的泥地里跳跃着；在秋雨的沉闷的网底，
只有它是唯一的充满愉快的生气的东西。它背上灰黄斑驳的花纹，跟沉闷的天空遥遥
相应，造成和谐的色调。它扑通扑通的跳着，从草窠里，跳到泥里，溅出深绿的水花。
雨，像银灰色粘濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。
</pre>
</div>
</div>
</div>
<!--/.Slides-->
<!--Controls-->
<a class="carousel-control-prev" href="#MyCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#MyCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!--/.Controls-->
</div>
<!--/.Carousel Wrapper-->
</div>
<!--Grid column-->
</div>
<!-- Container -->
</div>
</section>
<!--Section: gallery-->
</main>
<!--Main layout-->
<!--Footer-->
<footer>
</footer>
<!--Footer-->
<!-- end your project here -->
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Your custom scripts (optional) -->
<script type="text/javascript"></script>
</body>