-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
266 lines (258 loc) · 40.3 KB
/
index.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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.74.1" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Seattle UX Designer">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Christopher Nguyen - UX Designer</title>
<meta name="author" content="Christopher Nguyen">
<meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-TileColor" content="#3372DF">
<meta name="description" property="og:description" content="Designing Beyond Pixels – Elevating Delight. I am a individual who can interconnect different working disciplines.">
<meta name="image" property="og:image" content="/images/og.png">
<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="/images/favicon-dark.svg">
<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="/images/favicon-light.svg">
<link href="https://fonts.googleapis.com/css?family=Oswald|Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/tiny/styles.css"/>
</head>
<body>
<main class="home">
<section class="intro grid-container">
<div class="info">
<nav class="nav">
<ul>
<li><a href="/portfolio">Portfolio</a></li>
<li><a href="/resume/Christopher-Le-Nguyen-Resume.pdf" target="_blank">Resume</a></li>
<li><a href="/#contact">Contact</a></li>
</ul>
</nav>
<div class="name">
<header>
<h1>Chris<br>Nguyen</h1>
</header>
</div>
<div class="social">
<ul>
<li><a href="https://www.linkedin.com/in/clnguyen/" target="_blank" title="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/></svg></a></li>
<li><a href="https://github.com/chris480/" target="_blank" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></a></li>
</ul>
</div>
<div class="about">
<p> Designing Beyond Pixels – Elevating Delight.</p>
</div>
</div>
<div class="needle"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Needle" viewBox="0 0 1021.3 4091.2"><style>.st0{fill:#fff}.st3{fill:none;stroke:#78818d;stroke-width:2.6929;stroke-miterlimit:10}.st6{enable-background:new}.st9{fill:#f4f4f4}.st11{fill:#657180}.st14{fill:none;stroke:#000;stroke-miterlimit:10}.st15{fill:#d6d1cc}.st17,.st22,.st23,.st33,.st36,.st37,.st39,.st41{fill:none;stroke:#e1d279;stroke-width:7.5935;stroke-miterlimit:10}.st22,.st23,.st33,.st36,.st37,.st39,.st41{stroke-width:7.88}.st23,.st33,.st36,.st37,.st39,.st41{stroke-width:7.9694}.st33,.st36,.st37,.st39,.st41{stroke-width:5}.st36,.st37,.st39,.st41{stroke:#5b5b5b;stroke-width:1.6746}.st37,.st39,.st41{stroke:#fff;stroke-width:1.8544}.st39,.st41{stroke-width:2.0988}.st41{stroke-width:1.3779}</style><symbol id="fin" viewBox="-72.3 -30.3 144.5 60.5"><path d="M-72.3-30.3C18.3-7.7 40.6 6.3 39.7 15.2c-.7 7.2-16.4 11.7-15.5 14 1.5 3.9 47.2-3.9 48-14.5.8-9.2-32.1-23.1-144.5-45z" class="st0"/></symbol><path id="XMLID_273_" d="M886.8 616.7c-85.4-16.8-345.6-17.2-369.9-17.2v-.1s-282.1-.5-371.7 17.2c-16.8 3.3-72.3 20-72.3 22.8 0 11.7 115.3 38.5 115.3 38.5l326.9-11.1v.1l328.8 11.2s115.3-26.8 115.3-38.5c-.1-3-55.6-19.6-72.4-22.9z" class="st0"/><g id="XMLID_317_"><defs><path id="XMLID_316_" d="M74.5 640.1c269.9-22.2 565.5-26.8 883.5.1v-85L72.6 611.4l1.9 28.7z"/></defs><clipPath id="XMLID_6_"><use overflow="visible" xlink:href="#XMLID_316_"/></clipPath><g id="XMLID_315_" clip-path="url(#XMLID_6_)"><defs><path id="XMLID_314_" d="M886.8 616.7c-85.4-16.8-345.6-17.2-369.9-17.2v-.1s-282.1-.5-371.7 17.2c-16.8 3.3-72.3 20-72.3 22.8 0 11.7 115.3 38.5 115.3 38.5l326.9-11.1v.1l328.8 11.2s115.3-26.8 115.3-38.5c-.1-3-55.6-19.6-72.4-22.9z"/></defs><clipPath id="XMLID_8_"><use overflow="visible" xlink:href="#XMLID_314_"/></clipPath><g id="XMLID_74_" clip-path="url(#XMLID_8_)"><g id="XMLID_493_"><path id="XMLID_515_" d="M857.8 575.5c71.6 31.4 143.1 62.8 214.7 94.2" class="st3"/><path id="XMLID_514_" d="M825.3 570c64.8 30.3 129.6 60.5 194.4 90.8" class="st3"/><path id="XMLID_513_" d="M792.8 565.1c58 29.3 116 58.5 174 87.8" class="st3"/><path id="XMLID_512_" d="M760.3 560.7c51.2 28.4 102.4 56.7 153.6 85.1" class="st3"/><path id="XMLID_511_" d="M727.8 556.8c44.4 27.6 88.8 55.2 133.2 82.7" class="st3"/><path id="XMLID_510_" d="M695.3 553.5c37.6 26.9 75.2 53.8 112.7 80.7" class="st3"/><path id="XMLID_509_" d="M662.9 550.7c30.8 26.3 61.5 52.7 92.3 79" class="st3"/><path id="XMLID_508_" d="M630.5 548.5c23.9 25.9 47.9 51.8 71.8 77.7" class="st3"/><path id="XMLID_507_" d="M598.2 546.8c17.1 25.6 34.2 51.1 51.3 76.7" class="st3"/><path id="XMLID_506_" d="M565.8 545.6c10.3 25.3 20.5 50.7 30.8 76" class="st3"/><path id="XMLID_505_" d="M533.6 544.9c3.4 25.2 6.8 50.4 10.3 75.7" class="st3"/><path id="XMLID_504_" d="M501.4 544.8c-3.4 25.2-6.8 50.4-10.3 75.7" class="st3"/><path id="XMLID_503_" d="M469.3 545.2c-10.3 25.3-20.5 50.7-30.8 76" class="st3"/><path id="XMLID_502_" d="M437.3 546.1c-17.1 25.6-34.2 51.1-51.3 76.7" class="st3"/><path id="XMLID_501_" d="M405.3 547.6c-23.9 25.9-47.9 51.8-71.8 77.7" class="st3"/><path id="XMLID_500_" d="M373.4 549.6c-30.8 26.3-61.5 52.7-92.3 79" class="st3"/><path id="XMLID_499_" d="M341.7 552.1c-37.6 26.9-75.2 53.8-112.7 80.7" class="st3"/><path id="XMLID_498_" d="M310 555.1c-44.4 27.6-88.8 55.2-133.2 82.7" class="st3"/><path id="XMLID_497_" d="M278.5 558.6C227.2 587 176 615.3 124.8 643.7" class="st3"/><path id="XMLID_496_" d="M247 562.6c-58 29.3-116 58.5-174 87.8" class="st3"/><path id="XMLID_495_" d="M215.7 567.2C150.9 597.5 86.1 627.7 21.3 658" class="st3"/><path id="XMLID_494_" d="M184.5 572.3C112.9 603.7 41.4 635-30.2 666.4" class="st3"/></g></g></g></g><path id="XMLID_272_" fill="#3b3230" d="M889.8 769.9C848.2 707.7 518 716.6 518 716.6c-11.5-.3-335.8-9-376.6 52.1-7.3 15 129.3 39 129.5 39.1 20.1-2.2 248.5-14 248.5-14 15.9.8 229.6 11.5 248.9 13.7.1-.2 128.9-22.6 121.5-37.6z"/><g id="XMLID_270_"><path id="XMLID_271_" fill="#605755" d="M880.5 774.9a3491.61 3491.61 0 0 0-729.9 0c-4.7.5-8.5-2-8.5-5.6v-33.9c0-3.6 3.8-6.9 8.5-7.4 242.1-25.5 487.8-25.5 729.9 0 4.7.5 8.5 3.8 8.5 7.4v33.9c.1 3.7-3.7 6.2-8.5 5.6z"/></g><g id="XMLID_205_"><g id="XMLID_240_"><g id="XMLID_241_"><g id="XMLID_242_" class="st6"><g id="XMLID_243_"><g id="XMLID_244_"><g id="XMLID_245_"><g id="XMLID_246_"><defs><path id="XMLID_269_" d="M760.8 753.4h129v56.3h-129z"/></defs><clipPath id="XMLID_78_"><use overflow="visible" xlink:href="#XMLID_269_"/></clipPath><g id="XMLID_264_" clip-path="url(#XMLID_78_)"><g id="XMLID_265_"><g id="XMLID_266_"><g id="XMLID_267_"><path id="XMLID_268_" d="M851 753.4c-2.1 0-3.5.3-3.7.9-.8 2.2 13.1 6.6 13.6 13.4.6 8.5-19.3 21.5-100.1 41.9 100.2-19.4 129.6-32.2 129-40.9-.5-8.3-28.5-15.3-38.8-15.3" class="st0"/></g></g></g></g></g></g></g></g></g></g></g><use id="XMLID_239_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.7438 -.02557 -.03005 -.8744 796.82 778.63)" xlink:href="#fin"/><use id="XMLID_238_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.6739 -.07056 -.08952 -.8548 769.26 773.35)" xlink:href="#fin"/><use id="XMLID_237_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.5941 -.04412 -.07396 -.9961 740.93 769.31)" xlink:href="#fin"/><use id="XMLID_236_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.5911 -.07677 -.1288 -.9905 710.12 764)" xlink:href="#fin"/><use id="XMLID_235_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.6316 -.0744 -.117 -.9919 675.83 762.95)" xlink:href="#fin"/><use id="XMLID_234_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.6754 -.2022 -.2202 -.7349 635.05 760.02)" xlink:href="#fin"/><use id="XMLID_233_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.2917 -.4059 -.4713 -.3389 553.31 758.81)" xlink:href="#fin"/><use id="XMLID_232_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(.5757 -.2566 -.3158 -.7083 592.65 757.08)" xlink:href="#fin"/><g id="XMLID_215_"><g id="XMLID_216_"><g id="XMLID_217_" class="st6"><g id="XMLID_218_"><g id="XMLID_219_"><g id="XMLID_220_"><g id="XMLID_221_"><defs><path id="XMLID_231_" d="M141.9 754.1h129v53.6h-129z"/></defs><clipPath id="XMLID_109_"><use overflow="visible" xlink:href="#XMLID_231_"/></clipPath><g id="XMLID_222_" clip-path="url(#XMLID_109_)"><g id="XMLID_224_"><g id="XMLID_225_"><g id="XMLID_226_"><path id="XMLID_230_" d="M180.6 754.1c-10.3 0-38.3 6.6-38.8 14.5-.5 8.3 28.8 20.5 129 39.1-80.8-19.4-100.8-31.8-100.1-39.9.5-6.5 14.4-10.7 13.6-12.8-.2-.6-1.6-.9-3.7-.9" class="st0"/></g></g></g></g></g></g></g></g></g></g></g><use id="XMLID_214_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.7438 -.02557 .03005 -.8744 234.87 776.64)" xlink:href="#fin"/><use id="XMLID_213_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.6739 -.07056 .08952 -.8548 262.43 771.36)" xlink:href="#fin"/><use id="XMLID_212_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.5941 -.04412 .07396 -.9961 290.76 767.32)" xlink:href="#fin"/><use id="XMLID_211_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.5911 -.07677 .1288 -.9905 321.57 762.01)" xlink:href="#fin"/><use id="XMLID_210_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.6316 -.0744 .117 -.9919 355.86 760.95)" xlink:href="#fin"/><use id="XMLID_209_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.6754 -.2022 .2202 -.7349 396.64 758.02)" xlink:href="#fin"/><use id="XMLID_208_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.2917 -.4059 .4713 -.3389 478.38 756.82)" xlink:href="#fin"/><use id="XMLID_207_" width="144.5" height="60.5" x="-72.3" y="-30.3" overflow="visible" transform="matrix(-.5757 -.2507 .3158 -.6919 439.04 756)" xlink:href="#fin"/><path id="XMLID_206_" d="M518.3 725.3c-1.8 0-4.5 18.2-4 36.7.5 15.8 3.4 31.8 5 31.7 2.2-.1 2-30.4 2-32-.1-12.1-1-36.4-3-36.4z" class="st0"/></g><path id="Piller2" d="M502.6 2887.5l-176.4-4.9L402 2199s55.2-501.3-12.8-905.6C347.2 861 347.7 822 347.7 822h-28s18 126.1 10 122.1c-6-21.5-21-123.1-21-123.1l-22-22s88.6 666.2 84.1 687.2c1.5 51 15 198.2-15 705.7-27 189.2-217.5 1896.6-232.5 1899.4h69L322 2921l179.6 5 1-38.5z" class="st9"/><ellipse id="XMLID_195_" cx="517.6" cy="811.6" fill="#3b3230" stroke="#fff" stroke-miterlimit="10" stroke-width="3" rx="248.5" ry="18.5"/><path id="Elevator" d="M591.6 800.4v32.8h-8.5v-37.9h-140v37.9h-12.5v-32.8h-13v3292h13V3359h12.5v734.4h140V3359h8.5v733.4h13v-3292h-13zm-8.5 2318.5h8.5v115h-8.5v-115zm0-5v-115h8.5v115h-8.5zm0-120.1v-115h8.5v115h-8.5zm0-120v-115h8.5v115h-8.5zm0-120.1v-115h8.5v115h-8.5zm8.5-120h-8.5v-115h8.5v115zm-8.5-120v-115h8.5v115h-8.5zm0-120.1v-115h8.5v115h-8.5zm8.5-1320.4h-8.5v-115h8.5v115zm0 5v115h-8.5v-115h8.5zm0 120.1v115h-8.5v-115h8.5zm0 120v115h-8.5v-115h8.5zm0 120.1v115h-8.5v-115h8.5zm0 120v115h-8.5v-115h8.5zm0 120v115h-8.5v-115h8.5zm0 120.1v115h-8.5v-115h8.5zm0 120v115h-8.5v-115h8.5zm0 120v115h-8.5v-115h8.5zm0 120.1v115h-8.5v-115h8.5zm0-1320.4v115h-8.5v-115h8.5zm-161 2280.7h12.5v115h-12.5v-115zm0-5v-115h12.5v115h-12.5zm0-120.1v-115h12.5v115h-12.5zm0-120v-115h12.5v115h-12.5zm0-120.1v-115h12.5v115h-12.5zm12.5-120h-12.5v-115h12.5v115zm-12.5-120v-115h12.5v115h-12.5zm0-120.1v-115h12.5v115h-12.5zm12.5-1320.4h-12.5v-115h12.5v115zm0 5v115h-12.5v-115h12.5zm0 120.1v115h-12.5v-115h12.5zm0 120v115h-12.5v-115h12.5zm0 120.1v115h-12.5v-115h12.5zm0 120v115h-12.5v-115h12.5zm0 120v115h-12.5v-115h12.5zm0 120.1v115h-12.5v-115h12.5zm0 120v115h-12.5v-115h12.5zm0 120v115h-12.5v-115h12.5zm0 120.1v115h-12.5v-115h12.5zm0-1320.4v115h-12.5v-115h12.5zm-12.5 2515.7v-115h12.5v115h-12.5zm152.5 0v-115h8.5v115h-8.5z" class="st11"/><g id="Car"><g id="XMLID_357_"><path id="XMLID_356_" fill="#c48455" d="M535.7 871c2.2.3 4-1.3 4-3.4v-66.9c0-2.2-1.8-4.1-4-4.4l-21-2.6-21 2.6c-2.2.3-4 2.2-4 4.4v66.9c0 2.2 1.8 3.7 4 3.4"/><g id="XMLID_355_"><path id="XMLID_354_" fill="#dc9b63" d="M534.6 872c2.2.3 3.9-1.3 3.9-3.4v-66.9c0-2.2-1.7-4.1-3.9-4.4l-20.5-2.6-20.5 2.6a4.5 4.5 0 0 0-3.9 4.4v66.9c0 2.2 1.7 3.7 3.9 3.4"/><path id="XMLID_358_" d="M496.5 809.4v-15" class="st14"/><path id="XMLID_359_" d="M501.8 832.7l-7.2.9v-13.9l7.2-.9z"/><path id="XMLID_362_" d="M511.9 831.4l-7.2.9v-13.9l7.2-.9z"/><path id="XMLID_365_" d="M511.9 841.8l-7.2.9v-7.4l7.2-.9z"/><path id="XMLID_367_" d="M499.4 861l-5.7.7c-.8.1-1.5-.5-1.5-1.3v-3l7.2-.9v4.5z"/><path id="XMLID_370_" d="M538.5 813.3l-24.4-2.4-24.4 2.8" class="st14"/><path id="XMLID_369_" d="M538.5 849.6l-24.4-3.7-24.4 3.4" class="st14"/><path id="XMLID_368_" d="M530.5 809.4v-15" class="st14"/><path id="XMLID_364_" d="M526.5 832.7l7.2.9v-13.9l-7.2-.9z"/><path id="XMLID_363_" d="M516.4 831.4l7.2.9v-13.9l-7.2-.9z"/><path id="XMLID_361_" d="M516.4 841.8l7.2.9v-7.4l-7.2-.9z"/><path id="XMLID_360_" d="M528.8 861l5.7.7c.8.1 1.5-.5 1.5-1.3v-3l-7.2-.9v4.5z"/></g></g></g><g id="Platform"><path id="XMLID_150_" d="M124.1 3442.5l102-55h335l-156 58z" class="st15"/><path id="XMLID_149_" d="M400.9 3477.8l14.2 23.7h-282V3477s267.1.1 267.8.8z" class="st15"/><path id="XMLID_148_" d="M175.1 3533.2h286.7l-46.7-31.7h-282z" class="st11"/><path id="XMLID_147_" d="M175.1 3533.2l28.4 28.4 297.9-1-5.3-27.1s-321.9-1.2-321-.3z" class="st15"/><path id="XMLID_146_" fill="#fbfbfb" d="M406.8 3444l149.5-56.2h96l111 44.9v43.9l-28.5 78.1-232.8 6.2-88.4-59.5-16.8-25.8z"/><path id="XMLID_145_" d="M134.8 3442.6l634-6.1 55.1-2.3-14.5 39.8-50.5 5.3-625.8-2.2z"/><g id="XMLID_120_"><path id="XMLID_144_" d="M168.9 3442v35.6" class="st17"/><path id="XMLID_143_" d="M198.7 3442v35.6" class="st17"/><path id="XMLID_142_" d="M227.7 3442v35.6" class="st17"/><path id="XMLID_141_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="7.64" d="M257.4 3441.5v36.1"/><path id="XMLID_140_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="7.7" d="M294.7 3441.1v36.7"/><path id="XMLID_139_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="7.79" d="M324.4 3441.1v37.5"/><path id="XMLID_138_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="7.83" d="M353.4 3440.7v37.9"/><path id="XMLID_137_" d="M383.2 3440.2v38.4" class="st22"/><path id="XMLID_136_" d="M411.4 3440.2v38.4" class="st22"/><path id="XMLID_135_" d="M441.1 3439.4v39.2" class="st23"/><path id="XMLID_134_" d="M470.1 3439.4v39.2" class="st23"/><path id="XMLID_133_" d="M499.9 3439.4v39.2" class="st23"/><path id="XMLID_132_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.01" d="M523.8 3439v39.6"/><path id="XMLID_131_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.06" d="M552.8 3438.5v40.1"/><path id="XMLID_130_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.08" d="M582.5 3438.3v40.3"/><path id="XMLID_129_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.11" d="M610.7 3438v40.6"/><path id="XMLID_128_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.15" d="M648.4 3437.6v41"/><path id="XMLID_127_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.17" d="M677.4 3437.4v41.2"/><path id="XMLID_126_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.26" d="M707.2 3437v42.1"/><path id="XMLID_125_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.29" d="M735.4 3436.6v42.5"/><path id="XMLID_124_" fill="none" stroke="#e1d279" stroke-miterlimit="10" stroke-width="8.35" d="M760.2 3436.5v43.1"/><path id="XMLID_123_" d="M784.2 3434.7l-6.4 44.2" class="st33"/><path id="XMLID_122_" d="M798.4 3434.9l-6.4 44.3" class="st33"/><path id="XMLID_121_" d="M810.6 3434l-6.4 44.3" class="st33"/></g><path id="XMLID_119_" d="M698.4 3383.5l129.7 50.3-64.7 2.8-111.4-48.7z" class="st0"/><path id="XMLID_118_" d="M758.6 3479.3l50.8-5.3-4 63.8-70.7 17.2z" class="st0"/></g><path id="Piller3" d="M769.1 4091.2s-157.9-1781.9-168.9-1895c-12.7-100.8 7.4-719.2 7.4-719.2l110.5-674.1-20-.3s-99.9 541.8-118.9 663.9-4.5 729.7-4.5 729.7l69.2 693.1h-13.8v33h16.1l78.9 1168.8h44z" class="st9"/><path id="Piller_1" d="M635.1 4091.2h60s-120-1947-120-1957-6-514.5-6-562.5 120-770.7 120-770.7h-38s-57.5 578.5-108 578.5c-47-21.5-60-580.5-60-580.5h-38s40 752.7 40 776.7 6 1095 6 1095l35.6 1420.5h52.5l-5-192.2h53.5l7.4 192.2zM531.2 2252s-1.8-75.8 10.5-76.5c12.2-.8 22.5 79.5 22.5 79.5l5.4 139.9h-34.7l-3.7-142.9zm4.6 177.9h35.1l8.3 214h-37.8l-5.6-214zm6.6 251.5h38.3l8.1 208.5h-40.9l-5.5-208.5zm6.3 241H590l8.2 212h-44l-5.5-212zm6.3 244h44.4l8.2 212.5h-47l-5.6-212.5zm18.3 696.7l-11.8-453.7h47.4l17.5 453.7h-53.1z" class="st9"/><g id="XMLID_66_"><defs><path id="XMLID_71_" d="M74.8 639.7c269.9-22.2 565.2-27.2 883.2-.3v65H72l2.8-64.7z"/></defs><clipPath id="XMLID_117_"><use overflow="visible" xlink:href="#XMLID_71_"/></clipPath><g id="XMLID_3_" clip-path="url(#XMLID_117_)"><defs><path id="XMLID_298_" d="M888.1 616.4c-85.4-16.8-345.6-17.2-369.9-17.2v-.1s-282.1-.5-371.7 17.2c-16.8 3.3-72.3 20-72.3 22.8 0 11.7 115.3 38.5 115.3 38.5l326.9-11.1v.1l328.8 11.2s115.3-26.8 115.3-38.5c-.1-2.9-55.6-19.6-72.4-22.9z"/></defs><clipPath id="XMLID_196_"><use overflow="visible" xlink:href="#XMLID_298_"/></clipPath><g id="XMLID_29_" clip-path="url(#XMLID_196_)"><g id="XMLID_489_"><path id="XMLID_534_" d="M1097.5 636.1c-91.7 27.4-183.3 54.7-275 82.1" class="st36"/><path id="XMLID_533_" d="M1042.3 631.2c-82.9 28.1-165.9 56.3-248.8 84.4" class="st36"/><path id="XMLID_532_" d="M987 626.7c-74.2 28.8-148.5 57.7-222.7 86.5" class="st36"/><path id="XMLID_531_" d="M931.7 622.7c-65.5 29.5-131 58.9-196.5 88.4" class="st36"/><path id="XMLID_530_" d="M876.4 619.3c-56.8 30-113.6 60-170.3 90.1" class="st36"/><path id="XMLID_529_" d="M821.1 616.3c-48 30.5-96.1 61-144.1 91.5" class="st36"/><path id="XMLID_528_" d="M765.7 613.8c-39.3 30.9-78.6 61.8-118 92.6" class="st36"/><path id="XMLID_527_" d="M710.4 611.8c-30.6 31.2-61.2 62.4-91.7 93.6" class="st36"/><path id="XMLID_526_" d="M655 610.3l-65.5 94.3" class="st36"/><path id="XMLID_525_" d="M599.6 609.3l-39.3 94.8" class="st36"/><path id="XMLID_524_" d="M544.2 608.9c-4.4 31.7-8.7 63.3-13.1 95" class="st36"/><path id="XMLID_523_" d="M488.8 608.9c4.4 31.7 8.7 63.3 13.1 95" class="st36"/><path id="XMLID_522_" d="M433.4 609.3l39.3 94.8" class="st36"/><path id="XMLID_521_" d="M378 610.3l65.5 94.3" class="st36"/><path id="XMLID_520_" d="M322.6 611.8c30.6 31.2 61.2 62.4 91.7 93.6" class="st36"/><path id="XMLID_519_" d="M267.3 613.8c39.3 30.9 78.6 61.8 118 92.6" class="st36"/><path id="XMLID_518_" d="M211.9 616.3c48 30.5 96.1 61 144.1 91.5" class="st36"/><path id="XMLID_517_" d="M156.6 619.3c56.8 30 113.6 60 170.3 90.1" class="st36"/><path id="XMLID_516_" d="M101.3 622.7c65.5 29.5 131 58.9 196.5 88.4" class="st36"/><path id="XMLID_492_" d="M46 626.7c74.2 28.8 148.5 57.7 222.7 86.5" class="st36"/><path id="XMLID_491_" d="M-9.3 631.2c82.9 28.1 165.9 56.3 248.8 84.4" class="st36"/><path id="XMLID_490_" d="M-64.5 636.1c91.7 27.4 183.3 54.7 275 82.1" class="st36"/></g></g></g></g><g id="XMLID_107_"><path id="XMLID_108_" d="M890.1 748.1a2654.52 2654.52 0 0 0-749 0v20c248.4-35.4 500.6-35.4 749 0v-20z" class="st0"/></g><g id="XMLID_77_"><g id="XMLID_105_"><path id="XMLID_106_" d="M845.6 733.1a2338.62 2338.62 0 0 0-660 0v-54.8c218.9-31.2 441.1-31.2 660 0v54.8z" class="st11"/></g><g id="XMLID_79_"><g id="XMLID_80_"><path id="XMLID_104_" d="M186.5 678.2v56.5" class="st37"/><path id="XMLID_103_" d="M219.3 673.8v56.5" class="st37"/><path id="XMLID_102_" d="M252 669.8v56.5" class="st37"/><path id="XMLID_101_" d="M284.9 666.4v56.5" class="st37"/><path id="XMLID_100_" d="M317.8 663.3v56.5" class="st37"/><path id="XMLID_99_" d="M350.7 660.7v56.5" class="st37"/><path id="XMLID_98_" d="M383.7 658.7v56.5" class="st37"/><path id="XMLID_97_" d="M416.6 657v56.5" class="st37"/><path id="XMLID_96_" d="M449.6 655.8v56.5" class="st37"/><path id="XMLID_95_" d="M482.6 655.1v56.5" class="st37"/><path id="XMLID_94_" d="M515.6 655v56.5" class="st37"/><path id="XMLID_93_" d="M548.6 655.1v56.5" class="st37"/><path id="XMLID_92_" d="M581.6 655.8v56.5" class="st37"/><path id="XMLID_91_" d="M614.6 657v56.5" class="st37"/><path id="XMLID_90_" d="M647.5 658.7v56.5" class="st37"/><path id="XMLID_89_" d="M680.5 660.7v56.5" class="st37"/><path id="XMLID_88_" d="M713.3 663.3v56.5" class="st37"/><path id="XMLID_87_" d="M746.3 666.4v56.5" class="st37"/><path id="XMLID_86_" d="M779.2 669.8v56.5" class="st37"/><path id="XMLID_85_" d="M811.9 673.8v56.5" class="st37"/><path id="XMLID_84_" d="M844.7 678.2v56.5" class="st37"/></g></g></g><g id="XMLID_49_"><path id="XMLID_54_" d="M889 565.6c0-.1 0-.2-.1-.3-.2-.1-.4-.2-.7-.2-.1 0-.1 0-.1-.1h-.1c-.1 0-.2-.1-.3-.1.2.1.4.1.6.2-.3-.1-.5-.2-.8-.3.4.1.7.2.9.3-76.3-28-129.1-49.9-165.4-66.5 2.6 1.2 5.2 2.4 7.5 3.5 4.2 1.9 12.1 5.4 22.6 9.9-55.4-23.8-83.1-39.2-96.4-48.1-.1 0-.1-.1-.2-.1 10.7 7.1 30.5 18.4 66.5 34.8-6.6-3-13.3-6.2-16.8-7.8-9.8-4.8-16.9-8.2-27.3-13.8-9.6-5.2-16.1-9.2-17.9-10.3-1.7-1-6.1-3.8-10.1-6.8-.5-.4-1.1-.9-2-1.6-.2-.1-.3-.3-.5-.4-.9-.9-2-2.2-2.7-3.4-.9-1.6-1.4-3.6-1.5-4.1-.1-.7-.3-1.5-.3-2.2s0-1.3-.1-1.7c0-.7.1-1.6.2-2.6.1-1.3.5-3.5.8-4.7.2-.7.4-1.6.6-2.3.2-.6.5-1.5.7-2.2.2-.6.6-1.5.8-2.1.4-1.2 1.1-2.8 1.6-3.9.2-.5.6-1.2.8-1.7.1-.1.1-.3.2-.4-.4.7-.7 1.5-1.1 2.3.4-.8.8-1.6 1.1-2.3.4-.8.8-1.5 1.1-2.1.5-.9.9-1.5 1.1-1.9.1-.1.1-.2.2-.3h-.1s0-.1.1-.1c.1-.2.2-.4.4-.5.2-.2.4-.6.8-.9-.8.9-1.1 1.5-1.1 1.6.1 0 .1-.1.1-.1.3-.5.8-1.2 1-1.4.5-.6 1-1.1 1.4-1.7 3.5-3.7 11.1-10.6 26.5-20.2l6.1-3.7c-.1 0-.1.1-.2.1h.1c.2-.1.4-.2.4-.3.1-3.7-.4-5.6-.6-6.2-.7-1.9-1.5-2.1-2.6-2.4s-15.4-3.5-33.6-7.1c-14.7-3-29.1-5.6-36.3-6.8-14-2.4-14-2.4-20.1-3.3-8.2-1.2-8.2-1.2-20.5-2.9-3.7-.5-8.3-1-12.5-1.4-7.6-.9-12.8-1.3-16-1.5-2.9-.2-8.4-.6-15.6-.8h-.1c-1.9-.2-8-.3-13.7-.3-4.3 0-7.1.1-7.5.2 2.7 0 5.8-.1 9.1 0h-10.5c-.7 0-1.4 0-2.1.1-3.9.1-7.7.2-10.8.3-4.6.3-6.1.4-14.1 1-1.8.2-4.6.4-8 .8-3.2.3-6.3.7-9 1-3 .3-6 .7-8.8 1-7.1.9-14.5 1.9-26.3 3.7l-13.5 2.1c-1 .2-2 .3-3 .5-17.1 2.8-32.8 5.8-38.2 6.8-5.1.9-13.4 2.6-17.9 3.5-2.2.4-2.2.4-2.7.7-.2.1-.3.2-.5.4-.4.3-.6.7-.7.9-.3.5-.4 1.2-.6 1.8-.1.1-.5 1.9-.4 5.1v.1c.1.1.2.1.4.2-.1-.1-.2-.1-.3-.2 0 0 0 .1.1.1 4.2 2.6 8 5 11.3 7.2 1.3.9 2.5 1.7 3.7 2.6-.1-.1-.2-.1-.3-.2 7.7 5.5 12.7 9.8 15.7 12.9 1.6 1.6 2.6 2.8 3.3 3.7l-.1-.1c.4.5.6.8.8 1.1.1.1.2.3.3.4.9 1.6 1.8 3.2 2.4 4.7 0-.1-.1-.2-.1-.3.1.2.2.3.2.5 0-.1-.1-.1-.1-.2.9 1.9 1.9 4.3 2.8 6.9-.1-.2-.1-.4-.2-.6.4 1.1.8 2.3 1.1 3.6l-.3-.9c.6 2 1.1 4 1.4 6.1-.1-.4-.1-.8-.2-1.2.9 5 .8 10-1.5 14-.1.2-.3.4-.5.7.2-.4.5-.7.7-1.1-.3.4-.7.9-1.3 1.8-.6.7-1.3 1.4-1.8 1.9-.1 0-.1 0-.1.1-.6.5-1.5 1.2-2.9 2.2-1.3.9-2.5 1.8-3.8 2.6-5.7 3.7-14.3 8.8-27.2 15.3-8.3 4.2-14.6 7.2-24.4 11.7-4.9 2.2-16.1 7.2-24.5 10.8h-.1c-2.5 1.1-6.4 2.8-11.4 4.9-6.4 2.7-13.1 5.4-18.6 7.6-18.2 7.4-32.2 12.7-36.1 14.2-12.7 4.8-29.8 11.2-42.7 15.9-.1 0-.2.1-.4.1-.2.1-.4.2-.6.2-1.4.5-3.2 1.2-5.4 2-1.8.7-3.6 1.3-5.5 2-4.7 1.7-9.5 3.4-14.4 5.1-5.5 1.9-11.9 4.2-17.7 6.3-1.6.6-3.3 1.1-4.9 1.7l-.9.3c-.4.1-.6.2-.8.4h-.1l-.1.1c-.8 1 5.1 2 18.3 3.1h.1c63.6 5.3 273.4 9.6 468.7 9.7 158.4-.1 258.5-2.8 256.7-6.7zM390 419.1c.1 0 .1 0 0 0 .1 0 0 0 0 0zm253.8 27.8s0-.1 0 0c0-.1 0 0 0 0zM358.4 391zm525.4 172.3c-16.5-6.1-31.8-11.8-46.2-17.3.3.1.7.3 1 .4 13.4 5.1 30.9 11.7 45.2 16.9zM789 526.9c-3-1.2-6-2.4-8.9-3.6-5.3-2.2-10.3-4.3-15.2-6.3 9.9 4.1 18.3 7.6 24.1 9.9zm-140.6-69.1c-1.8-1.6-3-3.4-3.7-5.5l-.3-1.1c.6 2.5 1.9 4.8 4 6.6zm-3.6-18.8c.4-1.5.8-3 1.3-4.5-.5 1.5-1 3-1.3 4.5zm2.2-6.8c0 .1-.1.2-.1.3 0-.2 0-.2.1-.3zm-297-40c0-.1.1-.1 0 0 .1-.1.1-.1 0 0 .1-.1 0-.1 0 0zm34.5 27.3zm6.7 16c.1.3.1.6.2.9 0-.3-.1-.6-.2-.9zm-.2-.9c0 .1 0 .1.1.2-.1 0-.1-.1-.1-.2zm-3.5 21.2c0 .1 0 .1 0 0 0 .1 0 .1 0 0 0 .1 0 .1 0 0 0 .1 0 .1 0 0z" class="st0"/><path id="XMLID_53_" d="M390.7 433.6c-.2-.7-.4-1.4-.7-2.1.2.7.5 1.5.7 2.1z" class="st0"/><path id="XMLID_52_" d="M392.1 439.7c.1.7.2 1.4.2 1.9.1 1 .2 2.7 0 4.6-.2 1.6-.3 2.3-1 4.3 0 .1-.1.2-.1.2 1.4-3.3 1.5-7.1.9-11z" class="st0"/><path id="XMLID_51_" d="M390.6 452.1c.3-.5.5-.8.6-1.3-.2.4-.4.8-.6 1.3z" class="st0"/><path id="XMLID_50_" d="M365.1 402.2c3.2 2.4 4.2 3.1 7.2 5.5 2.5 2 4.7 4 5.6 4.8 1.2 1.1 3.4 3.1 5.3 5.4.2.2.3.4.5.6-2-2.5-7.2-8.1-18.6-16.3z" class="st0"/></g><g id="Glass"><g id="XMLID_47_"><path id="XMLID_48_" fill="#525b66" d="M889.1 624.1a2647.84 2647.84 0 0 0-747 0v-62c247.8-35.3 499.2-35.3 747 0v62z"/></g><g id="XMLID_9_"><g id="XMLID_10_"><path id="XMLID_46_" d="M143.1 562v64" class="st39"/><path id="XMLID_45_" d="M180.2 557v64" class="st39"/><path id="XMLID_44_" d="M217.3 552.5v64" class="st39"/><path id="XMLID_43_" d="M254.5 548.6v64" class="st39"/><path id="XMLID_42_" d="M291.7 545.1v64" class="st39"/><path id="XMLID_41_" d="M329 542.3v64" class="st39"/><path id="XMLID_40_" d="M366.3 539.9v64" class="st39"/><path id="XMLID_39_" d="M403.6 538v64" class="st39"/><path id="XMLID_38_" d="M440.9 536.7v64" class="st39"/><path id="XMLID_37_" d="M478.2 535.9v64" class="st39"/><path id="XMLID_36_" d="M515.6 535.7v64" class="st39"/><path id="XMLID_35_" d="M552.9 535.9v64" class="st39"/><path id="XMLID_34_" d="M590.3 536.7v64" class="st39"/><path id="XMLID_33_" d="M627.6 538v64" class="st39"/><path id="XMLID_32_" d="M664.9 539.9v64" class="st39"/><path id="XMLID_31_" d="M702.2 542.3v64" class="st39"/><path id="XMLID_30_" d="M739.4 545.1v64" class="st39"/><path id="XMLID_14_" d="M776.7 548.6v64" class="st39"/><path id="XMLID_13_" d="M813.9 552.5v64" class="st39"/><path id="XMLID_12_" d="M851 557v64" class="st39"/><path id="XMLID_11_" d="M888.1 562v64" class="st39"/></g></g></g><g id="Very-Top"><path id="XMLID_1_" d="M544.3 353.5h-52.5c-6.6 0-12-5.4-12-12v-45c0-6.6 5.4-12 12-12h52.5c6.6 0 12 5.4 12 12v45c0 6.6-5.4 12-12 12z" class="st11"/><g id="Service_Area"><path id="XMLID_7_" d="M642.3 377.6c-82.2-14.3-166.3-15.9-248.4-1.6-.9-9.9-1.8-19.7-2.6-29.6a735.26 735.26 0 0 1 253.7 0c-1 9.9-1.8 21.4-2.7 31.2z" class="st11"/><g id="XMLID_353_"><defs><path id="XMLID_352_" d="M642.3 377.6c-82.2-14.3-166.3-15.9-248.4-1.6-.9-9.9-1.8-19.7-2.6-29.6a735.26 735.26 0 0 1 253.7 0c-1 9.9-1.8 21.4-2.7 31.2z"/></defs><clipPath id="XMLID_293_"><use overflow="visible" xlink:href="#XMLID_352_"/></clipPath><g id="XMLID_291_" clip-path="url(#XMLID_293_)"><g id="XMLID_292_"><g id="XMLID_295_"><path id="XMLID_351_" d="M314.4 348.3v50.8" class="st41"/><path id="XMLID_350_" d="M334.6 344.3v50.8" class="st41"/><path id="XMLID_349_" d="M354.7 340.7v50.8" class="st41"/><path id="XMLID_348_" d="M375 337.7v50.8" class="st41"/><path id="XMLID_347_" d="M395.2 334.9v50.8" class="st41"/><path id="XMLID_346_" d="M415.5 332.7v50.8" class="st41"/><path id="XMLID_345_" d="M435.7 330.8v50.8" class="st41"/><path id="XMLID_344_" d="M456 329.2V380" class="st41"/><path id="XMLID_343_" d="M476.3 328.2V379" class="st41"/><path id="XMLID_342_" d="M496.5 327.6v50.8" class="st41"/><path id="XMLID_341_" d="M516.9 327.4v50.8" class="st41"/><path id="XMLID_340_" d="M537.1 327.6v50.8" class="st41"/><path id="XMLID_313_" d="M557.5 328.2V379" class="st41"/><path id="XMLID_312_" d="M577.7 329.2V380" class="st41"/><path id="XMLID_307_" d="M598 330.8v50.8" class="st41"/><path id="XMLID_306_" d="M618.3 332.7v50.8" class="st41"/><path id="XMLID_305_" d="M638.5 334.9v50.8" class="st41"/><path id="XMLID_304_" d="M658.8 337.7v50.8" class="st41"/><path id="XMLID_300_" d="M679 340.7v50.8" class="st41"/><path id="XMLID_299_" d="M699.1 344.3v50.8" class="st41"/><path id="XMLID_296_" d="M719.3 348.3v50.8" class="st41"/></g></g></g></g></g><path id="Antenna" fill="none" stroke="#657180" stroke-miterlimit="10" stroke-width="7.02" d="M493.4 293l25.3-253L544 293z"/></g><path id="XMLID_24_" fill="none" stroke="#78818d" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.51" d="M74.3 639.3c269.9-22.2 565-26.7 883.6.1"/><g id="XMLID_339_"><defs><path id="XMLID_319_" d="M282.8 511.2s359.8-90.6 374.5-84.2c20.7-2.6 59.7-37.6 59.7-37.6l-171-39s-213 21-214 24-49.2 136.8-49.2 136.8z"/></defs><clipPath id="XMLID_294_"><use overflow="visible" xlink:href="#XMLID_319_"/></clipPath><g id="XMLID_318_" clip-path="url(#XMLID_294_)"><path id="XMLID_324_" fill="#eaeaea" d="M889 566.6c0-.1 0-.2-.1-.3-.2-.1-.4-.2-.7-.2-.1 0-.1 0-.1-.1h-.1c-.1 0-.2-.1-.3-.1.2.1.4.1.6.2-.3-.1-.5-.2-.8-.3.4.1.7.2.9.3-76.3-28-129.1-49.9-165.4-66.5 2.6 1.2 5.2 2.4 7.5 3.5 4.2 1.9 12.1 5.4 22.6 9.9-55.4-23.8-83.1-39.2-96.4-48.1-.1 0-.1-.1-.2-.1 10.7 7.1 30.5 18.4 66.5 34.8-6.6-3-13.3-6.2-16.8-7.8-9.8-4.8-16.9-8.2-27.3-13.8-9.6-5.2-16.1-9.2-17.9-10.3-1.7-1-6.1-3.8-10.1-6.8-.5-.4-1.1-.9-2-1.6-.2-.1-.3-.3-.5-.4-.9-.9-2-2.2-2.7-3.4-.9-1.6-1.4-3.6-1.5-4.1-.1-.7-.3-1.5-.3-2.2s0-1.3-.1-1.7c0-.7.1-1.6.2-2.6.1-1.3.5-3.5.8-4.7.2-.7.4-1.6.6-2.3.2-.6.5-1.5.7-2.2.2-.6.6-1.5.8-2.1.4-1.2 1.1-2.8 1.6-3.9.2-.5.6-1.2.8-1.7.1-.1.1-.3.2-.4-.4.7-.7 1.5-1.1 2.3.4-.8.8-1.6 1.1-2.3.4-.8.8-1.5 1.1-2.1.5-.9.9-1.5 1.1-1.9.1-.1.1-.2.2-.3h-.1s0-.1.1-.1c.1-.2.2-.4.4-.5.2-.2.4-.6.8-.9-.8.9-1.1 1.5-1.1 1.6.1 0 .1-.1.1-.1.3-.5.8-1.2 1-1.4.5-.6 1-1.1 1.4-1.7 3.5-3.7 11.1-10.6 26.5-20.2l6.1-3.7c-.1 0-.1.1-.2.1h.1c.2-.1.4-.2.4-.3.1-3.7-.4-5.6-.6-6.2-.7-1.9-1.5-2.1-2.6-2.4s-15.4-3.5-33.6-7.1c-14.7-3-29.1-5.6-36.3-6.8-14-2.4-14-2.4-20.1-3.3-8.2-1.2-8.2-1.2-20.5-2.9-3.7-.5-8.3-1-12.5-1.4-7.6-.9-12.8-1.3-16-1.5-2.9-.2-8.4-.6-15.6-.8h-.1c-1.9-.2-8-.3-13.7-.3-4.3 0-7.1.1-7.5.2 2.7 0 5.8-.1 9.1 0h-10.5c-.7 0-1.4 0-2.1.1-3.9.1-7.7.2-10.8.3-4.6.3-6.1.4-14.1 1-1.8.2-4.6.4-8 .8-3.2.3-6.3.7-9 1-3 .3-6 .7-8.8 1-7.1.9-14.5 1.9-26.3 3.7l-13.5 2.1c-1 .2-2 .3-3 .5-17.1 2.8-32.8 5.8-38.2 6.8-5.1.9-13.4 2.6-17.9 3.5-2.2.4-2.2.4-2.7.7-.2.1-.3.2-.5.4-.4.3-.6.7-.7.9-.3.5-.4 1.2-.6 1.8-.1.1-.5 1.9-.4 5.1v.1c.1.1.2.1.4.2-.1-.1-.2-.1-.3-.2 0 0 0 .1.1.1 4.2 2.6 8 5 11.3 7.2 1.3.9 2.5 1.7 3.7 2.6-.1-.1-.2-.1-.3-.2 7.7 5.5 12.7 9.8 15.7 12.9 1.6 1.6 2.6 2.8 3.3 3.7l-.1-.1c.4.5.6.8.8 1.1.1.1.2.3.3.4.9 1.6 1.8 3.2 2.4 4.7 0-.1-.1-.2-.1-.3.1.2.2.3.2.5 0-.1-.1-.1-.1-.2.9 1.9 1.9 4.3 2.8 6.9-.1-.2-.1-.4-.2-.6.4 1.1.8 2.3 1.1 3.6l-.3-.9c.6 2 1.1 4 1.4 6.1-.1-.4-.1-.8-.2-1.2.9 5 .8 10-1.5 14-.1.2-.3.4-.5.7.2-.4.5-.7.7-1.1-.3.4-.7.9-1.3 1.8-.6.7-1.3 1.4-1.8 1.9-.1 0-.1 0-.1.1-.6.5-1.5 1.2-2.9 2.2-1.3.9-2.5 1.8-3.8 2.6-5.7 3.7-14.3 8.8-27.2 15.3-8.3 4.2-14.6 7.2-24.4 11.7-4.9 2.2-16.1 7.2-24.5 10.8h-.1c-2.5 1.1-6.4 2.8-11.4 4.9-6.4 2.7-13.1 5.4-18.6 7.6-18.2 7.4-32.2 12.7-36.1 14.2-12.7 4.8-29.8 11.2-42.7 15.9-.1 0-.2.1-.4.1-.2.1-.4.2-.6.2-1.4.5-3.2 1.2-5.4 2-1.8.7-3.6 1.3-5.5 2-4.7 1.7-9.5 3.4-14.4 5.1-5.5 1.9-11.9 4.2-17.7 6.3-1.6.6-3.3 1.1-4.9 1.7l-.9.3c-.4.1-.6.2-.8.4h-.1l-.1.1c-.8 1 5.1 2 18.3 3.1h.1c63.6 5.3 273.4 9.6 468.7 9.7 158.4-.1 258.5-2.8 256.7-6.7zM390 420.1c.1 0 .1 0 0 0 .1 0 0 0 0 0zm253.8 27.8s0-.1 0 0c0-.1 0 0 0 0zM358.4 392zm525.4 172.3c-16.5-6.1-31.8-11.8-46.2-17.3.3.1.7.3 1 .4 13.4 5.1 30.9 11.7 45.2 16.9zM789 527.9c-3-1.2-6-2.4-8.9-3.6-5.3-2.2-10.3-4.3-15.2-6.3 9.9 4.1 18.3 7.6 24.1 9.9zm-140.6-69.1c-1.8-1.6-3-3.4-3.7-5.5l-.3-1.1c.6 2.5 1.9 4.8 4 6.6zm-3.6-18.8c.4-1.5.8-3 1.3-4.5-.5 1.5-1 3-1.3 4.5zm2.2-6.8c0 .1-.1.2-.1.3 0-.2 0-.2.1-.3zm-297-40c0-.1.1-.1 0 0 .1-.1.1-.1 0 0 .1-.1 0-.1 0 0zm34.5 27.3zm6.7 16c.1.3.1.6.2.9 0-.3-.1-.6-.2-.9zm-.2-.9c0 .1 0 .1.1.2-.1 0-.1-.1-.1-.2zm-3.5 21.2c0 .1 0 .1 0 0 0 .1 0 .1 0 0 0 .1 0 .1 0 0 0 .1 0 .1 0 0z"/><path id="XMLID_323_" d="M390.7 434.6c-.2-.7-.4-1.4-.7-2.1.2.7.5 1.5.7 2.1z" class="st0"/><path id="XMLID_322_" d="M392.1 440.7c.1.7.2 1.4.2 1.9.1 1 .2 2.7 0 4.6-.2 1.6-.3 2.3-1 4.3 0 .1-.1.2-.1.2 1.4-3.3 1.5-7.1.9-11z" class="st0"/><path id="XMLID_321_" d="M390.6 453.1c.3-.5.5-.8.6-1.3-.2.4-.4.8-.6 1.3z" class="st0"/><path id="XMLID_320_" d="M365.1 403.2c3.2 2.4 4.2 3.1 7.2 5.5 2.5 2 4.7 4 5.6 4.8 1.2 1.1 3.4 3.1 5.3 5.4.2.2.3.4.5.6-2-2.5-7.2-8.1-18.6-16.3z" class="st0"/></g></g><path id="Beacon" fill="#ff0a0a" d="M526.7 49.4h-16v-16c0-4.4 3.6-8 8-8s8 3.6 8 8v16z"/></svg></div>
</section>
<section id="portfolio" class="portfolio section-padding"><h2></h2>
<div class="grid-container">
<h1 class="h2">Portfolio</h2>
<div class="card-container items">
<artcile class="portfolio-card item1">
<header>
<a href="/portfolio/blue-origin">
<h2>Blue Origin Kit</h2>
<img src="/images/blue.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">Design Systems</span>
</artcile>
<artcile class="portfolio-card item4">
<header>
<a href="/portfolio/cook-together">
<h2>Cook Together</h2>
<img src="/images/cook.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">Web</span>
</artcile>
<artcile class="portfolio-card item1">
<header>
<a href="/portfolio/vox-augmento">
<h2>Vox Augmento</h2>
<img src="/images/vr.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">VR</span>
</artcile>
<artcile class="portfolio-card item2">
<header><a href="/portfolio/intranet">
<h2>Edifecs Sharepoint</h2>
<img src="/images/sharepoint.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">Intranet</span>
</artcile>
<artcile class="portfolio-card item3">
<header>
<a href="/portfolio/edifecs">
<h2>Edifecs.com</h2>
<img src="/images/edifecs.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">Web</span>
</artcile>
<artcile class="portfolio-card item3">
<header>
<a href="/portfolio/other">
<h2>Other Works<br>Archive</h2>
<img src="/images/archive.svg" alt="" loading="lazy" width="345">
</a>
</header>
<span class="badge">View All</span>
</artcile>
</div>
</div>
<section id="recent" class="recent">
<h2 class="h3">Recent works</h2>
<div class="container">
<artcile class="recent-card">
<header>
<a href="https://communityattributes.com//">
<img src="/images/cai.png" alt="" loading="lazy" width="270">
<h1>Community Attributes</h1>
</a>
</header>
</artcile>
<artcile class="recent-card">
<header>
<a href="https://deathoverdinner.org/">
<img src="/images/dod.jpg" alt="" loading="lazy" width="270">
<h1>Death Over Dinner</h1>
</a>
</header>
</artcile>
<artcile class="recent-card">
<header>
<a href="https://livewake.com/">
<img src="/images/livewake.jpg" alt="" loading="lazy" width="270">
<h1>The Living Wake</h1>
</a>
</header>
</artcile>
</div>
</section>
</section>
<section id="process" class="process section-padding">
<div class="grid-container">
<div class="header-sticky">
<h2 class="h2">Process</h2>
<div class="process-diagrams">
<img src="/images/ux-values.svg#useful" width="260" class="diagram" alt="UX Values are to usable, finable, useful, desireable, accesible, credible, and valuable" loading="lazy">
<img src="/images/ux-values.svg#desireable" width="260" class="diagram" alt="" loading="lazy">
<img src="/images/ux-values.svg#usable" width="260" class="diagram" alt="" loading="lazy">
<img src="/images/ux-values.svg#finable" width="260" class="diagram" alt="" loading="lazy">
<img src="/images/ux-values.svg#credible" width="260" class="diagram" alt="" loading="lazy">
<img src="/images/ux-values.svg#accessible" width="260" class="diagram" alt="" loading="lazy">
<img src="/images/ux-values.svg#valuable" width="260" class="diagram" alt="" loading="lazy">
</div>
</div>
<div class="process-copy">
<section class="sub">
<h2>Research & Discovery</h2>
<p>
User Research is crucial to success. By performing different functional analyses, defining goals and metrics, a stronger understanding of the users can be achieved. Use research to form and reinforce a strong foundation.
</p>
<p>
I am a individual who can interconnect different working disciplines, such as graphic designers, the software design team, and numerous other stakeholders. Delivering a powerful and effective user interaction is dependent on the skill of many parties.
</p>
<figure>
<img src="/images/research.png" height="200" class="img-fluid" alt="" loading="lazy">
<figcaption>Example survey data from project redesign</figcaption>
</figure>
</section>
<section class="sub">
<h2>Flow + Empathy</h2>
<p>
The practice of art and science at the intersection of design, engineering, and psychology is UX. Use informed decisions from research to champion designs that match user needs. Without a proper foundation a product can never truly meet the needs of users.
</p>
<p>
Today I am a seasoned designer and developer. Working on numerous projects ranging from personal designs to assisting educational research. I strive for a deep and thorough understanding of modern design principles.
</p>
<figure>
<img src="/images/flow-empathy.jpg" height="400" class="img-fluid" alt="" loading="lazy">
<figcaption>Persona mapping from web platform redesign</figcaption>
</figure>
</section>
<section class="sub">
<h2>Design</h2>
<p>
Everyone talks about good design, but often do not act to validate it.
Everyone will talk about users, but ends up idealizing the wrong goals. Having a well meaning and structured approach improves the value in which designs can be produced. Whether it is low fidelity wireframes, or rich design documents, quality design cannot effectively be pulled out from the ether.
</p>
<p>
I prove. I test. I refine.
</p>
<blockquote>
"The ability to simplify means to eliminate the unnecessary so that the necessary may speak."
<cite>
Hans Hofmann
</cite>
</blockquote>
</section>
<section class="sub">
<h2>Testing & Development</h2>
<p>
Take all previous steps, then go and validate. Test, break, refine as much as possible within reason. Work with different teams and do not be afraid to go back to the drawing board.
</p>
<p>
During my work experience I have employed many tools and techniques to determine users' needs, goals, and actions:
</p>
<ul>
<li>Agile design and prototyping</li>
<li>Integrate boots on the ground feedback from QA, Dev, and support</li>
<li>Developing training and documentation to carry facilitate research</li>
<li>Varied and progressive A|B testing</li>
</ul>
</section>
<section class="sub">
<h2>Repeat</h2>
<p>
Loop back and collect more, test more, design more.
</p>
</section>
</div>
</div>
</section>
<section id="contact" class="contact section-padding">
<div class="grid-container">
<div class="header-sticky">
<h1 class="h2">Contact</h1>
</div>
<div class="contact-form">
<div class="contact-details">
<p>
Phone #: <a href="tel:+14256868641">+1 425-686-8641</a>
</p>
<p>
Email: <a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<form action="https://formspree.io/[email protected]" method="POST">
<div class="input-field">
<label for="name">Name</label>
<input type="text" name="name" required>
</div>
<div class="input-field" >
<label for="_replyto">Email</label>
<input type="email" name="_replyto" required>
</div>
<div class="input-field">
<label for="message">Your message</label>
<textarea name="message" rows="5"></textarea>
</div>
<div>
<input class="btn" type="submit" value="Send">
</div>
</form>
</div>
</div>
</section>
</main>
<footer>
<span>© Christopher Nguyen</span>
</footer>
</main>
</body>
</html>