-
Notifications
You must be signed in to change notification settings - Fork 0
/
About me.html
200 lines (118 loc) · 6.52 KB
/
About me.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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About me </title>
<link href="https://fonts.googleapis.com/css?family=Caveat|Montserrat:400,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto:300,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo:500|Open+Sans:300,700" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" href="images/logo-x4-01.png">
</head>
<body>
<main>
<nav>
<ul class="contact-list-1">
<a href="index.html"><img class='logo' src="images/logo-x4-01.png"> </a>
<li >
<a class="NAV" href="work.html" >WORK</a>
<a class="NAV" href="About%20me.html" >ABOUT</a>
<a class="NAV" href="play.html" >RESUME </a>
</li>
</ul>
</nav>
<!-- *************** Overview **************** -->
<section class="projects-1">
<div class="content-wrap ">
<!-- Project 1 -->
<section class="project-item">
<img class="img4" src="images/ABOUT5.jpg" >
<p class="item-description">
<b>Hi there, my name’s Lu Xu.</b> I am a multidisciplinary designer with a diverse background and an aspiration to create engaging experiences and digital products that matter. Improve people's lives one iteration at a time.
</p>
<p> I have a background in social work prior to diving in the world of UX design. I believe social workers and UX designers share the common ground of solving real world problems by placing people at the centre of their work.</p>
<p > My initiate interests in understanding how people think and interact led me to the field human centric design. More than understanding people, the possibilities of using design and tech to solve human problems are even more exciting.
</p>
<p> In my free time, I love to explore externally and internally. I travel for external exploration and use music, art and writing to fill my inner jar of curiosity. </p>
</section>
<p> Currently: UX Designer @ frog design. Feel free to reach out via <a class="footer" href="mailto:luxu.designer@gmail.com">email</a> or <a class="footer" href="https://www.linkedin.com/in/lu-xu-93705744/" target="_blank">LinkedIn</a> </p>
<h2> Art </h2>
<h3>
#Birth
</h3>
<img src="images/doodle%20%5BRecovered%5D.png" alt="survey-1">
<!-- <img class="con1" src="images/art5.jpg" alt="survey-1">-->
<!-- <img class="con1" src="images/art4.JPG" alt="survey-1">-->
<h2> Music </h2>
<p>
<audio controls>
<source src="audio/song.mp3">
</audio>
</p>
<h3>
Ponder in Seasons - Original Song
</h3>
<p>
Verse 1
</p>
<!-- <h3>-->
<!-- Verse 1 </h3>-->
<section class="lyrics">
<p>The gentle breeze teases her summer dress</p>
<p>Coconuts fall on the snow white beach</p>
<p>We sing and dance over the summer night</p>
<p>Where everything will be </p>
<p>All right</p>
<!-- <h3>Chorus 1 </h3>-->
<p>Oh life, she’s a beautiful summer night</p>
</section>
<p>
Verse 2
</p>
<section class="lyrics">
<p>Wrapped in wool scarf I sat on a night tram</p>
<p>Memories flash back and forth </p>
<p>It’s time for reflection</p>
<p>With no hesitation</p>
<p>I wondered about life’s intention</p>
<p>Oh life, She’s a beautiful intention</p>
</section>
<p>
Verse 3
</p>
<section class="lyrics">
<p>The spring rain showers on his face</p>
<p>Hills go up and down in her far away hometown</p>
<p>It’s the time of the year we sit in backyard</p>
<p>When mum’s cooking</p>
<p>In our house upstairs</p>
<p>Oh life, she’s in my house upstairs</p>
</section>
<h2> Travel </h2>
<iframe width="800" height="500" class="play" src="https://www.youtube.com/embed/CZUOWJhOeJ0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<!-- ************ CONTACT INFO / SOCIAL MEDIA ************ -->
<footer>
<div class="content-wrap">
<span style='font-size:30px;'>🙋</span>
<h2> Let's Chat
</h2>
<!-- Social media and contact links. Add or remove any networks. -->
<ul class="contact-list">
<li>
<li> <a class="footer" href="mailto:luxu.designer@gmail.com">luxu.designer@gmail.com</a>
<a class="footer" href="https://www.linkedin.com/in/lu-xu-93705744/" target="_blank">LinkedIn</a>
<a class="footer" href="https://github.com/lu-designer" target="_blank">Github</a>
<a class="footer" href="https://www.openprocessing.org/user/186529/" target="_blank">OpenProcessing </a>
</li>
</ul>
<p class="copy">
Designed & Coded by Lu Xu © 2020
</p>
</div>
</footer>
</main>
</body>
</html>