forked from anqbc/A.Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
163 lines (158 loc) · 8.59 KB
/
resume.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta charset="UTF-8">
<title>Yian Chou Design</title>
<meta property="og:url" content="https://yianchou.design" />
<meta property="og:title" content="Yian Chou Design" />
<meta property="og:description" content="Hi, I'm Chou Yian,an UI/UX designer a good team member,
who learns every day to make myself a better and more knowledgeable designer." />
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/project1.css" rel="stylesheet">
<link href="css/font.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link href="resume.css" rel="stylesheet">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N6DVXM4');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-white p-0 shadow-light">
<div class="container px-3">
<div class="pl-6 pl-lg-0"></div>
<a class="navbar-brand mx-auto pl-lg-4" href="index.html">
<span class="title-black">A.</span>
</a>
<button class="navbar-toggler collapsed m-0" type="button" data-toggle="collapse" data-target="#navbarToggler"
aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<div class="menu-btn">
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav header-mobile-menu-item mr-auto mr-lg-0 ml-lg-auto mt-2 mt-lg-0">
<li class="nav-item w-100 text-center">
<a class="nav-link" href="index.html">
<span class="nav-item-font">work</span>
</a>
</li>
<li class="nav-item w-100 text-center active">
<a class="nav-link" href="resume.html">
<span class="nav-item-font">about</span>
</a>
</li>
<div class="py-7 py-md-8 py-lg-0 w-100"></div>
</ul>
</div>
</div>
</nav>
<section>
<div class="container px-4 px-md-0">
<div class="row no-gutters py-4 py-md-5">
</div>
</div>
</section>
<section>
<div class="container px-3">
<div class="row no-gutters d-none d-md-flex ">
<div class="col-12">
<img src="https://0mmzwa.ch.files.1drv.com/y4maBOQGoBsLyoQkzVTDFz0kL9QsyM-YKTT4_klKx242tbo-OgUGOC-jIoo8NUmCPgtIBG54hgY5we5XJuTjLxMz4TJZ0J74IEHUy28E-vYK1QWr0xTBnLF6mLn5kjlcYgjMmqQNe5vsd3rq100w9nfgjyz9M2SCkLfRVhcUrcVgqdtfwTTc0yF__Mw5yKi9aFVmE02Pto82Fn2eAGgVqZtcQ" class="img-fluid" alt="Responsive image">
</div>
</div>
<div class="row no-gutters d-flex d-md-none ">
<div class="col-12">
<img src="https://0mnipg.ch.files.1drv.com/y4m5gfe98qxbiBMENtNs2t4fOvplVRgrYtCiCpOWCtn-PCnrhz6NqonyQqsiZC0KlOUf5oQaTTQCan6ReAY4r4b-F5k99QP7KZJzDNjuRybnSkapSulXciMj0CScEBh7zGN3SRFdkGJgzWUYcgncPm7klTFu22Dnzyo4bvpWGIwcJmJtKcNAvRVlXFbKgHUGowmLlma_GmUyx--EzAvG2AXyA" class="img-fluid" alt="Responsive image">
</div>
</div>
<div class="row no-gutters ">
<div class="col-12 pb-6 pt-7">
<p class="desc-black m-0">
哈囉，我叫周奕安，我從高中開始學設計，在大學畢業後，接觸到UI/UX的資訊，愛上了在理性中又可以追求美感的這個領域，便開始自學相關知識，進入職場後，我也不停止學習，每天持續在吸收新的知識，並且不設限自己，跨領域的學習！
</p>
</div>
<div class="col-12 pb-2">
<p class="desc-black m-0">
我喜愛溝通，對我來說，設計師不僅是視覺設計角色，更重要的是一名溝通者，在線上，我致力於設計與用戶能良好溝通的產品，在線下，我致力於成為能跨部門良好溝通的設計師！</p>
</div>
<div class="col-12 pt-6 border-bottom" style="border-bottom-color: #F1E0E5 !important">
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col-12 pb-4 pt-7 pb-md-7">
<p class="sub-title-black m-0">工作經歷</p>
</div>
<div class="col-12 col-md-7 col-lg-6 col-xl-5 py-0">
<p class="sub-title-black m-0" style="font-weight: 400">PigRent找個窩 / UI/UX Designer</p>
</div>
<div class="col-12 col-md-5 col-lg-6 pt-1 pb-3 pt-md-0 pb-md-0">
<p class="desc-black m-0" style="font-weight: 300">2017.09 - 目前</p>
</div>
<div class="col-12 pb-2 pt-md-3">
<p class="desc-black mb-2">
・使用數據分析用戶，優化使用流程</p>
<p class="desc-black mb-2">
・規劃產品架構及流程，跨部門溝通合作</p>
<p class="desc-black mb-2">
・定義產品網站Design Guide</p>
<p class="desc-black m-0">
・網站Layout、視覺設計，製作RWD裝置頁面</p>
</div>
<div class="col-12 col-md-7 col-lg-6 col-xl-5 pt-6">
<p class="sub-title-black m-0" style="font-weight: 400">Backstage / Visual Designer</p>
</div>
<div class="col-12 col-md-5 col-lg-6 pt-1 pb-3 pt-md-6 pb-md-0">
<p class="desc-black m-0" style="font-weight: 300">2014.08 - 2017.06</p>
</div>
<div class="col-12 pb-2 pt-md-3">
<p class="desc-black mb-2">
・影像後製調色、修圖</p>
<p class="desc-black m-0">
・製作行銷廣告相關素材</p>
</div>
<div class="col-12 col-md-7 col-lg-6 col-xl-5 pt-6">
<p class="sub-title-black m-0" style="font-weight: 400">Bliss to / Visual Designer</p>
</div>
<div class="col-12 col-md-5 col-lg-6 pt-1 pb-3 pt-md-6 pb-md-0">
<p class="desc-black m-0" style="font-weight: 300">2015.05 - 2016.09</p>
</div>
<div class="col-12 pb-2 pt-md-3">
<p class="desc-black mb-2">
・商品風格企劃</p>
<p class="desc-black mb-2">
・影像後製調色、修圖</p>
<p class="desc-black m-0">
・製作行銷廣告相關素材</p>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col-12 pt-6 pb-8">
<a href="https://drive.google.com/open?id=1dzUYtf_fL1ozFbo6JwSfwBe8ftC33h_I" target="blank" class="btn btn-hover"
role="button" aria-pressed="true">
查看完整履歷表
</a>
</div>
</div>
</div>
</section>
</body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6DVXM4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</html>