forked from flyywh/flyywh.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
WenhanYang_backup.html
381 lines (357 loc) · 22.6 KB
/
WenhanYang_backup.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
<!DOCTYPE html>
<!-- saved from url=(0057)http://www.icst.pku.edu.cn/struct/people/yangs/index.html -->
<html class="csstransforms csstransforms3d csstransitions"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Wenhan Yang</title>
<link href="./WenhanYang_files/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="./WenhanYang_files/style.css" rel="stylesheet" type="text/css" media="all">
<link href="./WenhanYang_files/prettyPhoto.css" rel="stylesheet" type="text/css" media="all">
<link href="./WenhanYang_files/css" rel="stylesheet" type="text/css">
</head>
<body>
<!---start-wrap--->
<!---start-header--->
<div class="header">
<div class="wrap">
<!---start-logo--->
<div class="logo">
<a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#">Wenhan Yang</a>
</div>
<!---End-logo--->
<!---start-top-nav--->
<div class="top-nav">
<ul>
<li id="Me" class="active" onclick="func('Me')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#me" class="scroll">Me</a></li>
<li id="Experience" onclick="func('Experience')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#experience" class="scroll">Experience</a></li>
<li id="Research" onclick="func('Research')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#research" class="scroll">Research</a></li>
<li id="Publications" onclick="func('Publications')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#publications" class="scroll">Publications</a></li>
<li id="Art" onclick="func('Art')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#art" class="scroll">Art Gallery</a></li>
<li id="Contact" onclick="func('Contact')"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/index.html#contact" class="scroll">Contact</a></li>
</ul>
</div>
<div class="clear"> </div>
<!---End-top-nav--->
</div>
</div>
<script>
var lastname = 'Me';
function func(name){
var div = document.getElementById(name);
div.className = 'active';
div = document.getElementById(lastname);
div.className = '';
lastname = name;
}
function coming_soon()
{
alert("Coming soon.");
}
</script>
<!---End-wrap--->
<div class="content">
<div class="grid1" id="me">
<div class="welcome-photo">
<a class="welcome-photo1"><img id="me1" src="./WenhanYang_files/WenhanYang.jpg" title="name"></a>
</div>
<h3>Wenhan Yang (杨文瀚)</h3>
<br>
<p align="left">Wenhan Yang will be a postdoctoral researcher at Learning and Vision Lab, National University of Singapore.
He received his PhD (July, 2018) in Computer Application Technology from Peking University.
From September 2012 – July 2018, he was a Ph.D. candidate in Institute of Computer Science & Technology of Peking University (<a href="http://www.icst.pku.edu.cn/"><strong>ICST</strong></a>). He is a member of Spatial and Temporal Restoration Understanding and Compression Team (<a href="http://www.icst.pku.edu.cn/struct/"><strong>STRUCT</strong></a>) at ICST. </p>
</div>
<div class="grid3" id="experience">
<div class="grid3-header">
<h3>Experience</h3>
<p></p>
</div>
<div class="grid3-content">
<div class="grid3-content">
<ul class="graid3-ul">
<li class="graid3-li"> Research Assistant at STRUCT Group (07/2018 - Present)<br>
Institute of Computer Science and Technology, Peking University
</li>
<li class="graid3-li"> Ph. D. Candidate in Computer Science (09/2012 - 07/2018)<br>
Institute of Computer Science and Technology, Peking University
</li>
<li class="graid3-li"> Visiting Student at Learning and Vision Lab (09/2015 - 09/2016)<br>
Department of Electrical & Computer Engineering, National University of Singapore
</li>
<li class="graid3-li">
Bachelor’s Degree Major in Computer Science (09/2008 - 07/2012)<br>
School of Electronics Engineering and Computer Science, Peking University
</li>
<li class="graid3-li">
Bachelor’s Degree Minor in Economy (09/2009 - 07/2012)<br>
National School of Development, Peking University
</li>
</ul>
</div>
</div>
</div>
<div class="grid2" id="research">
<h3>Research</h3>
<p>My interest mainly lies in low-level image processing, including:</p>
<ul>
<li>
<img src="./WenhanYang_files/33384-200.png" title="Artdirector">
<a href="http://www.icst.pku.edu.cn/struct/people/yangs/project.html#research1">Image Comletion</a>
</li>
<li>
<img src="./WenhanYang_files/123911-200.png" title="Artdirector">
<a href="http://www.icst.pku.edu.cn/struct/people/yangs/project.html#research2">Depth Enhancement</a>
</li>
<li>
<img src="./WenhanYang_files/3991-200.png" title="Artdirector">
<a href="http://www.icst.pku.edu.cn/struct/people/yangs/project.html#research3">Image Stylization</a>
</li>
</ul>
<p></p>
<p>My research projects are available at <a class="grid2-herf" href="http://www.icst.pku.edu.cn/struct/people/yangs/project.html">my project page</a>.</p>
</div>
<div class="grid3">
<div class="grid3-header" id="publications">
<h3>Publications</h3>
</div>
<div class="grid3-content">
<h3>Publications:</h3>
<ul class="graid3-ul">
<li class="graid3-li"> <b>Shuai Yang</b>, Gene Cheung, Jiaying Liu, and Zongming Guo. "Soft Decoding of Light Field Images Using POCS and Fast Graph Spectral Filters", Accepted by <i>IEEE International Conference on Acoustics, Speech, and Signal Processing (ICASSP)</i>, April 2018.
<br>
[<a href="javascript:coming_soon()">pdf</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Yuming Fang, and Zongming Guo. "Joint-Feature Guided Depth Map Super-Resolution with Face Priors", <i>IEEE Transactions on Cybernetics (TCYB)</i>, Vol.48, No.1, pp.399-411, Jan. 2018.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Projects/JFSR/files/tcyb_yang16.pdf" ;="">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/JFSR.html">project</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Zhouhui Lian, and Zongming Guo. "Awesome Typography: Statistics-Based Text Effects Transfer", <i>IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</i>, Honolulu, Hawaii, Jul. 2017.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2017/ys_cvpr17.pdf" ;="">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/TET.html">project</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Sifeng Xia, and Zongming Guo. "1+N Fusion: Cascaded Self-Portrait Enhancement", <i>IEEE International Conference on Acoustics, Speech, and Signal Processing (ICASSP)</i>, New Orleans, LA, U.S., March. 2017. (oral)
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2017/ys_icassp17.pdf" ;="">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/1plusn.html">project</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Sijie Song, Qikun Guo, Xiaoqing Lu and Jiaying Liu. "Facial Depth Map Enhancement via Neighbor Embedding", <i>Proc. of International Conference on Pattern Recognition (ICPR)</i>, Cancun, Mexico, Dec. 2016. (oral)
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2016/ys_icpr16.pdf">pdf</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Sijie Song, Mading Li and Zongming Guo. "Structure-Guided Image Completion via Regularity Statistics", <i>Proc. of IEEE International Conference on Acoustics, Speech, and Signal Processing (ICASSP)</i>, Shanghai, China, March. 2016.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2016/ys_icassp16.pdf">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/HIC3D.html">project</a>]
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Wenhan Yang and Zongming Guo. "Perspective Distorted Video Restoration and Stabilization For Mobile Devices", <i>Proc. of IEEE China Summit and International Conference on Signal and Information Processing (ChinaSIP)</i>, Chengdu, China, Jul. 2015. (oral)
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2015/ys_chinasip15.pdf">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/PICE.html">project</a>]
</li>
<li class="graid3-li"> Jiaying Liu, Wenhan Yang, <b>Shuai Yang</b>, Zongming Guo. "Erase or Fill? Deep Joint Recurrent Rain Removal and Reconstruction in Videos", Accepted by <i>IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</i>, June 2018.
<br>
[<a href="javascript:coming_soon()">pdf</a>]
</li>
<li class="graid3-li">Saboya Yang, <b>Shuai Yang</b>, Wenhan Yang, and Jiaying Liu. "Automatic Portrait Oil Painter: Joint Domain Stylization for Portrait Images", Accepted by <i>Multimedia Tools and Applications (MTAP)</i>, 2017.
<br>
[<a href="https://link.springer.com/article/10.1007/s11042-017-5190-z" ;="">pdf</a>]
</li>
<li class="graid3-li">Saboya Yang, Jiaying Liu, Wenhan Yang, <b>Shuai Yang</b>, and Chunpeng Li. "Soft Segmentation-Guided Bipartite Graph Image Stylization", <i>IEEE International Conference on Image Processing (ICIP)</i>, Beijing, China, Sep. 2017.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2017/ysby_icip17.pdf" ;="">pdf</a>]
</li>
<li class="graid3-li">Saboya Yang, Jiaying Liu, <b>Shuai Yang</b>, Wenhan Yang and Zongming Guo. "Joint-Domain Unsupervised Stylization for Portraits", <i>IEEE International Symposium on Circuits and Systems (ISCAS)</i>, Baltimore, MD, May 2017.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2017/ysby_iscas17.pdf" ;="">pdf</a>]
</li>
<li class="graid3-li">Sifeng Xia, <b>Shuai Yang</b>, Jiaying Liu and Zongming Guo. "Novel Self-Portrait Enhancement via Multi-Photo Fusing", <i>Proc. of Asia Pacific Signal and Information Processing Association (APSIPA)</i>, Jeju, Korea, Dec. 2016. (oral)
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2016/xsf_apsipa16.pdf">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/SPEH.html">project</a>]
</li>
<li class="graid3-li">Saboya Yang, Jiaying Liu, <b>Shuai Yang</b>, Sifeng Xia and Zongming Guo. "Hierarchical Oil Painting Stylization with Limited Reference via Sparse Representation", <i>Proc. of IEEE International Workshop on Multimedia Signal Processing (MMSP)</i>, Xiamen, China, Oct. 2015. (oral, Top 10% Paper Awards)
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2015/ysby_mmsp15.pdf">pdf</a>]
[<a href="http://www.icst.pku.edu.cn/struct/Projects/HOPS.html">project</a>]
</li>
<li class="graid3-li">Wenhan Yang, Jiaying Liu, <b>Shuai Yang</b>, Zongming Guo, "Novel Autoregressive Model Based on Adaptive Window-Extension and Patch-Geodesic Distance for Image Interpolation", <i>Proc. of IEEE International Conference on Acoustics, Speech, and Signal Processing (ICASSP)</i>, Brisbane, Australia, Apr. 2015.
<br>
[<a href="http://www.icst.pku.edu.cn/struct/Pub%20Files/2015/ywh_icassp15.pdf">pdf</a>]
</li>
</ul>
<br>
<h3>Patents:</h3>
<ul class="graid3-ul">
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Sifeng Xia, Zongming Guo. 图像拼接方法及装置, Chinese Patent Application, 201710134639.2. (Patent Pending).
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Sifeng Xia, Jiaying Liu, Zongming Guo. 多张图片融合的方法及装置, Chinese Patent Application, 201710021329.X. (Patent Pending).
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Sijie Song, Zongming Guo. 深度图增强方法和深度图增强装置, Chinese Patent Application, 201611093936.9. (Patent Pending).
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Sijie Song, Zongming Guo. 基于偏移量的图像修复方法及装置, Chinese Patent Application, 201510340991.2. (Patent Pending).
</li>
<li class="graid3-li"> <b>Shuai Yang</b>, Jiaying Liu, Mading Li, Qiaochu Li, Zongming Guo. 多边形检测方法和多边形检测装置, Chinese Patent Application, 201410193194.1. (Patent Pending).
</li>
<li class="graid3-li"> Wei Bai, Jiaying Liu, <b>Shuai Yang</b>, Zongming Guo. 一种图像风格化重建方法及装置, Chinese Patent Application, 201510379988.1. (Patent Pending).
</li>
<li class="graid3-li"> Wenhan Yang, Jiaying Liu, <b>Shuai Yang</b>, Zongming Guo. 一种基于网络图像块检索的图像重建方法及系统, Chinese Patent Application, 201510633384.5. (Patent Pending).
</li>
<li class="graid3-li">Saboya Yang, Jiaying Liu, <b>Shuai Yang</b>, Zongming Guo. 一种基于Beta过程的图像风格化重建稀疏表示方法, Chinese Patent Application, 201510045335.X. (Patent Pending).
</li>
<li class="graid3-li"> Jiaying Liu, Qiaochu Li, Mading Li, <b>Shuai Yang</b>,Zongming Guo. 图像处理装置和图像处理方法, Chinese Patent Application, 201410200267.5. (Patent Pending).
</li>
</ul>
<br>
<h3>Awards:</h3>
<ul class="graid3-ul">
<li class="graid3-li"> Lee Wai Wing Scholarship (李惠荣奖学金), Peking University, 2017.
</li>
<li class="graid3-li"> Merit Student (三好学生), Peking University, 2017.
</li>
<li class="graid3-li"> CETC The 14th Research Institute Glarun Scholarship (国睿奖学金), Peking University, 2016.
</li>
<li class="graid3-li"> Merit Student (三好学生), Peking University, 2016.
</li>
<li class="graid3-li"> 网络新青年形象大使, Peking University, 2015.
</li>
<li class="graid3-li"> 信科之星, EECS of Peking University, 2015.
</li>
<li class="graid3-li"> Wang Xuan Scholarship (王选奖学金), ICST of Peking University, 2015.
</li>
<li class="graid3-li"> Freshman Scholarship, ICST of Peking University, 2015.
</li>
<li class="graid3-li"> Top 10 Distinguished Paper (十佳毕业论文), EECS of Peking University, 2015.
</li>
<li class="graid3-li"> Founder Scholarship (方正奖学金), Peking University, 2014.
</li>
<li class="graid3-li"> Tian Chuang Scholarship (天创奖学金), EECS of Peking University, 2013.
</li>
</ul>
</div>
</div>
<div class="contact" id="art">
<h3>Art Gallery</h3>
<p>Have some passions for drawing and art. On the way of being an amateur designer. </p>
<p>More selected art works are available at <a href="javascript:coming_soon()">my art gallery page</a>.</p>
<div id="works">
<div class="container">
<div class="row">
<div class="portfolio-items isotope" style="position: relative; overflow: hidden; height: 498px;">
<div class="col-sm-6 col-md-3 col-lg-3 web isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/comic2.jpg" title="囧囧有神的北大生活: A comic about my college life." rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Comic Series</h4>
<small>囧囧有神的北大生活</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/comic1.jpg" class="img-responsive" alt="Comic Series"> </a> </div>
<div class="portfolio-botom"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/gallery-on-comics.html">comic series ▶</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(292px, 0px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/protrait2.jpg" title="Our research group with a 'Lena' Snoopy" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Cartoon Portraits</h4>
<small>Our research group</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/protrait1.jpg" class="img-responsive" alt="Cartoon Portraits"> </a> </div>
<div class="portfolio-botom"><a href="javascript:coming_soon()">Cartoon portraits</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding app isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(584px, 0px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/chinesepainting2.jpg" title="临髡残 溪山秋雨图" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Chinese Painting</h4>
<small>临髡残 溪山秋雨图</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/chinesepainting1.jpg" class="img-responsive" alt="Chinese Painting"> </a> </div>
<div class="portfolio-botom"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/gallery-on-paper.html">Chinese Painting ▶</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(876px, 0px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/sketch2.jpg" title="Winebottle and Plaster Statue" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Sketch</h4>
<small>Winebottle and Plaster Statue</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/sketch1.jpg" class="img-responsive" alt="Sketch"> </a> </div>
<div class="portfolio-botom"><a href="http://www.icst.pku.edu.cn/struct/people/yangs/gallery-on-paper.html">Sketch ▶</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(292px, 248px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/tshirt2.jpg" title="Baymax: Save the world for you. (北大信科院衫)" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>T-shirt Design</h4>
<small>Baymax: Save the world for you.</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/tshirt1.jpg" class="img-responsive" alt="T-shirt Design"> </a> </div>
<div class="portfolio-botom"><a href="javascript:coming_soon()">t-shirt design</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 250px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/moscot2.jpg" title="计蒜鸡：蒜法计蒜" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Mascot Design</h4>
<small>计蒜鸡</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/moscot1.jpg" class="img-responsive" alt="Mascot Design"> </a> </div>
<div class="portfolio-botom"><a href="javascript:coming_soon()">Mascot Design</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(584px, 250px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/UI2.jpg" title="e-Course App" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>UI Design</h4>
<small>e-Course App</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/UI1.jpg" class="img-responsive" alt="UI Design"> </a> </div>
<div class="portfolio-botom"><a href="javascript:coming_soon()">UI design</a></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(876px, 250px, 0px);">
<div class="portfolio-item">
<div class="hover-bg"> <a href="http://www.icst.pku.edu.cn/struct/people/yangs/images/portfolio/logo2.jpg" title="Hero of Weiming: An RPG game on PKU life for freshman" rel="prettyPhoto[pp_gal]">
<div class="hover-text">
<h4>Logo Design</h4>
<small>Hero of Weiming</small>
<div class="clearfix"></div>
</div>
<img src="./WenhanYang_files/logo1.jpg" class="img-responsive" alt="Logo Design"> </a> </div>
<div class="portfolio-botom"><a href="javascript:coming_soon()">LOGO design</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid2" id="contact">
<h3>Contact</h3>
<div class="grid2-content">
<br>
<p>Email: williamyang AT pku.edu.com</p>
</div>
</div>
<div class="footer">
<p>2016 Shuai Yang. Powered by <a href="http://w3layouts.com/">w3layouts</a>, <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">prettyPhoto</a>, <a href="http://getbootstrap.com/2.3.2/">bootstrap</a>, <a href="http://isotope.metafizzy.co/">Isotope</a></p>
</div>
</div>
<script type="text/javascript" src="./WenhanYang_files/jquery.min.js.下载"></script>
<script type="text/javascript" src="./WenhanYang_files/bootstrap.js.下载"></script>
<script type="text/javascript" src="./WenhanYang_files/jquery.banner.js.下载"></script>
<script type="text/javascript" src="./WenhanYang_files/jquery.prettyPhoto.js.下载"></script>
<script type="text/javascript" src="./WenhanYang_files/jquery.isotope.js.下载"></script>
<script type="text/javascript" src="./WenhanYang_files/main.js.下载"></script>
</body></html>