-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
79 lines (69 loc) · 3.85 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78702312-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-78702312-1');
</script>
<meta property="og:title" content="Evan - About">
<meta property="og:description" content="Visual + UX Designer in Vancouver">
<meta property="og:image" content="https://evanfeng.me/og.jpg">
<meta property="og:image:secure_url" content="https://evanfeng.me/og.jpg" />
<meta property="og:site_name" content="Evan Feng">
<meta charset="UTF-8">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@evanfun">
<meta name="twitter:creator" content="@evanfun">
<meta name="twitter:title" content="Evan - About">
<meta name="twitter:description" content="Visual + UX Designer in Vancouver">
<meta name="twitter:image" content="https://evanfeng.me/og.jpg">
<title>Evan Feng - About me</title>
<link rel="stylesheet" type="text/css" href="css/evan_style.css" >
<link rel="stylesheet" type="text/css" href="css/about_style.css" >
<link rel="icon" type="image/png" href="favicon.png" />
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery.parallax-scroll.js"></script>
<script src="js/story.js"></script>
</head>
<body>
<div class="nav_bar"></div>
<div id="about_header_area" class="about_header_hidden">
<div class="story_container">
<div class="story_content_box">
<div id="about_header_m"></div>
</div>
</div>
<div id="about_header_l"></div>
<div id="about_header_r"></div>
<!-- <img id="about_header" src="src/about_header.jpg" /> -->
<div id="about_bubble_l" data-parallax='{"y": -400, "smoothness": 10}'></div>
<div id="about_bubble_m" data-parallax='{"y": 400, "smoothness": 60}'></div>
<div id="about_bubble_r" data-parallax='{"y": 240, "smoothness": 30}'></div>
<!-- <div id="about_header" class="story_header_img"></div> -->
</div>
<div class="story_container about_hidden">
<div id="story_title_box" style="width: 640px">
<!-- <h4 style="color: black; margin-bottom:48px">About me</h4> -->
<div class="story_focus" style="color: #4A90E2">Visual + UX Designer in Vancouver</div>
</div>
<div class="story_content_box">
<div class="story_focus is_title">Designing digital products loved by millions of users</div>
<p class="in_flex">Started designing interfaces in 2010, Evan led a team with 3 developers made an app which got 2 million users and a 4 out of 5 rating. He also assisted Prof. Xiaohua Sun built an interaction design lab which later became a leading research center at Tongji D&I, one of the top design schools in the world. Working at the lab, Evan and his team helped PSA Peugeot Citroën, BMW, and Huawei tackling their design challenges. </p>
<div id="about_button_area">
<a href="src/evan_resume_0218.pdf" target="_blank"><div class="button button_white button_about">Resume</div></a>
<a href="https://www.linkedin.com/in/fengzexi" target="_blank"><div class="button button_white button_about">LinkedIn</div></a>
<a href="mailto:evanfun@me.com"><div class="button button_white button_about">Email</div></a>
<a href="https://dribbble.com/evanfun" target="_blank"><div class="button button_pink button_about">Dribbble</div></a>
</div>
<div class="story_focus is_title">UX + UI + Code</div>
<p>Evan has been doing UI design for over 8 years and front-end development for over 3 years. Desipte having two master degrees in the HCI field, he has been constant learning and evolving with the industy. You must really like him to read this far.</p>
</div>
</div>
<div id="footer"></div>
<script src="js/about.js"></script>
</body>
</html>