-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (154 loc) · 6.92 KB
/
index.html
File metadata and controls
156 lines (154 loc) · 6.92 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fung's Portfolio</title>
<meta charset="utf-8">
<meta name="description" content="My name is frozenfung. This is my portfolio.">
<meta name="keywords" content="portfolio, frozenfung">
<meta name="author" content="frozenfung">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="My name is frozenfung. This is my portfolio.">
<link rel="stylesheet" href="./css/index.css">
<link rel="icon" type="image/png" href="./images/favicon.png">
<!-- CDNs -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik|Yanone+Kaffeesatz|Caveat|Passion+One|Unica+One" rel="stylesheet">
</head>
<body>
<div id="preload-page"></div>
<div id="fullpage">
<div class="section">
<div class="container intro">
<div class="decorater-one"></div>
<div class="decorater-two"></div>
<div class="selfie">
<img src='images/intro/selfie.png' />
</div>
<div class="quote">OUR LIVES ARE NOT OUR OWN. WE ARE BOUND TO OTHERS, PAST AND PRESENT, AND BY EACH CRIME AND EVERY KINDNESS, WE BIRTH OUR FUTURE.
</div>
<div class="blank">
</div>
<div class="profile">
I am ChunFung Lee, a.k.a frozenfung
<br/>
A freelancer based on Taipei, Taiwan.
<br/>
As a designer and developer,
<br/>
I uncover problems and solve them.
<br/>
In short, I build intuitive user experience.
</div>
</div>
</div>
<!-- Career Start -->
<!-- ALPHA Camp -->
<div class="section">
<div class="container foodudes">
<div class="decorater-one reveal"></div>
<div class="content reveal">
<div class="title">Vista</div>
<div class="subtitle">Try fast, fail fast</div>
<div class="paragraph paragraph-one">
After graduation, I joined Alphacamp which is the largest bootcamp in Aisa. Not only it provides environment where I could learn skills of web development and build real product, but also it connects us to information technology industry. We built a online service called foodudes from 0 to 1 in three months. It's a final solution for searching terrific restaurants by a platform people who can share their favorite restaurants with their friend. The most important lesson I learn is “Try fast, fail fast” to validate whether your idea works or not by publishing your minimum valuable product to the market ASAP.
</div>
</div>
<a href="#" class="website reveal" title="Service is not supported anymore :$">
<img src="images/foodudes/website.png">
</a>
<a href="#" class="ipad reveal" title="Service is not supported anymore :$">
<img src="images/foodudes/ipad.png">
</a>
<a href="#" class="iphoneX reveal" title="Service is not supported anymore :$">
<img src="images/foodudes/iphoneX.png">
</a>
</div>
</div>
<!-- iCook -->
<div class="section">
<div class="container icook">
<a href="https://icook.tw" target="new" class="MBPr reveal">
<img src="images/icook/MBPr.png">
</a>
<div class="decorater-one reveal"></div>
<div class="content reveal">
<div class="title">Foundation</div>
<div class="subtitle">you don't know what you don't know</div>
<div class="paragraph paragraph-one">
iCook is the biggest recipe planform in Taiwan. 100,000 recipes has been shared by 300,000 cook-lover since September 2012. I learned modern web development techniques in advanced by collaborating with other senior developers in my team.
</div>
</div>
</div>
</div>
<!-- CakeResume -->
<div class="section">
<div class="container cakeresume">
<a href="https://cakeresume.com" target="new" class="resume reveal">
<img src="images/cakeresume/resume.png">
</a>
<div class="decorater-one reveal"></div>
<div class="content reveal">
<div class="title">Startup</div>
<div class="subtitle">FUCK OFF, <br/> ASS WHOLE</div>
<div class="paragraph paragraph-one">
CakeResume is an online tool to help everyone design their own resume. As the first employee in the company I need to take care of different aspects instead of developing dedicately only. Work in the largest incubator in Asia not only board my horizons but also connect me with many experienced talents. In the meanwhile, I tried UI design for the components which are used frequently in our services
</div>
</div>
</div>
</div>
<!-- DMMT -->
<div class="section">
<div class="container dmmt">
<a href="https://dmmt.design" target="new" class="interviewing reveal">
<img src="images/dmmt/interviewing.gif">
</a>
<div class="decorater-one reveal"></div>
<div class="content reveal">
<div class="title">Establish</div>
<div class="subtitle">DON'T MAKE<br/>ME THINK</div>
</div>
<div class="paragraph paragraph-one reveal">
Build a brand is a new approach for me to know myself again with different aspect. Our mission is going to provide a ultimate solution for business project depend on various circumstances. In whole picture, we hold a kickoff meeting to dig out your demand, layout design, develope web or mobile application and afterward project-closed interview.
</div>
</div>
</div>
<!-- Career End -->
<div class="section">
<div class="container end">
<div class="decorater-one reveal"></div>
<div class="quote reveal">
I HAVE A DREAM,<br/>
WE ARE THE REALITY.
</div>
<div class="mates reveal">
<img src="images/end/mates.jpg" />
</div>
<div class="contact reveal">
<a href="https://github.com/frozenfung" target="new">
<i class="fab fa-github"></i>
<span>frozenfung</span>
</a>
<a href="https://twitter.com/frozenfung" target="new">
<i class="fab fa-twitter"></i>
<span>@frozenfung</span>
</a>
<a href="https://medium.com/@frozenfung" target="new">
<i class="fab fa-medium"></i>
<span>@frozenfung</span>
</a>
<a href="mailto:frozenfung@gmail.com">
<i class="fas fa-envelope"></i>
<span>frozenfung@gmail.com</span>
</a>
</div>
</div>
</div>
</div>
</body>
<script src="./js/vendors/nanobar.min.js"></script>
<script src="./js/index.js"></script>
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script defer src="https://unpkg.com/tippy.js@2.2.3/dist/tippy.all.min.js"></script>
</html>