portfolio/About.html at master · JoseZhangSH/portfolio · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
  <title>Jose Zhang</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="src/bootstrap.min.css">
  <link rel="stylesheet" href="src/index.css">
  <script src="src/jquery.js"></script>
  <script src="src/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <div class="row">
    <div class="col-sm-4" >
	    <div class="sticky" >
			<div class="nav-title">Jose Zhang</div>
			<div class="nav-title-cn">张何辛</div>
			<img class="profile" src="img/Profile.png" ></img>
			<div class="nav-subtitle">Digital Media <br> Designer & Enthusiast</div>

			<svg height="14px" width="500">
				<line x1="0" y1="0" x2="200" y2="0" style="stroke:#CAC2B4;stroke-width:0.9;" />
			</svg>

			<ul style="list-style-type:none">
			  <a href="DataVisualization.html"><li>Data Visualization</li></a>
			  <a href="InteractionDesign.html"><li>Interaction Design</li></a>
			  <a href="SpeculativeDesign.html"><li>Speculative Design</li></a>
			  <a href="MotionDesign.html"><li>Motion Design</li></a>
			  <a href="UserResearch.html"><li>User Research</li></a>
			  <a href="GraphicDesign.html"><li>Graphic Design</li></a>
			</ul>

			<svg height="14px" width="500">
				<line x1="0" y1="0" x2="200" y2="0" style="stroke:#CAC2B4;stroke-width:0.9;" />
			</svg>

			<ul style="list-style-type:none">
			   <a href="About.html"><li  style="color:#F5A623;">About</li></a>
			</ul>


	    </div>
    </div>

    <div class="col-sm-8">
	    <div class="content">
		    <img src="img/About/Jose.png"></img>
			<div class="cover-title">张何辛 Jose Zhang</div>
			<div class="content-subtitle">Personal Project <br> 1998 - </div>
			<div class="content-text" style="color:#F5A623;">Description</div>
			<div class="content-text">This a portriat of Jose draw by Yuzhou Wei and Sean Zhang.<br>Jose is an undergraduate student in D&I Tongji. His major is media & communication design.<br>He is kind of geek and always have curiosity for new technologies. He wants to use digital media technology to create interesting things. Currently he focus on data visualization and web design.<br>He's a little introverted and don't speak much, but He always actively take part in team work. He likes to work with people who are efficient and active. And he likes to learn unknown things and meet new challenges.<br>His shortcoming is that he is not good at drawing. Sometimes He may get nervous or too serious when talking with people. And a bit of procrastination. </div>
			<div class="content-text" style="color:#F5A623;"><br>Hobbies</div>
			<div class="content-text">Movies, games, novels, photography, swimming and karate. Sometimes he wants to be a journalist or documentary maker.</div>
			<div class="content-text" style="color:#F5A623;"><br>Contact</div>
			<div class="content-text">Address<br>No.281 Fuxin Road <br> College of Design and Innovation <br> Tongji University</div>
			<div class="content-text">Email<br>326254585@qq.com</div>


	    </div>
	</div>

  </div>
</div>

<script>
    $(".nav-title").hover(function(){
	    $(".profile").css("display", "block");
        }, function(){
        $(".profile").css("display", "none");
    });
</script>

</body>
</html>