-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·856 lines (779 loc) · 29 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
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
<!DOCTYPE html>
<html lang="en">
<head>
<!--
Basic
-->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Red</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="vCard & Resume Template" />
<meta name="keywords" content="vcard, resposnive, resume, personal, card, cv, cards, portfolio" />
<meta name="author" content="beshleyua" />
<!--
Load Fonts
-->
<link href="css/poppins.css" rel="stylesheet">
<link rel="stylesheet" href="css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
<!--
Load CSS
-->
<link rel="stylesheet" href="css/basic.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/blogs.css" />
<link rel="stylesheet" href="css/ionicons.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/animate.css" />
<!--
Template Colors
-->
<!--<link rel="stylesheet" href="css/template-colors/green.css" />-->
<!--<link rel="stylesheet" href="css/template-colors/blue.css" />-->
<!--<link rel="stylesheet" href="css/template-colors/orange.css" />-->
<!--<link rel="stylesheet" href="css/template-colors/pink.css" />-->
<!--<link rel="stylesheet" href="css/template-colors/purple.css" />-->
<link rel="stylesheet" href="css/template-colors/red.css" />
<!--
Template Dark
-->
<link rel="stylesheet" href="css/template-dark/dark.css" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--
Favicons
-->
<link rel="shortcut icon" href="images/favicons/favicon.png">
<link rel="stylesheet" href="css/particle.css">
<script src="js/particles.min.js"></script>
<script src="js/stat.min.js"></script>
</head>
<body>
<div class="page">
<!-- preloader -->
<div class="preloader">
<div class="centrize full-width">
<div class="vertical-center">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
</div>
<!-- background -->
<div id="particles-js"></div>
<script src="js/particle.js"></script>
<!--<div class="background" style="background-image: url(images/bg.jpg);"></div>-->
<!--
Container
-->
<div class="container opened" data-animation-in="fadeInLeft" data-animation-out="fadeOutLeft">
<!--
Header
-->
<header class="header">
<!-- menu -->
<div class="top-menu">
<ul>
<li class="active">
<a href="#about-card">
<span class="icon ion-person"></span>
<span class="link">Red是谁</span>
</a>
</li>
<li>
<a href="#resume-card">
<span class="icon ion-android-list"></span>
<span class="link">过往经历</span>
</a>
</li>
<li>
<a href="#works-card">
<span class="icon ion-paintbrush"></span>
<span class="link">作品零碎</span>
</a>
</li>
<li>
<a href="#contacts-card">
<span class="icon ion-at"></span>
<span class="link">联系Red</span>
</a>
</li>
</ul>
</div>
</header>
<!--
Card - Started
-->
<div class="card-started" id="home-card">
<!--
Profile
-->
<div class="profile">
<!-- profile image -->
<div class="slide" style="background-image: url(images/bg.jpg);"></div>
<!-- profile photo -->
<div class="image">
<img src="images/profile.png" alt="" />
</div>
<!-- profile titles -->
<div class="title">R.E.D</div>
<div class="subtitle">主播 • 程序员 • 设计师 • 写手</div>
<!-- profile buttons -->
<div class="lnks">
<a href="mailto:zhendong.ge@yahoo.com?subject=索要Red直播商业计划书&body=我对Red的直播感兴趣,故发此邮件索取详细商业计划" class="lnk">
<span class="text">索要直播商业计划书</span>
<span class="ion ion-archive"></span>
</a>
<a href="#" class="lnk discover">
<span class="text">联系Red</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
<!--
Card - About
-->
<div class="card-inner animated active" id="about-card">
<div class="card-wrap">
<!--
About
-->
<div class="content about">
<!-- title -->
<div class="title">Red是哪根葱</div>
<!-- content -->
<div class="row">
<div class="col col-d-12 col-t-12 col-m-12 border-line-v">
<div class="text-box">
<p>
Red是个主播，技术宅，文艺宅，不安分，爱折腾。在折腾的道路上一点点成长，明白了很多。想要分享，想要认识更多的人。于是开始直播，希望可以通过自己的直播，与大家分享这个奇妙的世界。
</p>
<p>
    直播时间：</br>    19.00 - 00.00 </br>    周二休息
</p>
<p>
    QQ群：584502884</br>    新浪微博：Red_lennox</br>    哔哩哔哩：Red_lennox
