-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
689 lines (623 loc) · 38.9 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>杨现的个人主页</title>
<!-- BOOTSTRAP CORE STYLE CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- ANIMATE CSS -->
<link href="assets/css/animate.css" rel="stylesheet" />
<!-- PRETTY PHOTO CSS -->
<link href="assets/css/prettyPhoto.css" rel="stylesheet" />
<!-- STYLE SWITCHER CSS -->
<link href="assets/css/styleSwitcher.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!--PINK STYLE VERSION IS BY DEFAULT, USE ANY ONE STYLESHEET FROM FOUR STYLESHEETS (pink,green,blue and brown) HERE-->
<link href="assets/css/themes/pink.css" id="mainCSS" rel="stylesheet" />
<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
</head>
<body>
<div class="switcher" style="left:-50px;">
<a id="switch-panel" class="hide-panel">
<i class="fa fa-desktop"></i>
</a>
<p style="font-size:10px">choose</p>
<ul class="colors-list">
<li><a title="Pink" id="pink" class="pink" ></a></li>
<li><a title="Green" id="green" class="green" ></a></li>
<li><a title="Blue" id="blue" class="blue" ></a></li>
<li><a title="Brown" id="brown" class="brown" ></a></li>
</ul>
</div>
<!-- /. END THEME SWITCHER-->
<div id="home-sec">
<div class="overlay">
<div class="container">
<div class="row pad-top-bottom move-me">
<div class="col-lg-5 col-md-5 col-sm-5 text-center">
<img src="assets/img/sad.jpg" class="main-img img-circle wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s" alt=""/>
<h1 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">杨 现</h1>
<h2 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">GPU虚拟化研发专家</h2>
<a href="#about-sec" class="btn custom-btn-one btn-lg wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">深入了解</a>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 text-center ">
<a href="#about-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".1s">
<i class="fa fa-info icon-round icon-round-active"></i>
<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">关于我</h3>
</a>
<a href="#resume-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".3s">
<i class="fa fa-briefcase icon-round"></i>
<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">简历</h3>
</a>
<a href="#portfolio-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".5s">
<i class="fa fa-recycle icon-round icon-round-active"></i>
<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">成果</h3>
</a>
<a href="#hire-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".7s">
<i class="fa fa-paper-plane-o icon-round"></i>
<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">骚扰我</h3>
</a>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 text-center">
<img src="assets/img/smile.jpg" class="main-img-2 img-circle wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s" alt="" />
<h1 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">工作经验</h1>
<h2 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">5年+</h2>
<a href="#resume-sec" class="btn custom-btn-one btn-lg wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">下载简历</a>
</div>
</div>
</div>
</div>
</div>
<!-- HOME SECTION END-->
<section id="about-sec">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<h1>关于我</h1>
<h1>你知道少?</h1>
<div class="color-strip"></div>
<div class="social-icon">
<a href="#">
<img src="assets/img/Social/facebook.png" alt="" /></a>
<a href="#">
<img src="assets/img/Social/google-plus.png" alt="" /></a>
<a href="#">
<img src="assets/img/Social/twitter.png" alt="" /></a>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
<p>
杨现，男，1990.08 四川绵阳. 身高175cm，体重70kg. <br/>
邮箱: <a href=mailto:[email protected]>[email protected]</a> <a href=mailto:[email protected]>[email protected]</a> <br/>
博客: <a href="https://yangxianblog.github.io">https://yangxianblog.github.io</a> <br/>
简历: <a href="resume/index.html">https://yangxianpku.github.io/resume</a> <br/>
Tel: (+86) 15650703626 <br/>
</p>
<p>
2006.09-2008.06就读于四川省绵阳市梓潼县第一中学，2008.09转学至四川省绵阳市实验高级中学，2010.06参加高考，并于2010.09月以高出一本线43的成绩考入西南交通大学(成都)攻读工程力学专业本科。2014.06本科毕业，获得工学学士学位，并以优异的成绩免试保送至北京大学工学院攻读固体力学博士学位，师从<a href="http://www2.coe.pku.edu.cn/subpage.asp?id=114">唐少强</a>教授。读研期间一边从事课题组科研项目研究，一边自学计算机和量化投资相关知识。2017.09月放弃博士学位转为硕士研究生。
</div>
</div>
</div>
</section>
<!-- ABOUT SECTION END-->
<section id="skill-sec">
<div class="overlay">
<div class="container">
<div class="row pad-top-bottom move-me">
<div class="col-lg-2 col-md-2 col-sm-2 text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<span class="chart" data-percent="85">
<span class="percent"></span>
</span>
<h4>C++</h4>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
<span class="chart" data-percent="80">
<span class="percent"></span>
</span>
<h4>Python</h4>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">
<span class="chart" data-percent="95">
<span class="percent"></span>
</span>
<h4>CUDA</h4>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">
<span class="chart" data-percent="80">
<span class="percent"></span>
</span>
<h4>JAVA</h4>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 wow bounceIn animated" data-wow-duration="1s" data-wow-delay="1s">
<h1>CHECKOUT MY</h1>
<h1>SKILL SET</h1>
<p>
理工科出生，具有较为扎实的数理功底。自学计算机和金融，具有广泛的爱好！喜欢学习和钻研前沿的知识，如深度学习等. 爱好购买和收藏书籍，研究生期间约购买了8K RMB的专业书籍，看过其中的大约三分之一。
</p>
<a href="#resume-sec" class="btn btn-style-two btn-lg">下载简历 (.pdf file)</a>
</div>
</div>
</div>
</div>
</section>
<!-- SKILL SECTION END-->
<section id="resume-sec">
<div class="container">
<div class="row move-me">
<div class="col-lg-4 col-md-4 col-sm-4 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<h1>DOWNLOAD </h1>
<h1>RESUME</h1>
<div class="color-strip"></div>
<a href="#resume-sec" class="btn btn-style-three ">下载简历 (.txt file)</a>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
<div class="col-lg-8 col-md-8 col-sm-8 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
<div class="board">
<div class="board-inner">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a href="#home" data-toggle="tab" title="个人详情">
<span class="round-tabs one">
<i class="fa fa-home"></i>
</span>
</a></li>
<li><a href="#profile" data-toggle="tab" title="教育背景">
<span class="round-tabs two">
<i class="fa fa-briefcase"></i>
</span>
</a>
</li>
<li><a href="#exp" data-toggle="tab" title="实习经历">
<span class="round-tabs three">
<i class="fa fa-recycle"></i>
</span></a>
</li>
<li><a href="#location" data-toggle="tab" title="目前就职">
<span class="round-tabs four">
<i class="fa fa-paper-plane-o"></i>
</span>
</a></li>
<li><a href="#contact" data-toggle="tab" title="联系我">
<span class="round-tabs five">
<i class="fa fa-comments-o"></i>
</span></a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade in active" id="home">
<h4 class="head text-center">个人详情</h4>
<p class="narrow text-center">
<span>
<i>姓 名 : </i>杨 现 Xian Yang
</span>
<span>
<i>年 龄 : </i>27+ （1990.08）
</span>
<span>
<i>经 验 : </i>5年+
</span>
</p>
</div>
<div class="tab-pane fade" id="profile">
<h4 class="head text-center">教育背景</h4>
<p class="narrow text-center">
<span>
<i>专 业 : </i>固体力学 计算机科学 量化投资
</span>
<span>
<i>技 能 :</i>C++, HTML, Python, Java, CUDA, 深度学习, 计算机图形学, etc.
</span>
<span>
<i>软 件 :</i>PHOTOSHOP, MAYA, AE, Premiere, Latex, etc.
</span>
</p>
</div>
<div class="tab-pane fade" id="exp">
<h4 class="head text-center">实习经历</h4>
<p class="narrow text-center">
<span>
<i>今日头条 : </i>2016.09-2016.12 推荐系统开发工程师
</span>
<span>
<i>中国量化人才中心 : </i>2017.02-2017.05 量化研究员
</span>
<span>
<i>盛世景资产管理集团有限公式 :</i>2017.05-2017.08 交易系统开发工程师
</span>
</p>
</div>
<div class="tab-pane fade" id="location">
<h4 class="head text-center">目前就职 </h4>
<p class="narrow text-center">
<span>
<i>深圳 </i> 盐田区 华大基因
</span>
<span>
<i>中国 </i>REPUBLIC OF CHINA
</span>
<span>
<i>PIN </i>345-908-00
</span>
</p>
</div>
<div class="tab-pane fade" id="contact">
<h4 class="head text-center">联系我 </h4>
<p class="narrow text-center">
<span>
<i>EMAIL </i>[email protected]
</span>
<span>
<i>Call </i>+86-15650703626
</span>
<span>
<i>QQ </i>290811055
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row pad-top move-me wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="alert alert-info text-center">
<h4 class="media-heading"><strong>100 RMB</strong> / 小时</h4>
<p>
高性能开发工程师.
</p>
<a href="#hire-sec" class="btn btn-info">联系我</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="alert alert-success text-center">
<h4 class="media-heading"><strong>120-150 RMB</strong> / 小时</h4>
<p>
C++服务端开发工程师.
</p>
<a href="#hire-sec" class="btn btn-success ">联系我</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="alert alert-info text-center">
<h4 class="media-heading"><strong>150-200 RMB</strong> / 小时</h4>
<p>
深度学习研究员/开发工程师.
</p>
<a href="#hire-sec" class="btn btn-info">联系我</a>
</div>
</div>
</div>
</div>
</section>
<!-- RESUME SECTION END-->
<section id="testimonial-main">
<div class="overlay">
<div class="container">
<div class="row pad-top-bottom wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<h1>课题组介绍</h1>
<div id="testimonials" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#testimonials" data-slide-to="0" class="active"></li>
<li data-target="#testimonials" data-slide-to="1" class=""></li>
<li data-target="#testimonials" data-slide-to="2" class=""></li>
<li data-target="#testimonials" data-slide-to="3" class=""></li>
<li data-target="#testimonials" data-slide-to="4" class=""></li>
<li data-target="#testimonials" data-slide-to="5" class=""></li>
<li data-target="#testimonials" data-slide-to="6" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>北京大学工学院教授，博士生导师，中科大少年班数学和无线电双学位. 主要研究方向: 载流子输运、人工边界条件和分数阶倒数.<i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/maotang.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">唐少强</h5>
</div>
</div>
</div>
<div class="item active">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>云南省高中物理、数学和化学奥林匹克竞赛省一等奖获得者，全国中学生化学竞赛三等奖. 目前在北京大学工学院从事博士后研究，主要研究方向为复杂多边形的人工边界条件和折纸问题. <i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/jisongsong.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">姬松松</h5>
</div>
</div>
</div>
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>浙江人，华中科技大学工程力学硕士，清华大学周培源力学中心博士.目前在浙江工业大学，职称为副教授. <i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/wangxianming.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">王贤明</h5>
</div>
</div>
</div>
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>黑龙江人，吉林大学数学本科，北京大学流体力学博士. 现在法国从事博士后研究工作. <i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/bianlei.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">卞磊</h5>
</div>
</div>
</div>
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>四川宜宾人，中科大数学本科毕业，北京大学流体力学博士毕业. 目前在北京应用物理和计算数学研究所，方向为分数阶导数.<i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/yingyuping.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">应宇坪</h5>
</div>
</div>
</div>
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>四川宜宾人，北京大学流体力学博士毕业，目前在成都理工大学从事教学工作. <i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/lbyili.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">刘白伊郦</h5>
</div>
</div>
</div>
<div class="item">
<div class="container center">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
<h4><i class="fa fa-quote-left"></i>四川绵阳人，西南交通大学工程力学本科，北京大学固体力学硕士.目前即将毕业，工作单位暂定为华大基因，职业为高性能软件开发工程师. <i class="fa fa-quote-right"></i></h4>
<div class="user-img pull-right">
<img src="assets/img/yangxian.jpg" alt="" class="img-circle image-responsive" />
</div>
<h5 class="pull-right">杨现</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- TESTIMONIAL SECTION END-->
<section id="portfolio-sec">
<div class="container">
<div class="row text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h1>最近的项目与活动</h1>
<p>这里列举出一些我最近在做的项目、研究情况以及个人的一些生活照片. </p>
</div>
</div>
<div class="row wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/1.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">西部支教</a></h3>
<p>今年九月份与北京大学的同学一起到西藏支教. </p>
<a class="preview" href="assets/img/portfolio/big/1.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/2.png" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">CuArma</a></h3>
<p>基于CUDA和C++开发的高度抽象线性代数库 </p>
<a class="preview" href="assets/img/portfolio/big/2.png"><i class="fa fa-eye"></i>查看项目 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/3.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">范兴 </a></h3>
<p>额，前女友，信不信？？ </p>
<a class="preview" href="assets/img/portfolio/big/3.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/4.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">CuArma 词云 </a></h3>
<p>项目CuArma中所有关键词组成的词云图 </p>
<a class="preview" href="assets/img/portfolio/big/4.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/5.png" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">面向对象编程 </a></h3>
<p>这幅图有一个很有意思的名字，叫做面向对象编程。当然，只有程序员才明白其中的奥秘。</p>
<a class="preview" href="assets/img/portfolio/big/5.png"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/6.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">搬砖进行时 </a></h3>
<p>最近忙于毕业论文的协作，以及学习一些新的知识，搬砖ing...... </p>
<a class="preview" href="assets/img/portfolio/big/6.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/7.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">博雅塔 </a></h3>
<p>2018年为北京大学建校120周年校庆，值得纪念. </p>
<a class="preview" href="assets/img/portfolio/big/7.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/8.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">中国量化人才中心 </a></h3>
<p>鄙人在中国量化人才中心实习的日子. </p>
<a class="preview" href="assets/img/portfolio/big/8.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/9.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">徐芮 </a></h3>
<p>我和小芮芮在未名湖滑冰，记此生最后一次在未名湖滑冰. </p>
<a class="preview" href="assets/img/portfolio/big/9.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/10.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">社会实践 </a></h3>
<p>北京大学赴山东菏泽市巨野县社会实践团，鄙人作团长. </p>
<a class="preview" href="assets/img/portfolio/big/10.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/11.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">薛定谔方程 </a></h3>
<p>基于MBC的三维薛定谔方程求解结果. </p>
<a class="preview" href="assets/img/portfolio/big/11.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 ">
<div class="portfolio-sec-wrap">
<img class="img-responsive" src="assets/img/portfolio/small/12.jpg" alt="" />
<div class="overlay">
<div class="portfolio-sec-inner">
<h3><a href="#">座驾 </a></h3>
<p>鄙人新买的两轮燃油型宝马座驾，已经摔过一次了. </p>
<a class="preview" href="assets/img/portfolio/big/12.jpg"><i class="fa fa-eye"></i>查看照片 </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- PORTFOLIO SECTION END-->
<section id="hire-sec">
<div class="overlay">
<div class="container">
<div class="row text-center pad-top-bottom wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
<h1>联系我</h1>
<p>如您有工作或生活上的需求，欢迎与我交流, 程序员的世界里精彩纷呈。探索宇宙的真谛已经很累了，我没有时间与您开玩笑。</p>
<br />
</div>
</div>
<div class="row move-me wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
<div class="col-lg-6 col-md-6 col-sm-6">
<form>
<div class="form-group">
<input type="text" class="form-control" required="required" placeholder="您的姓名" />
</div>
<div class="form-group">
<input type="text" class="form-control" required="required" placeholder="您的邮箱" />
</div>
<div class="form-group">
<textarea name="message" id="message" required="required" class="form-control" style="min-height: 100px;" placeholder="消息内容"></textarea>
</div>
<div class="form-group">
<a href="#hire-sec" class="btn custom-btn-one ">联系我</a>
</div>
</form>
</div>
<div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-4 col-sm-offset-1" id="footer-sec">
<h3><strong>我的坐标 </strong></h3>
<p>成都市高新区天府四街 中国电信西部信息这个哦耐心数据中心. </p>
<p><i>地址 :</i> 243/90 - 成都市 高薪区, China</p>
<p>© 2018 版权所有 By 杨 现
</p>
</div>
</div>
</div>
</div>
</section>
<!-- HIRE SECTION END-->
<div class="move-me">
<a href="#home-sec" class="scrollup"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- SCROLL TO TOP SECTION END-->
<!-- JQUERY CORE SCRIPTS -->
<script src="assets/js/jquery-1.10.2.js"></script>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/js/bootstrap.js"></script>
<!-- SCROLL SCRIPTS -->
<script src="assets/js/jquery.easing.min.js"></script>
<!-- WOW ANIMATION SCRIPTS -->
<script src="assets/js/wow.min.js"></script>
<!-- EASY PIE CHART SCRIPTS -->
<script src="assets/js/jquery.easypiechart.min.js"></script>
<!-- PRETTY PHOTO SCRIPTS -->
<script src="assets/js/jquery.prettyPhoto.js"></script>
<!-- STYLE SWITCHER SCRIPTS -->
<script src="assets/js/styleSwitcher.js"></script>
<!-- CUSTOM SCRIPTS -->
<script src="assets/js/custom.js"></script>
</body>
</html>