-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexold.html
82 lines (71 loc) · 5.8 KB
/
indexold.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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>Portfolio | Zhengxing Chen</title>
<link rel="stylesheet" href="default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36580827-1']);
_gaq.push(['_setDomainName', 'czxttkl.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="header">
<div id="logo"><img src="images/logo.png"></div>
</div>
<ul class="dropdown">
<!-- menu -->
<li class="title"><a href="indexold.html">Home</a></li>
<li class="title"><a href="projectold.html">Projects</a></li>
<li class="title"><a href="cv.pdf" target="_blank">CV</a>
</li>
</ul>
<div id="intro" class="left">
<div id="personalinfo">
<div id="portrait"> </div>
<div id="eduinfo">Undergraduate Student</br>
Information Engineering</br>
BJ Univ of Posts & Telecom</br>
<hr align="right"/>
Research Assistant</br>
CDN Research Inst.</br>
Tsinghua University </div>
</div>
<p> I have always <span id="dreamed">dreamed</span> of being a HCI designer and engineer to <span id="bulldoze">bulldoze</span> the barrier between humans and computers. During my undergraduate years I delved into multiple fields, such as computer science, informatics, psychology, photography, chinese calligraphy and music, which prepared me with abundant <span id="interdisciplinary">interdisciplinary</span> knowledge for my further study in HCI. As I always believe that brand <span id="inspiration">inspiration</span> comes from <span id="collaboration">collaboration</span>, I sincerely wish to join a team-orientation program to have more sparks of inspiration with people with the same interest and <span id="diverse">diverse</span> backgrounds.</p>
</div>
<div class="slider-wrapper theme-default" style="width:620px;height:400px;display:inline-block;">
<div id="slider" class="nivoSlider">
<img src="images/620x378/1.jpg" alt="" title="<h6>Virtual Costumes-Trial System</h6>It is a poster of my project with its focus on 3D body modeling and virtual costumes-trial."/>
<img src="images/620x378/16.jpg" alt="" title="<h6>Samsung Campus APP Competition</h6>I took part into the Samsung Campus APP Competition in 2010. I made my first mobile game on the Bada platform. The game itself was simple. However, I made it sticky through designing hierarchical missions and adding appealing animations." />
<img src="images/620x378/3.jpg" alt="" title="<h6>Pitch Match, a professional assistant for music rookies</h6>My friends and I developed a smart app for the pitch/rhythm correction for beginners of playing instruments" />
<img src="images/620x378/4.jpg" alt="" title="<h6>My Teammates in IDF 2012, Beijing</h6>We helped attendees with numerous issues at IDF 2012. Our capability of working efficiency was often proved despite that we were of different backgrounds." />
<img src="images/620x378/6.jpg" alt="" title="<h6>Intelligent Platform of Mobile Network Awareness</h6>A demo version of the Map function. The colors represent the network health conditions of provinces in China. (The gray parts show because the data of some provinces was not available at the moment)" />
<img src="images/620x378/7.jpg" alt="" title="<h6>My Chinese Calligraphy Work</h6>I have been practicing chinese calligraphy for several years. It is a profound field in which I can decode the secrets of glyph beauty." />
<img src="images/620x378/9.jpg" alt="" title="<h6>My Indie Album</h6>For my personal interest in music and guitar, I released my indie album among my friends. I enjoyed every step of giving the birth of this album, from recording to cover design." />
<img src="images/620x378/14.jpg" alt="" title="<h6>Design on RedBubble.com</h6>My friend and I are passionate about designing on RedBubble.com. This is a T-shirt we designed with my avatar on it" />
<img src="images/620x378/10.jpg" alt="" title="<h6>My Photography Work</h6>A valley in Tibet, China" />
<img src="images/620x378/12.jpg" alt="" title="<h6>My Free-Hand Drawing</h6>The invitations of my birthday party designed and drawed by myself." />
</div>
</div>
<div id="motto" style="margin-top:80px;font-family:MistralWeb;font-size:2.6em;">
Imagination is more important than knowledge.<br>
<h3 style="text-align:right; margin-top:10px;font-size:0.8em;";>-Albert Einstein </h3></div>
<div id="footer"><br> Visit <a href="index.html">new version </a>. Contact me: <a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=czxttkl@gmail.com" target="_blank">czxttkl@gmail.com</a></div>
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>