</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!--
Services
-->
<div class="content services">
<!-- title -->
<div class="title">Red的各种工作</div>
<!-- content -->
<div class="row service-items border-line-v">
<!-- service item -->
<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
<div class="service-item">
<div class="icon"><span class="ion ion-android-color-palette"></span></div>
<div class="name">设计师</div>
<p>
设计师是过去最主要的工作吧。专业满分被清华美院录取；和Parsons合作参与了首届北京国际设计周；长期混迹创业公司，设计过挺多产品，作品被外媒报道过；进过硅谷孵化器Founder Institute。然后也就没啥了。
</p>
</div>
</div>
<!-- service item -->
<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
<div class="service-item">
<div class="icon"><span class="ion ion-code"></span></div>
<div class="name">程序员</div>
<p>
计算机其实才是第一专业，只是本科时候学得半斤八两又转行做了设计。倒是后来逐渐感兴趣，写的代码多了起来，现在勉强算个全栈工程师吧。陆续写过的项目也不算少，最有趣的还是自己毕业展上那个听音乐绘画的数字艺术程序。
</p>
</div>
</div>
<!-- service item -->
<div class="col col-d-6 col-t-6 col-m-12">
<div class="service-item">
<div class="icon"><span class="ion ion-android-create"></span></div>
<div class="name">写手</div>
<p>
人生也有过一阵子靠码字维持生计，主要写一些学术文章，偶尔也会给一些公众号码字。文字能力完全是依赖儿时的语文基础和青少年时期一点点的文艺积累。
</p>
</div>
</div>
<!-- service item -->
<div class="col col-d-6 col-t-6 col-m-12">
<div class="service-item">
<div class="icon"><span class="ion ion-ios-game-controller-b"></span></div>
<div class="name">玩家</div>
<p>
自幼喜欢玩游戏吧，高中打过CS网吧队，大学打过Dota高校赛，研究生时期算是打了两年职业德州扑克，不过那会靠游戏完全吃不上饭，打扑克勉强吃上饭，都不怎么靠谱。如今时代变了，重新接触直播行业，希望能从玩家身份开始，认识更多的朋友。
</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--
Card - Resume
-->
<div class="card-inner" id="resume-card">
<div class="card-wrap">
<!--
Resume
-->
<div class="content resume">
<!-- title -->
<div class="title">过往经历</div>
<!-- content -->
<div class="row">
<!-- experience -->
<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
<div class="resume-title border-line-h">
<div class="icon"><i class="ion ion-briefcase"></i></div>
<div class="name">经验</div>
</div>
<div class="resume-items">
<div class="resume-item border-line-h">
<div class="date">2017-2018</div>
<div class="name">开始关注直播，从新开始玩游戏。吃鸡排名进入东南亚服和亚服前200。（玩家）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2016</div>
<div class="name">依靠码字生活（写手）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2014-2015</div>
<div class="name">加入大疆创新旗下创业公司，作品被外媒报道（设计师）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2014</div>
<div class="name">和硅谷华人合作项目进入Founder Institute（设计师）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2012-2014</div>
<div class="name">Pokerstar全职玩家，NL100级别稳定盈利（玩家）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2011</div>
<div class="name">北京国际设计周（设计师）</div>
</div>
<div class="resume-item border-line-h">
<div class="date">2011</div>
<div class="name">清华大学百年校庆（程序员）</div>
</div>
<div class="resume-item">
<div class="date">2008</div>
<div class="name">Gnome Asian Summit峰会(程序员)</div>
</div>
</div>
</div>
<!-- education -->
<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
<div class="resume-title border-line-h">
<div class="icon"><i class="ion ion-university"></i></div>
<div class="name">教育</div>
</div>
<div class="resume-items">
<div class="resume-item border-line-h">
<div class="date">2010 - 2014</div>
<div class="name">清华大学</div>
<div class="company">设计学硕士</div>
</div>
<div class="resume-item">
<div class="date">2006 - 2010</div>
<div class="name">北京航空航天大学</div>
<div class="company">软件工程学士</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--
Card - Works
-->
<div class="card-inner" id="works-card">
<div class="card-wrap">
<!--
Works
-->
<div class="content works">
<!-- title -->
<div class="title">作品零碎</div>
<!-- filters -->
<div class="filter-menu filter-button-group">
<div class="f_btn active">
<label><input type="radio" name="fl_radio" value="grid-item" />全部</label>
</div>
<div class="f_btn">
<label><input type="radio" name="fl_radio" value="UI" />UI&UX</label>
</div>
<div class="f_btn">
<label><input type="radio" name="fl_radio" value="graphics" />平面</label>
</div>
<div class="f_btn">
<label><input type="radio" name="fl_radio" value="writing" />文</label>
</div>
<div class="f_btn">
<label><input type="radio" name="fl_radio" value="others" />其它</label>
</div>
</div>
<!-- content -->
<div class="row grid-items border-line-v">
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item graphics border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-1" class="has-popup-media">
<img src="images/works/work1.png" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-1" class="name has-popup-media">主播LOGO和直播界面</a>
<div class="category">平面</div>
</div>
<div id="popup-1" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work1.png" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>LOGO和直播界面</h1>
<div class="blog-detail">平面</div>
<div class="blog-content">
<p>
为主播Gl1tch设计的平面素材。内容包含LOGO,直播开场闭场画面及直播时的界面元素。
</p>
</div>
<a href="https://www.behance.net/gallery/58961335/Streaming-Overlay-Design" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item UI border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-2" class="has-popup-media">
<img src="images/works/work2.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-2" class="name has-popup-media">视频社交APP</a>
<div class="category">UI&UX</div>
</div>
<div id="popup-2" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work2.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>at First Sight</h1>
<div class="blog-detail">UI&UX</div>
<div class="blog-content">
<p>
视频社交app，那会移动视频技术刚刚成熟。当时我是团队唯一设计师，负责产品、UX和UI等全部设计工作，同时还兼顾推广等其他工作。产品后来进入美国市场，在常春藤做过地推，被多家美媒报道，被Brit+Co等媒体评选为最佳app。
</p>
</div>
<a href="https://www.behance.net/gallery/28261271/UI-design-for-at-First-Sight" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item graphics border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-3" class="has-popup-media">
<img src="images/works/work3.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-3" class="name has-popup-media">LOGO设计</a>
<div class="category">平面</div>
</div>
<div id="popup-3" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work3.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>Wacoo</h1>
<div class="blog-detail">平面</div>
<div class="blog-content">
<p>
为北京一个创业团队做的LOGO。按照甲方要求要在LOGO中体现科技、环境、人文三项合一的理念，于是做了这个三色归一的球型LOGO。
</p>
</div>
<a href="https://www.behance.net/gallery/28263275/Wacoo" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item others border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-4" class="has-popup-media">
<img src="images/works/work4.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-4" class="name has-popup-media">眼贴包装</a>
<div class="category">其它</div>
</div>
<div id="popup-4" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work4.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>Melbourna眼贴包装</h1>
<div class="blog-detail">其它</div>
<div class="blog-content">
<p>
为Melbourna设计的眼贴包装。
</p>
</div>
<a href="https://www.behance.net/gallery/28262383/Melbone" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item graphics border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-5" class="has-popup-media">
<img src="images/works/work5.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-5" class="name has-popup-media">夜场VI设计</a>
<div class="category">平面</div>
</div>
<div id="popup-5" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work5.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>夜店品牌VI系统</h1>
<div class="blog-detail">平面</div>
<div class="blog-content">
<p>
为夜店品牌PUPO设计的VI套。包括LOGO，餐巾纸，胸牌，菜单，邀请函等等物件。
</p>
</div>
<a href="https://www.behance.net/gallery/28261653/PUPO" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item UI border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-6" class="has-popup-media">
<img src="images/works/work6.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-6" class="name has-popup-media">语音通讯APP</a>
<div class="category">UI&UX</div>
</div>
<div id="popup-6" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work6.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>Smalltalk</h1>
<div class="blog-detail">UI&UX</div>
<div class="blog-content">
<p>
为萨克斯科技设计的语音通讯APP。这是一个简单的语音视频通讯软件，所以整体设计风格更偏重于实用性，简洁高效。
</p>
</div>
<a href="https://www.behance.net/gallery/28261653/PUPO" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item graphics border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-7" class="has-popup-media">
<img src="images/works/work7.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-7" class="name has-popup-media">表情包</a>
<div class="category">平面</div>
</div>
<div id="popup-7" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work7.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>at First Sight表情包</h1>
<div class="blog-detail">平面</div>
<div class="blog-content">
<p>
为at First Sight设计的表情包，基于at First Sight的logo设计的人物形象。动画由西班牙动画师Javier Francisco完成。
</p>
</div>
<a href="https://www.behance.net/gallery/28261915/LOGO-Sticky" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item others border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-8" class="has-popup-media">
<img src="images/works/work8.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-8" class="name has-popup-media">数字艺术</a>
<div class="category">其它</div>
</div>
<div id="popup-8" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work8.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>听音绘画，数字艺术作品</h1>
<div class="blog-detail">其它</div>
<div class="blog-content">
<p>
我自己的毕业设计作品。用Java写的一个程序，程序会根据其听到的音乐来作画，图片是程序在听一段后摇时绘制的抽象作品的一部分。完整的视频见项目详情，需要翻墙访问Vimeo.
</p>
</div>
<a href="https://www.behance.net/gallery/28265819/Draw-with-music" class="button">
<span class="text">项目详情</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item writing border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-9" class="has-popup-media">
<img src="images/works/work9.png" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-9" class="name has-popup-media">你可有念念不忘的陌生人</a>
<div class="category">文</div>
</div>
<div id="popup-9" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work9.png" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>你可以有念念不忘的陌生人</h1>
<div class="blog-detail">文</div>
<div class="blog-content">
<p>
给公众号写的软文，为赋新词强说愁，都是为了生活。
</p>
<blockquote>
先说一个故事。</br>1997年，一个美国的摇滚鼓手随自己的乐团去欧洲巡演。其中一站是为法国某电影节暖场，演出场地就在海边。表演的间隙，鼓手漫步在海滩，安静地吹着太平洋的海风。他看到了海滩上的一个女孩，很漂亮。 他走了过去，他完全不会任何法语。女孩也完全不会任何英文，他们彼此认识了。两个人一同走回音乐厅，在大街上漫无目的的游荡......
</blockquote>
</div>
<a href="https://mp.weixin.qq.com/s?__biz=MzI0NjA2Njg3Ng==&mid=405159792&idx=1&sn=897099842795e94455a2d9208b80335a&scene=23&srcid=07036NMmczPpCDL0KqURmg4T#rd" class="button">
<span class="text">完整稿</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- work item design -->
<div class="col col-d-6 col-t-6 col-m-12 grid-item writing border-line-h">
<div class="box-item">
<div class="image">
<a href="#popup-10" class="has-popup-media">
<img src="images/works/work10.jpg" alt="" />
<span class="info">
<span class="ion ion-images"></span>
</span>
</a>
</div>
<div class="desc">
<a href="#popup-10" class="name has-popup-media">回到梦的起点</a>
<div class="category">文</div>
</div>
<div id="popup-10" class="popup-box mfp-fade mfp-hide">
<div class="content">
<div class="image">
<img src="images/works/work10.jpg" alt="">
</div>
<div class="desc">
<div class="post-box">
<h1>回到梦的起点</h1>
<div class="blog-detail">文</div>
<div class="blog-content">
<p>
貌似是为应付某一次考试给千与千寻写的影评，也是为作新词强说愁吧，生活不易。
</p>
<blockquote>
名字一旦被夺走，就再也无法找到回家的路——赈早见琥珀川
</br>假如可以选择不用长大，我想宫崎骏一定会愿意只做一个孩童，如璞玉般闪亮无暇，在扑闪的纯净眸子里守护世界的倒影。没有迪斯尼的调皮诙谐， 没有皮克斯的那些绚烂光影，甚至没有手握巨剑的战士和超能力英雄，也没有正义与邪恶的世纪决战......
</blockquote>
</div>
<a href="#" class="button">
<span class="text">完整稿</span>
<span class="arrow"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--
Card - Contacts
-->
<div class="card-inner contacts" id="contacts-card">
<div class="card-wrap">
<!--
Conacts Info
-->
<div class="content contacts">
<!-- title -->
<div class="title">联系Red</div>
<!-- content -->
<div class="row">
<div class="col col-d-12 col-t-12 col-m-12 border-line-v">
<div class="info-list">
<ul>
<li><strong>QQ：</strong> 603626504</li>
<li><strong>Email：</strong> zhendong.ge@yahoo.com</li>
<li><strong>电话：</strong> 18617049299</li>
<li><strong>微信：</strong> G1rvan4</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!--
Contact Form
-->
</div>
</div>
</div>
</div>
<!--
jQuery Scripts
-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/imagesloaded.pkgd.js"></script>
<script src="js/masonry.pkgd.js"></script>
<script src="js/masonry-filter.js"></script>
<script src="js/jquery.slimscroll.js"></script>
<!--
Main Scripts
-->
<script src="js/scripts.js"></script>
</body>
</html>