-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
410 lines (380 loc) · 52.3 KB
/
home.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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Animations Playground</title>
<link href='https://fonts.googleapis.com/css?family=Asap:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<aside>
<div id="center-section">
<p>SCROLL SLOWLY</p>
</div>
</aside>
<section>
<div id="container">
<div id="scene1">
<h1>Hi my name is Anita </h1>
<h2>and this is how I became Javascript Developer</h2>
<h3>Beginning was rough!</h3>
<h4>I made it!!</h4>
<svg version="1.1" id="GSAPLab" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="900" height="2300" viewBox="0 0 1024 1229" enable-background="new 0 0 1024 1229" xml:space="preserve">
<defs>
<clipPath id="cut-off-liquid-1">
<rect id="LiquidInside1Mask" x="160" y="688" fill="#F8876E" width="49" height="77"/>
</clipPath>
<clipPath id="cut-off-liquid-2">
<rect id="LiquidInside2Mask" x="220" y="710" fill="#F8876E" width="20" height="43"/>
</clipPath>
<clipPath id="cut-off-liquid-3">
<rect id="LiquidInside3Mask" x="267" y="711" fill="#F8876E" width="17" height="39"/>
</clipPath>
<clipPath id="cut-off-liquid-4">
<rect id="LiquidInside4Mask" x="450" y="845" fill="#F8876E" width="69" height="48"/>
</clipPath>
<clipPath id="cut-off-liquid-5">
<rect id="LiquidInside5Mask" x="557" y="786" fill="#F8876E" width="69" height="91"/>
</clipPath>
</defs>
<g id="Anita">
<path fill="#AFA3AA" d="M110 295H72v62h10.6c-0.3 0.6-0.6 1.3-0.6 2v38c0 2.2 1.8 4 4 4h2c2.2 0 4-1.8 4-4v-38c0-0.7-0.2-1.4-0.6-2H95c-0.6 0.8-1 1.9-1 3v36c0 2.8 2.2 5 5 5s5-2.2 5-5v-36c0-1.1-0.4-2.2-1-3h7V295z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M110 295H72v62h10.6c-0.3 0.6-0.6 1.3-0.6 2v38c0 2.2 1.8 4 4 4h2c2.2 0 4-1.8 4-4v-38c0-0.7-0.2-1.4-0.6-2H95c-0.6 0.8-1 1.9-1 3v36c0 2.8 2.2 5 5 5s5-2.2 5-5v-36c0-1.1-0.4-2.2-1-3h7V295z"/>
<g id="HandR">
<path fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M122.3 353.1l0-38.1c0-5.8-3-14.3-5-14"/>
<path fill="none" stroke="#EBF3F7" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M122.3 353.1l0-38.1c0-5.8-3-14.3-5-14"/>
<path fill="#020202" d="M127.3 350c0 0-9-6-11-1 -1.6 3.9 2-38-3-46 -3-4.9 4-7 4-7s8.8 4.1 10 16C128.3 321.7 127.3 350 127.3 350z"/>
<line fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="122" y1="362" x2="122" y2="354"/>
<line fill="none" stroke="#FEE2C0" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="122" y1="362" x2="122" y2="354"/>
</g>
<g id="HandL">
<path fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M60 353.1l0-38.1c0-5.8 3-14.3 5-14"/>
<path fill="none" stroke="#EBF3F7" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M60 353.1l0-38.1c0-5.8 3-14.3 5-14"/>
<path fill="#020202" d="M55 350c0 0 9-6 11-1 1.6 3.9-2-38 3-46 3-4.9-4-7-4-7s-8.8 4.1-10 16C54 321.7 55 350 55 350z"/>
<line fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60" y1="362" x2="60" y2="354"/>
<line fill="none" stroke="#FEE2C0" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60" y1="362" x2="60" y2="354"/>
</g>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M91 302L91 302c-2.2 0-4-1.8-4-4v-14h8v14C95 300.2 93.2 302 91 302z"/>
<rect x="95" y="295" fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19" height="63"/>
<polygon fill="#0C0C0C" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 95 295 109 304 101.1 309.8 108.8 315.5 95 340.5 "/>
<rect x="68" y="295" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 155 653)" fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19" height="63"/>
<polygon fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 87 295 73 304 80.9 309.8 73.2 315.5 87 340.5 "/>
<rect x="70" y="395" fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="18" height="9"/>
<path fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M70 395c-7 0-12 4-12 9h12 12C82 399 77 395 70 395z"/>
<rect x="95" y="396" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 207.9998 800)" fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="18" height="8"/>
<path fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M113 396c7 0 12 3 12 8h-12 -12C101 399 106 396 113 396z"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" d="M94.4 281h-8.7c-2.4 0-6.9-1.7-8.7-3l-10.1-7.5c-3.1-2.2-4.9-5.4-4.9-8.7v-29.9c0-12.7 12.5-22.9 28-22.9h0c15.5 0 28 10.3 28 22.9v30.2c0 3.4-1.5 5.4-4.8 9.3l-8.9 7.1C102.2 279.2 96.7 281 94.4 281z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M87 253v5.3c0 1.5 1.8 2.7 4 2.7h0c2.2 0 4-1.2 4-2.7V253"/>
<path id="smile" fill="none" stroke="#294C67" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M79.6 270.1c2.9 1.1 6.8 2.1 11.4 2.1s8.5-1 11.4-2.1"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M63 247L63 247l0 16h0c-3.9 0-7-3.1-7-7v-2C56 250.1 59.1 247 63 247z"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M119 247L119 247l0 16h0c3.9 0 7-3.1 7-7v-2C126 250.1 122.9 247 119 247z"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M85 240c0-5-5-6-10-6s-11.8 2.1-11 7c0.3 2 5 5 10 5S85 245 85 240z"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M115 240c0-5-5-6-10-6s-11.8 2.1-11 7c0.3 2 5 5 10 5S115 245 115 240z"/>
<circle fill="#3575A0" cx="74" cy="240" r="4"/>
<circle fill="#3575A0" cx="104" cy="240" r="4"/>
<circle display="none" fill="#294C67" cx="111" cy="240" r="3"/>
<g id="Hair_1_">
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M118 226H64c-0.4-4 25.2-39.3 54-2.2"/>
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M75 277H49l15-53C64 224 56 266 75 277z"/>
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M106 277h26l-15-53C117 224 125 266 106 277z"/>
</g>
</g>
<g id="BulbIdea">
<path id="MainBulb2" fill="#F8AD43" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M113 122.5c0-14.7-12.8-26.5-27.9-24.8 -11.7 1.3-21.1 11-22.1 22.8 -0.7 8.1 2.6 15.5 8 20.5 5.9 5.4 9 13.1 9 21.1v0h15.8v0c0-8 3.2-15.7 9.1-21.2C109.9 136.3 113 129.8 113 122.5z"/>
<path fill="#EBF3F7" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M93 170H83c-2.2 0-4-1.8-4-4l0 0c0-2.2 1.8-4 4-4h10c2.2 0 4 1.8 4 4l0 0C97 168.2 95.2 170 93 170z"/>
<path fill="#EBF3F7" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M88 187L88 187c-2.2 0-4-1.8-4-4v-13h8l-1 15C91 187.2 90.2 187 88 187z"/>
<path fill="none" stroke="#294C67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M85 162v-25c0-1.7-1.3-3-3-3l0 0c-1.7 0-3 1.3-3 3l0 0c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3l0 0c0-1.7-1.3-3-3-3l0 0c-1.7 0-3 1.3-3 3v25"/>
</g>
<g id="stage" transform="translate(100, 100)">
<g id="_x3C_Group_x3E_">
<path fill="#FFFFFF" d="M195 704.5V673h-18v31.5c-9 3.6-16.2 12.7-16.2 23.4 0 13.8 11.3 25.1 25.2 25.1s25.3-11.2 25.3-25.1C211.2 717.2 204 708.1 195 704.5z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" d="M195 704.5V673h-18v31.5c-9 3.6-16.2 12.7-16.2 23.4 0 13.8 11.3 25.1 25.2 25.1s25.3-11.2 25.3-25.1C211.2 717.2 204 708.1 195 704.5z"/>
<path id="LiquidInside1" clip-path="url(#cut-off-liquid-1)" fill="#F8876E" d="M191 708v-31h-10v31c-9.1 1.9-16 10.3-16 20 0 11 10 21 21 21s21-10 21-21C207 718.3 200.1 709.9 191 708z"/>
</g>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M628 780h-72v77c0 13.3 10.7 24 24 24h24c13.3 0 24-10.7 24-24V780z"/>
<path id="LiquidInside5" clip-path="url(#cut-off-liquid-5)" fill="#F8876E" d="M603 876h-22c-11 0-20-9-20-20v-67h62v67C623 867 614 876 603 876z"/>
<path fill="#FFFFFF" d="M239.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S243.1 700 239.5 700z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M239.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S243.1 700 239.5 700z"/>
<path id="LiquidInside2" clip-path="url(#cut-off-liquid-2)" fill="#F8876E" d="M225 716h10v28c0 2.8-2.2 5-5 5l0 0c-2.8 0-5-2.2-5-5V716z"/>
<path display="none" fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M755 774.3c-0.4-1-0.3-16.6-0.2-31.7 0.1-10.8-8.6-19.6-19.4-19.6h0c-10.7 0-19.4 8.7-19.4 19.4V780"/>
<path display="none" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M755 774.3c-0.4-1-0.3-16.6-0.2-31.7 0.1-10.8-8.6-19.6-19.4-19.6h0c-10.7 0-19.4 8.7-19.4 19.4V780"/>
<path id="Liquid9" class="liquid" display="none" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M755 774.3c-0.4-1-0.3-16.6-0.2-31.7 0.1-10.8-8.6-19.6-19.4-19.6h0c-10.7 0-19.4 8.7-19.4 19.4V780"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M693 816V712c0-7.2-5.8-13-13-13l0 0c-7.2 0-13 5.8-13 13v28c0 5.5-4.5 10-10 10h-26c-7.2 0-13-5.8-13-13l0 0c0-7.2 5.8-13 13-13l0 0c7.2 0 13 5.8 13 13v19.5c0 4.7-3.8 8.5-8.5 8.5H627c-6.6 0-12 5.4-12 12v36.5c0 4.7-3.8 8.5-8.5 8.5H600"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M469 697h59.9c19.9-0.1 36.1 16.4 36.1 36.4v77.1c0 4.4 3.6 8.5 8 8.5h6"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M379 667v81.5c0 14.1 11.4 25.5 25.5 25.5h0c14.1 0 25.5-11.4 25.5-25.5v-26c0-14.1 11.4-25.5 25.5-25.5"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M484.5 805.5v-83c0-14.1-11.4-25.5-25.5-25.5"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-miterlimit="10" d="M275 664v-26.5c0-12.4 10.1-22.5 22.5-22.5s22.5 10.1 22.5 22.5V664"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-miterlimit="10" d="M230 694v-26.5c0-12.4 10.1-22.5 22.5-22.5 12.4 0 22.5 10.1 22.5 22.5V694"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M469 698h59.9c19.9-0.1 36.1 16.4 36.1 36.4v77.1c0 4.4 3.6 8.5 8 8.5h6"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M379 667v81.5c0 14.1 11.4 25.5 25.5 25.5h0c14.1 0 25.5-11.4 25.5-25.5v-26c0-14.1 11.4-25.5 25.5-25.5"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M484 805v-83c0-14.1-11.4-25.5-25.5-25.5"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M275 664v-26.5c0-12.4 10.1-22.5 22.5-22.5s22.5 10.1 22.5 22.5V664"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M230 694v-26.5c0-12.4 10.1-22.5 22.5-22.5 12.4 0 22.5 10.1 22.5 22.5V694"/>
<path id="Liquid7" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M469 698h59.9c19.9-0.1 36.1 16.4 36.1 36.4v77.1c0 4.4 3.6 8.5 8 8.5h6"/>
<path id="Liquid5" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M379 667v81.5c0 14.1 11.4 25.5 25.5 25.5h0c14.1 0 25.5-11.4 25.5-25.5v-26c0-14.1 11.4-25.5 25.5-25.5"/>
<path id="Liquid6" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M484 805v-83c0-14.1-11.4-25.5-25.5-25.5"/>
<path id="Liquid4" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M275 664v-26.5c0-12.4 10.1-22.5 22.5-22.5s22.5 10.1 22.5 22.5V664"/>
<path id="Liquid3" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M230 694v-26.5c0-12.4 10.1-22.5 22.5-22.5 12.4 0 22.5 10.1 22.5 22.5V694"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-miterlimit="10" d="M185 669.9l0-3.5c0-12.4 10.2-22.5 22.6-22.4 12.4 0 22.5 10.2 22.4 22.6l-0.1 26.5"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M185 669.9l0-3.5c0-12.4 10.2-22.5 22.6-22.4 12.4 0 22.5 10.2 22.4 22.6l-0.1 26.5"/>
<path id="Liquid2" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M185 669.9l0-3.5c0-12.4 10.2-22.5 22.6-22.4 12.4 0 22.5 10.2 22.4 22.6l-0.1 26.5"/>
<path fill="none" stroke="#294C67" stroke-width="18" stroke-linecap="round" stroke-miterlimit="10" d="M185 676l2-114c-2-32 29-33 29-33 41 6 29 41 41 39l152 2c14 0.3 23.6-28.3 24-46.4v0c0.4-18.1-10.7-33-24.6-33.3l-15.2-0.3"/>
<path fill="none" stroke="#FCFCFC" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M185 676l2-114c-2-32 29-33 29-33 41 6 29 41 41 39l152 2c14 0.3 23.6-28.3 24-46.4v0c0.4-18.1-10.7-33-24.6-33.3l-15.2-0.3"/>
<path id="LiquidA1" class="liquid" fill="none" stroke="#F8876E" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M185 676l2-114c-2-32 29-33 29-33 41 6 29 41 41 39l152 2c14 0.3 23.6-28.3 24-46.4v0c0.4-18.1-10.7-33-24.6-33.3l-15.2-0.3"/>
<path display="none" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M242 790h24c11 0 20-9 20-20v-3c0-11-8.9-20-20-20l-6 0c-11 0-20-9-20-20V593.5c0-12.4 10.1-22.5 22.5-22.5h0c12.4 0 22.5 10.1 22.5 22.5V607"/>
<path id="Liquid1" class="liquid" display="none" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M242 790h24c11 0 20-9 20-20v-3c0-11-8.9-20-20-20l-6 0c-11 0-20-9-20-20V593.5c0-12.4 10.1-22.5 22.5-22.5h0c12.4 0 22.5 10.1 22.5 22.5V607"/>
<path fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M693 817V712c0-7.2-5.8-13-13-13l0 0c-7.2 0-13 5.8-13 13v28c0 5.5-4.5 10-10 10h-26c-7.2 0-13-5.8-13-13l0 0c0-7.2 5.8-13 13-13l0 0c7.2 0 13 5.8 13 13v19.5c0 4.7-3.8 8.5-8.5 8.5H627c-6.6 0-12 5.4-12 12v36.5c0 4.7-3.8 8.5-8.5 8.5H600"/>
<path id="Liquid8" class="liquid" fill="none" stroke="#F8876E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M693 817V712c0-7.2-5.8-13-13-13l0 0c-7.2 0-13 5.8-13 13v28c0 5.5-4.5 10-10 10h-26c-7.2 0-13-5.8-13-13l0 0c0-7.2 5.8-13 13-13l0 0c7.2 0 13 5.8 13 13v19.5c0 4.7-3.8 8.5-8.5 8.5H627c-6.6 0-12 5.4-12 12v36.5c0 4.7-3.8 8.5-8.5 8.5H600"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="186" y1="676" x2="186" y2="695"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="230" y1="693" x2="230" y2="709"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="230" cy="693" r="8"/>
<g id="Volume">
<g id="Part1">
<path fill="none" stroke="#2C6D67" stroke-width="24" stroke-miterlimit="10" d="M271 472L271 472c-23.2 0-42-18.8-42-42v-29"/>
<path fill="none" stroke="#3DE2B7" stroke-width="16" stroke-miterlimit="10" stroke-dasharray="3" d="M271 472L271 472c-23.2 0-42-18.8-42-42v-29"/>
<rect x="209" y="389" fill="#7B99A3" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="40" height="12"/>
<polygon fill="#C6D7E0" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 279 337 179 337 213 389 245 389 "/>
<rect x="179" y="325" fill="#86E5EF" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="100" height="12"/>
</g>
<g id="Part2">
<rect x="266" y="472" fill="#86E5EF" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="124" height="54"/>
<path fill="#86E5EF" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M276 526h-10v9c0 2.8 2.2 5 5 5l0 0c2.8 0 5-2.2 5-5V526z"/>
<path fill="#57CEC5" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M390 526h-10v9c0 2.8 2.2 5 5 5l0 0c2.8 0 5-2.2 5-5V526z"/>
<path fill="#3DE2B7" stroke="#2C6D67" stroke-width="6" stroke-miterlimit="10" d="M376 440h-96c-7.7 0-14 6.3-14 14v18h124v-18C390 446.3 383.7 440 376 440z"/>
<path fill="#FFFFFF" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M298 485L298 485c-12.7 0-23 10.3-23 23v3c0 2.2 1.8 4 4 4h38c2.2 0 4-1.8 4-4v-3C321 495.3 310.7 485 298 485z"/>
<path fill="#FFFFFF" d="M312.5 507.9c0-8-6.5-14.5-14.5-14.5l0 0c-8 0-14.5 6.5-14.5 14.5"/>
<line fill="none" stroke="#7B99A3" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="312.5" y1="507.9" x2="312.5" y2="507.9"/>
<path fill="none" stroke="#7B99A3" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0" d="M310.6 500.7c-2.5-4.3-7.2-7.2-12.6-7.2 -6.7 0-12.4 4.6-14 10.7"/>
<line fill="none" stroke="#7B99A3" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="283.5" y1="507.9" x2="283.5" y2="507.9"/>
<path id="pointer" fill="#2C6D67" d="M294 512l2.2-19c0.1-1 1-1.7 2-1.6 0.8 0.1 1.5 0.8 1.6 1.6l2.2 19c0.3 2.2-1.3 4.2-3.5 4.5s-4.2-1.3-4.5-3.5C294 512.6 294 512.3 294 512z"/>
<path fill="#C6D7E0" stroke="#2C6D67" stroke-width="4" stroke-miterlimit="10" d="M375 483h-40c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h40c2.2 0 4-1.8 4-4v-24C379 484.8 377.2 483 375 483z"/>
<circle class="light light-left" fill="#c6d7df" stroke="#2C6D67" stroke-width="2" stroke-miterlimit="10" cx="341" cy="493" r="5"/>
<circle class="light light-mid" fill="#c6d7df" stroke="#2C6D67" stroke-width="2" stroke-miterlimit="10" cx="355" cy="493" r="5"/>
<circle class="light light-right" fill="#c6d7df" stroke="#2C6D67" stroke-width="2" stroke-miterlimit="10" cx="369" cy="493" r="5"/>
<line fill="none" stroke="#294C67" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="374" y1="502" x2="336" y2="502"/>
<line fill="none" stroke="#294C67" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="374" y1="506" x2="336" y2="506"/>
<line fill="none" stroke="#294C67" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="374" y1="510" x2="336" y2="510"/>
<path fill="#C6D7E0" stroke="#2C6D67" stroke-width="4" stroke-miterlimit="10" d="M319 449h-40c-2.2 0-4 1.8-4 4v6c0 2.2 1.8 4 4 4h40c2.2 0 4-1.8 4-4v-6C323 450.8 321.2 449 319 449z"/>
</g>
<path id="meterBcg" fill="#c6d7df" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M374 463h-36c-3.9 0-7-3.1-7-7l0 0c0-3.9 3.1-7 7-7h36c3.9 0 7 3.1 7 7l0 0C381 459.9 377.9 463 374 463z"/>
<path id="meterStroke" fill="#7c99a2" stroke="#448962" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M334 454.8l2 3.3c0.4 0.7 1.5 0.6 1.8-0.1l1.3-3.1c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.2-2.7c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.2-2.7c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.2-2.7c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.2-2.7c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.2-2.7c0.3-0.8 1.5-0.8 1.8 0l1.2 2.7c0.3 0.8 1.5 0.8 1.8 0l1.3-3.1c0.3-0.7 1.4-0.8 1.8-0.1l1.1 1.8"/>
<line fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="282" y1="456" x2="316" y2="456"/>
<rect id="slider1" x="303" y="447" fill="#EBF3F7" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8" height="18"/>
</g>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" cx="130" cy="728" r="10"/>
<g id="_x3C_Group_x3E__1_" display="none">
<g display="inline">
<path fill="#FFFFFF" d="M902.5 423h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v34c0 4.8 4 9 8.9 9h0.2c4.8 0 8.9-4.2 8.9-9v-34h0.5c3.6 0 6.5-2.9 6.5-6.5S906.1 423 902.5 423z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M902.5 423h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v34c0 4.8 4 9 8.9 9h0.2c4.8 0 8.9-4.2 8.9-9v-34h0.5c3.6 0 6.5-2.9 6.5-6.5S906.1 423 902.5 423z"/>
</g>
<g display="inline">
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="893" y1="415" x2="893" y2="431"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="893" cy="415" r="8"/>
</g>
<path id="LiquidInside6" display="inline" fill="#F8876E" d="M888 434h10v35c0 2.8-2.2 5-5 5l0 0c-2.8 0-5-2.2-5-5V434z"/>
<rect id="LiquidInside6Mask" x="886" y="432" fill="#F8876E" width="15" height="43"/>
</g>
<g display="none">
<g id="_x3C_Group_x3E__2_" display="inline">
<path fill="#FFFFFF" d="M941.5 422h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v34c0 4.8 4 9 8.9 9h0.2c4.8 0 8.9-4.2 8.9-9v-34h0.5c3.6 0 6.5-2.9 6.5-6.5S945.1 422 941.5 422z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M941.5 422h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v34c0 4.8 4 9 8.9 9h0.2c4.8 0 8.9-4.2 8.9-9v-34h0.5c3.6 0 6.5-2.9 6.5-6.5S945.1 422 941.5 422z"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="932" y1="415" x2="932" y2="431"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="932" cy="415" r="8"/>
<path id="LiquidInside7" fill="#F8876E" d="M927 434h10v35c0 2.8-2.2 5-5 5l0 0c-2.8 0-5-2.2-5-5V434z"/>
<rect id="LiquidInside7Mask" x="926" y="432" display="none" fill="#F8876E" width="12" height="43"/>
</g>
</g>
<line fill="none" x1="404" y1="259" x2="532" y2="259"/>
<rect x="338" y="637" transform="matrix(6.123234e-017 -1 1 6.123234e-017 -315 1013)" fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="22" height="54"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="322" y1="664" x2="338" y2="664"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="322" cy="664" r="8"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="692.9" y1="816" x2="693.4" y2="832"/>
<ellipse transform="matrix(0.9993 -3.659940e-002 3.659940e-002 0.9993 -29.401 25.9047)" fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="692.9" cy="816" rx="8" ry="8"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="376" y1="664" x2="360" y2="664"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="376" cy="664" r="8"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M519.5 870.3l-20.9-27.5c-2.4-3.1-3.7-6.9-3.7-10.9V816h-20v15.9c0 3.9-1.3 7.7-3.7 10.9l-20.9 27.5c-8 10.5-0.5 25.7 12.7 25.7h43.6C520 896 527.5 880.9 519.5 870.3z"/>
<path id="LiquidInside4" clip-path="url(#cut-off-liquid-4)" fill="#F8876E" d="M514.4 873L495 847h-21l-18.6 26c-5.9 7.8-0.4 18 9.3 18H506C515.8 891 520.2 880.8 514.4 873z"/>
<g display="none">
</g>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M495.5 803h-21c-3.6 0-6.5 2.9-6.5 6.5l0 0c0 3.6 2.9 6.5 6.5 6.5h21c3.6 0 6.5-2.9 6.5-6.5l0 0C502 805.9 499.1 803 495.5 803z"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="591" cy="820" r="12"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="592" y1="817" x2="592" y2="713"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="592" y1="745" x2="592" y2="755"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="592" cy="745" r="8"/>
<path id="MainBulb" fill="#F8AD43" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M617 679.5c0-14.7-12.8-26.5-27.9-24.8 -11.7 1.3-21.1 11-22.1 22.8 -0.7 8.1 2.6 15.5 8 20.5 5.9 5.4 9 13.1 9 21.1v0h15.8l0 0c0-8 3.2-15.7 9.1-21.2C613.9 693.3 617 686.8 617 679.5z"/>
<path fill="#EBF3F7" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M597 727h-10c-2.2 0-4-1.8-4-4l0 0c0-2.2 1.8-4 4-4h10c2.2 0 4 1.8 4 4l0 0C601 725.2 599.2 727 597 727z"/>
<path fill="#EBF3F7" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M592 744L592 744c-2.2 0-4-1.8-4-4v-13h8v13C596 742.2 594.2 744 592 744z"/>
<path fill="none" stroke="#294C67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M589 719v-25c0-1.7-1.3-3-3-3l0 0c-1.7 0-3 1.3-3 3l0 0c0 1.7 1.3 3 3 3h12c1.7 0 3-1.3 3-3l0 0c0-1.7-1.3-3-3-3l0 0c-1.7 0-3 1.3-3 3v25"/>
<polyline fill="none" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" points="436 918 436 830 484 830 "/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" cx="436" cy="830" r="10"/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" cx="485" cy="830" r="10"/>
<path fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" d="M522 913h-84c-1.1 0-2 0.9-2 2v5c0 1.1 0.9 2 2 2h84c1.1 0 2-0.9 2-2v-5C524 913.9 523.1 913 522 913z"/>
<path fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" d="M439 894h-6c-1.1 0-2 0.9-2 2v5c0 1.1 0.9 2 2 2h6c1.1 0 2-0.9 2-2v-5C441 894.9 440.1 894 439 894z"/>
<path fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" d="M439 853h-6c-1.1 0-2 0.9-2 2v5c0 1.1 0.9 2 2 2h6c1.1 0 2-0.9 2-2v-5C441 853.9 440.1 853 439 853z"/>
<g id="Bulb3">
<path class="bulb" fill="#ffffff" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" d="M360.2 396.9L360.2 396.9c-1.1-1.5-3.3-1.5-4.4 0l0 0c-0.5 0.7-1.3 1.1-2.2 1.1l0 0c-2.5 0-4.5 2.1-4.3 4.6L351 428h14l1.7-25.4c0.2-2.5-1.8-4.6-4.3-4.6l0 0C361.5 398 360.7 397.6 360.2 396.9z"/>
<rect x="351" y="428" fill="#C6D7E0" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="14" height="8"/>
<circle fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="358" cy="417" r="2"/>
<line fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="358" y1="419" x2="358" y2="428"/>
</g>
<g id="Bulb2">
<path class="bulb" fill="#ffffff" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" d="M330.2 396.9L330.2 396.9c-1.1-1.5-3.3-1.5-4.4 0l0 0c-0.5 0.7-1.3 1.1-2.2 1.1l0 0c-2.5 0-4.5 2.1-4.3 4.6L321 428h14l1.7-25.4c0.2-2.5-1.8-4.6-4.3-4.6l0 0C331.5 398 330.7 397.6 330.2 396.9z"/>
<rect x="321" y="428" fill="#C6D7E0" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="14" height="8"/>
<circle fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="328" cy="417" r="2"/>
<line fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="328" y1="419" x2="328" y2="428"/>
</g>
<g id="Bulb1">
<path class="bulb" fill="#ffffff" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" d="M300.2 396.9L300.2 396.9c-1.1-1.5-3.3-1.5-4.4 0l0 0c-0.5 0.7-1.3 1.1-2.2 1.1l0 0c-2.5 0-4.5 2.1-4.3 4.6L291 428h14l1.7-25.4c0.2-2.5-1.8-4.6-4.3-4.6l0 0C301.5 398 300.7 397.6 300.2 396.9z"/>
<rect x="291" y="428" fill="#C6D7E0" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="14" height="8"/>
<circle fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="298" cy="417" r="2"/>
<line fill="none" stroke="#2C6D67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="298" y1="419" x2="298" y2="428"/>
</g>
<rect x="757" y="482" display="none" fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="22" height="22"/>
<circle id="MainLight" display="none" fill="#F8876E" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="768" cy="493" r="5"/>
<line display="none" fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="785" y1="490" x2="820" y2="490"/>
<line display="none" fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="785" y1="496" x2="820" y2="496"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M629 766h-76c-3.9 0-7 3.1-7 7l0 0c0 3.9 3.1 7 7 7h76c3.9 0 7-3.1 7-7l0 0C636 769.1 632.9 766 629 766z"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-miterlimit="10" x1="143" y1="728" x2="270" y2="728"/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" cx="230" cy="728" r="6"/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" cx="186" cy="729" r="6"/>
<path fill="#FFFFFF" d="M284.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S288.1 700 284.5 700z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M284.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S288.1 700 284.5 700z"/>
<path fill="#FFFFFF" d="M284.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S288.1 700 284.5 700z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M284.5 700h-19c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5h0.5v30.8c0 4.8 4 9.2 8.9 9.2h0.2c4.8 0 8.9-4.4 8.9-9.2V713h0.5c3.6 0 6.5-2.9 6.5-6.5S288.1 700 284.5 700z"/>
<path id="LiquidInside3" clip-path="url(#cut-off-liquid-3)" fill="#F8876E" d="M270 716h10v28c0 2.8-2.2 5-5 5l0 0c-2.8 0-5-2.2-5-5V716z"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="275" y1="693" x2="275" y2="709"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="275" cy="693" r="8"/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" cx="275" cy="728" r="6"/>
<circle fill="#7B99A3" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" cx="253" cy="728" r="6"/>
<circle fill="#EBF3F7" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="186" cy="675" r="8"/>
<path fill="#BFC9D1" d="M3618 941"/>
<g id="Volume2">
<g id="Part1_1_">
<path fill="none" stroke="#2C6D67" stroke-width="24" stroke-miterlimit="10" d="M569 994L569 994c-23.2 0-42 18.8-42 42v29"/>
<path fill="none" stroke="#3DE2B7" stroke-width="16" stroke-miterlimit="10" stroke-dasharray="3" d="M569 994L569 994c-23.2 0-42 18.8-42 42v29"/>
<rect x="507" y="1065" fill="#3DE2B7" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="40" height="12"/>
<polygon fill="#C6D7E0" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 577 1129 477 1129 511 1077 543 1077 "/>
<rect x="477" y="1129" fill="#90F4EF" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="100" height="12"/>
</g>
<path fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M694.5 825.6L694.5 825.6c-0.2 15.7-0.5 28.2-0.5 28.2l-13.7 0.1c-1 0-3.2 6.6-2 12.6l-0.5 34.8c0 5.2 14 4.4 14 4.4l3.3 0.2c0 0 0.2 17.2 0 33"/>
<polygon fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 568 1006 597 1006 597 993 597 981 568 981 "/>
<line fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="697" y1="995" x2="598" y2="994"/>
<rect x="685" y="953" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 1392 1944)" fill="#FFFFFF" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="22" height="38"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="695.4" y1="951.1" x2="695.9" y2="965"/>
<ellipse id="iCrcleYellow" transform="matrix(0.9993 -3.659936e-002 3.659936e-002 0.9993 -34.3449 26.0876)" fill="#FAFF2E" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="695.4" cy="951.1" rx="7.4" ry="6.9"/>
<line fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="696.5" y1="990.9" x2="696" y2="977"/>
<ellipse id="CircleGreen" transform="matrix(0.9993 -3.659938e-002 3.659938e-002 0.9993 -35.8009 26.155)" fill="#52E54A" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" cx="696.5" cy="990.9" rx="7.6" ry="7"/>
</g>
<g id="Paper_1_">
<defs>
<rect id="XMLID_1_" x="143" y="788" width="198" height="58"/>
</defs>
<use xlink:href="#XMLID_1_" overflow="visible" fill="#FEEFD9"/>
<clipPath id="XMLID_3_">
<use xlink:href="#XMLID_1_" overflow="visible"/>
</clipPath>
<rect x="317" y="790" clip-path="url(#XMLID_3_)" fill="none" stroke="#FCDEB4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="21" height="56"/>
<g clip-path="url(#XMLID_3_)">
<ellipse fill="#2C6D67" cx="327.9" cy="834.5" rx="4.8" ry="4.3"/>
<ellipse fill="#2C6D67" cx="327.9" cy="822.6" rx="4.8" ry="4.3"/>
<ellipse fill="#2C6D67" cx="327.9" cy="810.7" rx="4.8" ry="4.3"/>
<ellipse fill="#2C6D67" cx="327.9" cy="798.8" rx="4.8" ry="4.3"/>
</g>
<rect x="145" y="789" clip-path="url(#XMLID_3_)" fill="none" stroke="#FCDEB4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="21" height="56"/>
<ellipse clip-path="url(#XMLID_3_)" fill="#2C6D67" cx="155.7" cy="834.5" rx="4.8" ry="4.3"/>
<ellipse clip-path="url(#XMLID_3_)" fill="#2C6D67" cx="155.7" cy="822.6" rx="4.8" ry="4.3"/>
<ellipse clip-path="url(#XMLID_3_)" fill="#2C6D67" cx="155.7" cy="810.7" rx="4.8" ry="4.3"/>
<ellipse clip-path="url(#XMLID_3_)" fill="#2C6D67" cx="155.7" cy="798.8" rx="4.8" ry="4.3"/>
<line clip-path="url(#XMLID_3_)" fill="none" stroke="#FCDEB4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="317" y1="804" x2="167" y2="804"/>
<line clip-path="url(#XMLID_3_)" fill="none" stroke="#FCDEB4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="317" y1="833" x2="167" y2="833"/>
<line clip-path="url(#XMLID_3_)" fill="none" stroke="#FCDEB4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="317" y1="790" x2="167" y2="790"/>
<g id="PaperText_1_" clip-path="url(#XMLID_3_)">
<text transform="matrix(0.7999 0 0 1 104.1138 822)" fill="#294C67" font-family="'PTMono-Bold'" font-size="14">
FOUNDERS & CODERS
</text>
</g>
<use xlink:href="#XMLID_1_" overflow="visible" fill="none" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/>
</g>
<g id="Printer_1_">
<rect x="135" y="846" fill="#81E2E2" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="213" height="59"/>
<path fill="#7B99A3" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M145.8 904.9h-11V915c0 2.8 2.2 5 5 5h1c2.8 0 5-2.2 5-5V904.9z"/>
<path fill="#7B99A3" stroke="#2C6D67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M347.7 904.9h-11V915c0 2.8 2.2 5 5 5h1c2.8 0 5-2.2 5-5V904.9z"/>
<g id="PrinterLights_1_">
<rect x="135" y="846" fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="52" height="59"/>
<ellipse id="PrinterLIghtTop_5_" fill="#c6d7df" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="161.2" cy="864.8" rx="7.7" ry="7.6"/>
<ellipse id="PrinterLIghtBottom_3_" fill="#c6d7df" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="161.2" cy="886.5" rx="7.7" ry="7.6"/>
</g>
<g id="PrinterLIghtTop_3_">
<rect x="295" y="846" fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="53" height="59"/>
<ellipse id="PrinterLIghtTop_4_" fill="#c6d7df" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="321.3" cy="864.8" rx="7.7" ry="7.6"/>
<ellipse id="PrinterLIghtBottom_2_" fill="#c6d7df" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="321.3" cy="886.5" rx="7.7" ry="7.6"/>
</g>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="893" x2="220" y2="893"/>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="886" x2="220" y2="886"/>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="880" x2="220" y2="880"/>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="873" x2="220" y2="873"/>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="867" x2="220" y2="867"/>
<line fill="none" stroke="#2C6D67" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="262" y1="860" x2="220" y2="860"/>
</g>
<rect x="69" y="839" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 158 1693)" fill="#7B99A3" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="20" height="15"/>
<path fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M131.5 867L131.5 867c-5.5 0-9.9 4.4-9.9 9.7v22.7c0 2.4-2 4.3-4.4 4.3h-12.1c-2.4 0-4.4-1.9-4.4-4.3v-43.3c0-5.4-4.4-9.7-9.9-9.7h0"/>
<path fill="none" stroke="#294C67" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" d="M436 856.1L436 856.1c-11.7 0-21-0.1-21-0.1l-0.2-13.7c0-1-4.2-1.8-9.4-1.8h-25.9c-5.2 0-9.4 0.8-9.4 1.8l-1 22.7c0 0-8.5-0.2-20.3-0.2l0 0"/>
<g id="Anita2">
<path fill="#3EB3CF" d="M546 1247h-38v62h10.6c-0.3 0.6-0.6 1.3-0.6 2v38c0 2.2 1.8 4 4 4h2c2.2 0 4-1.8 4-4v-38c0-0.7-0.2-1.4-0.6-2h3.6c-0.6 0.8-1 1.9-1 3v36c0 2.8 2.2 5 5 5s5-2.2 5-5v-36c0-1.1-0.4-2.2-1-3h7V1247z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M546 1247h-38v62h10.6c-0.3 0.6-0.6 1.3-0.6 2v38c0 2.2 1.8 4 4 4h2c2.2 0 4-1.8 4-4v-38c0-0.7-0.2-1.4-0.6-2h3.6c-0.6 0.8-1 1.9-1 3v36c0 2.8 2.2 5 5 5s5-2.2 5-5v-36c0-1.1-0.4-2.2-1-3h7V1247z"/>
<g id="HandR_1_">
<path fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M593 1235.7l-35.7 13.2c-5.4 2-12.4 7.8-11.4 9.5"/>
<path fill="none" stroke="#EBF3F7" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M593 1235.7l-35.7 13.2c-5.4 2-12.4 7.8-11.4 9.5"/>
<path fill="#020202" d="M588.4 1232c0 0-2.5 10.5 2.9 10.7 4.2 0.1-36.3 11.3-42.1 18.7 -3.5 4.5-8-1.3-8-1.3s0.8-9.6 11.6-14.9C561.5 1240.9 588.4 1232 588.4 1232z"/>
<line fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="601.4" y1="1232.6" x2="594.3" y2="1235.2"/>
<line fill="none" stroke="#FEE2C0" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="601.4" y1="1232.6" x2="594.3" y2="1235.2"/>
</g>
<g id="HandL_1_">
<path fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M462.3 1232.8l34.4 16.2c5.2 2.5 11.7 8.8 10.5 10.5"/>
<path fill="none" stroke="#EBF3F7" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M462.3 1232.8l34.4 16.2c5.2 2.5 11.7 8.8 10.5 10.5"/>
<path fill="#020202" d="M467.2 1229.6c0 0 1.6 10.7-3.8 10.4 -4.2-0.2 35.3 14.3 40.4 22.3 3.1 4.8 8-0.6 8-0.6s0-9.7-10.2-15.8C493.3 1240.7 467.2 1229.6 467.2 1229.6z"/>
<line fill="none" stroke="#294C67" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="454.2" y1="1229" x2="461" y2="1232.2"/>
<line fill="none" stroke="#FEE2C0" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="454.2" y1="1229" x2="461" y2="1232.2"/>
</g>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M527 1254L527 1254c-2.2 0-4-1.8-4-4v-14h8v14C531 1252.2 529.2 1254 527 1254z"/>
<rect x="531" y="1247" fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19" height="63"/>
<polygon fill="#0C0C0C" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 531 1247 545 1256 537.1 1261.8 544.8 1267.5 531 1292.5 "/>
<rect x="504" y="1247" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 1027 2557)" fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19" height="63"/>
<polygon fill="#0F0F0F" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" 523 1247 509 1256 516.9 1261.8 509.2 1267.5 523 1292.5 "/>
<rect x="506" y="1347" fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="18" height="9"/>
<path fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M506 1347c-7 0-12 4-12 9h12 12C518 1351 513 1347 506 1347z"/>
<rect x="531" y="1348" transform="matrix(-1 -1.224647e-016 1.224647e-016 -1 1079.9999 2704)" fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="18" height="8"/>
<path fill="#F22F25" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M549 1348c7 0 12 3 12 8h-12 -12C537 1351 542 1348 549 1348z"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-miterlimit="10" d="M530.4 1233h-8.7c-2.4 0-6.9-1.7-8.7-3l-10.1-7.5c-3.1-2.2-4.9-5.4-4.9-8.7v-29.9c0-12.7 12.5-22.9 28-22.9l0 0c15.5 0 28 10.3 28 22.9v30.2c0 3.4-1.5 5.4-4.8 9.3l-8.9 7.1C538.2 1231.2 532.7 1233 530.4 1233z"/>
<path fill="none" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M523 1205v5.3c0 1.5 1.8 2.7 4 2.7h0c2.2 0 4-1.2 4-2.7v-5.3"/>
<path fill="none" stroke="#294C67" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M515.6 1222.1c2.9 1.1 6.8 2.1 11.4 2.1s8.5-1 11.4-2.1"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M499 1199L499 1199v16l0 0c-3.9 0-7-3.1-7-7v-2C492 1202.1 495.1 1199 499 1199z"/>
<path fill="#FEE2C0" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M555 1199L555 1199v16l0 0c3.9 0 7-3.1 7-7v-2C562 1202.1 558.9 1199 555 1199z"/>
<circle display="none" fill="#FFFFFF" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="547" cy="1192" r="9"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M521 1192c0-5-5-6-10-6 -5 0-11.8 2.1-11 7 0.3 2 5 5 10 5C515 1198 521 1197 521 1192z"/>
<path fill="#FFFFFF" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M551 1192c0-5-5-6-10-6s-11.8 2.1-11 7c0.3 2 5 5 10 5S551 1197 551 1192z"/>
<circle fill="#3575A0" cx="510" cy="1192" r="4"/>
<circle fill="#3575A0" cx="540" cy="1192" r="4"/>
<g id="Hair">
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M554 1178h-54c-0.4-4 25.2-39.3 54-2.2"/>
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M511 1229h-26l15-53C500 1176 492 1218 511 1229z"/>
<path fill="#F7E561" stroke="#294C67" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M542 1229h26l-15-53C553 1176 561 1218 542 1229z"/>
</g>
<circle fill="#ED4840" cx="510" cy="1213" r="6.5"/>
<circle fill="#ED4840" cx="542.5" cy="1212.5" r="6.5"/>
</g>
</g>
</svg>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/debug.addIndicators.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/plugins/TextPlugin.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>