-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
683 lines (662 loc) · 69.2 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
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
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<title>Franck Kerbiriou Portfolio - Web developer</title>
<meta name="description" content="Franck Kerbiriou Portfolio. I am a junior web developer looking for a job in Sydney. I am experienced in Responsive Web Design, Foundation, WordPress and Cordova.">
<meta name="author" content="Franck Kerbiriou">
<link type="text/plain" rel="author" href="humans.txt"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
<meta name="apple-mobile-web-app-title" content="Franck Kerbiriou Website">
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="mstile-144x144.png">
<meta name="application-name" content="Franck Kerbiriou Website">
<link rel="stylesheet" href="dist/all.min.css"/>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
.no-fouc {display: none;}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54805856-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<button class="hamburger"><svg height="33px" version="1.1" viewBox="0 0 22 11" width="66px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0.577138391,0 C0.258393659,0 0,0.221932411 0,0.5 C0,0.776142375 0.262396485,1 0.577138391,1 L21.4228616,1 C21.7416064,1 22,0.77806759 22,0.5 C22,0.223857625 21.7376035,0 21.4228616,0 L0.577138391,0 L0.577138391,0 Z M0.577138391,5 C0.258393659,5 0,5.2219324 0,5.5 C0,5.77614235 0.262396485,6 0.577138391,6 L21.4228616,6 C21.7416064,6 22,5.7780676 22,5.5 C22,5.22385765 21.7376035,5 21.4228616,5 L0.577138391,5 L0.577138391,5 Z M0.577138391,10 C0.258393659,10 0,10.2219324 0,10.5 C0,10.7761424 0.262396485,11 0.577138391,11 L21.4228616,11 C21.7416064,11 22,10.7780676 22,10.5 C22,10.2238576 21.7376035,10 21.4228616,10 L0.577138391,10 L0.577138391,10 Z" id="path-1"/></defs><g fill="none" fill-rule="evenodd" id="miu" stroke="none" stroke-width="1"><g id="editor_list_view_hambuger_menu_outline_stroke"><use fill="white" fill-rule="evenodd" xlink:href="#path-1"/><use fill="none" xlink:href="#path-1"/></g></g></svg></button>
<div class="overlay">
<button type="button" class="cross-close"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="66px" width="66px" enable-background="new 0 0 100 100" id="Layer_1" version="1.1" viewBox="0 0 100 100" xml:space="preserve"><polygon fill="white" points="77.6,21.1 49.6,49.2 21.5,21.1 19.6,23 47.6,51.1 19.6,79.2 21.5,81.1 49.6,53 77.6,81.1 79.6,79.2 51.5,51.1 79.6,23 "/></svg> </button>
<nav>
<ul>
<li><a href="#fkrb">Top</a></li>
<li><a href="#project">Projects</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div id="back_picture">
</div>
<section id="fkrb" data-magellan-destination="top" data-start="background-color:rgba(0,0,0,0);" data-center-bottom="background-color:rgba(158,158,158,0.25);" >
<div class="back-fixed" data-start="display:inline-block;" data-1000-start="display:none;" >
<div class="row">
<div id="logo" class="large-centered small-centered columns">
<div id="hex_F1" class="hex_wrapper_F" data-0-start="top:0px" data-end="top:-300px">
<div class="logo_hex">
<div id="hex_F2" class="hex_wrapper_F ">
<div class="logo_hex">
<h2 id="logo_F"> F </h2>
</div>
</div>
</div>
</div>
<div id="hex_K" class="logo_wrapper_K" data-0-start="top:0px" data-end="top:-500px">
<div class="logo_hex">
<h2 id="logo_K"> K </h2>
</div>
</div>
</div>
</div>
<div class="row">
<h3 class="no-fouc large-centered small-centered columns wow fadeInUp" data-wow-delay="0.5s" data-0-start="top:60px" data-end="top:-600px"> Franck Kerbiriou </h3>
</div>
<div class=" row collapse">
<p class="no-fouc small-6 small-centered medium-6 medium-centered large-6 large-centered columns wow fadeInUp" data-wow-delay="1.5s" data-0-start="top:60px" data-end="top:-1000px"> Web Developer </p>
</div>
</div>
</section>
<div class="magellan" data-magellan-expedition="fixed">
<dl class="sub-nav collasped-row wow fadeIn" data-wow-delay="2s">
<dd class="small-2 medium-2 large-2 columns" ><a href="#fkrb">Homepage</a></dd>
<dd class="small-2 medium-2 large-2 columns" data-magellan-arrival="project"><a href="#project">Recent Work</a></dd>
<dd class="small-2 medium-2 large-2 columns"><a href="#fkrb"><svg class="logo-svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px"
height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<g id="F_2_">
<g id="Hex">
<g>
<polygon fill="#D35400" points="17.62,2.747 2.672,11.377 2.672,28.637 17.62,37.267 32.567,28.637 32.567,11.377 "/>
</g>
</g>
<g id="Hex_x5F_inner">
<g>
<polygon fill="#F89406" points="17.619,5.763 5.283,12.886 5.283,27.13 17.619,34.253 29.955,27.13 29.955,12.886 "/>
</g>
</g>
<g id="F_xA0_Image_1_">
<image overflow="visible" width="13" height="18" id="F_xA0_Image" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAACXBIWXMAAAsSAAALEgHS3X78AAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNpivBzCIMjAwGDMQDy4
xwLVsJsETRVMDGQAsjSxYLNeZ/X/TqrbRDXnKV0JZXTBpQHo9D3YNKVBMS7AOLB+mgXEq0nVdA/k
2cERT4NcE0CAAQCPjxBazB0ySwAAAABJRU5ErkJggg==" transform="matrix(1 0 0 1 11 11)">
</image>
</g>
</g>
<g id="K_2_">
<g id="Hex_x5F_K">
<g>
<polygon fill="#D35400" points="31.143,19.854 23.613,24.201 23.613,32.896 31.143,37.242 38.672,32.896 38.672,24.201 "/>
</g>
</g>
<g id="K_xA0_Image_1_">
<image overflow="visible" width="9" height="10" id="K_xA0_Image" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAACXBIWXMAAAsSAAALEgHS3X78AAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJtJREFUeNpi/DGFrZyBgSEUiN8D
cRh79k8QzfBzKvsZEA3kmzD+//8fJDATyE8D4rNA7MoAAe+gtBATVHU6kFoNxMZAPJMBDbAgsUEK
laBWowAmGAPqlj1QbihWRUB3gSTKoR44i6wI5nBBIPsM1LoKqKLdKA6HOhakYBbQ2k50k5iApsDC
6R7UFEwAsg4YoIIgGhmDxGDiAAEGAL45Q6iwjVv9AAAAAElFTkSuQmCC" transform="matrix(1 0 0 1 27 24)">
</image>
</g>
</g>
</svg></a></dd>
<dd class="small-2 medium-2 large-2 columns" data-magellan-arrival="about"><a href="#about">About Me</a></dd>
<dd class="small-2 medium-2 large-2 end columns" data-magellan-arrival="contact"><a href="#contact">Contact</a></dd>
</dl>
</div>
<section id="project" data-magellan-destination="project" class="project">
<div class="slicker">
<a class="arrow arrow-left">
<svg width="30px" height="40px" viewBox="0 0 50 80" xml:space="preserve">
<polyline fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="
45.63,75.8 0.375,38.087 45.63,0.375 "/>
</svg>
</a>
<a class="arrow arrow-right">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="40px" viewBox="0 0 50 80" xml:space="preserve">
<polyline fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="
0.375,0.375 45.63,38.087 0.375,75.8 "/>
</svg>
</a>
<h2 data-magellan-destination="project" class="project-title"> Recent Work </h2>
<div id="project_4" class="projects collapse-row">
<h2 class="small-12 medium-12 large-12 columns wow fadeInLeft" data-wow-duration="1s">Creative Spaces Australia</h2>
<div class="collapse-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
<span class="devicons devicons-html5 small-1 medium-1 large-1 columns"></span>
<span class="devicons devicons-css3 small-1 medium-1 large-1 columns"></span>
<span class="devicons devicons-javascript_shield small-1 medium-1 large-1 columns"></span>
<span class="devicons devicons-php small-1 medium-1 large-1 columns"></span>
<span class="mailchimp small-1 medium-1 large-1 end columns">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="75px" height="75px" viewBox="0 0 600 300" enable-background="new 0 0 600 300" xml:space="preserve"><g><g>
<path d="M210.4,152.5L210.4,152.5L210.4,152.5z"/>
<path d="M484.879,177.42l0.138,0.002c8.264,0,14.078-5.725,14.142-13.918c0.03-4.057-1.142-7.77-3.3-10.453
c-2.283-2.84-5.479-4.355-9.244-4.384h-0.075c-5.081,0-9.799,3.854-14.424,11.787l-0.368,0.633l-0.237-0.69
c-1.168-3.4-2.208-6.232-2.83-7.926c-0.435-1.183-0.628-1.714-0.673-1.886c-0.222-0.858-0.956-1.391-1.917-1.391
c-0.591,0-1.219,0.201-1.813,0.579c-0.589,0.375-0.918,0.833-1.036,1.445l-0.03,0.093c-4.629,14.436-8.446,21.446-11.679,21.399
c-0.471-0.004-0.838-0.158-1.112-0.463c-0.847-0.937-0.639-3.162-0.351-6.244c0.211-2.265,0.451-4.828,0.352-7.547
c-0.191-5.229-3.052-8.369-7.652-8.404c-5.845-0.002-9.634,6.224-11.379,9.935l-0.521,1.106l-0.115-1.219
c-0.436-4.592-1.977-10.077-6.843-10.114c-5.677,0-10,6.661-12.638,12.25l-0.707,1.498l0.069-1.654
c0.314-7.455,0.571-11.856,0.765-13.078c0.192-1.225,0.092-2.047-0.31-2.518c-0.379-0.441-1.095-0.604-2.145-0.538
c-1.817,0.115-2.746,1.221-4.146,4.929c-2.297,6.088-8.142,20.252-12.809,20.252c-0.927-0.006-1.659-0.322-2.196-0.938
c-1.957-2.244-1.174-8.31-0.091-16.703l0.082-0.635c0.512-3.974-0.362-4.822-2.521-5.219c-0.231-0.042-0.453-0.064-0.656-0.064
c-1.723,0-2.529,1.651-4.139,6.239c-2.865,8.164-6.55,16.75-10.858,16.75c-0.158,0-0.314-0.012-0.472-0.037
c-2.283-0.389-2.233-3.775-2.17-8.066c0.032-2.319,0.071-4.951-0.287-7.326c-0.643-4.262-3.153-6.922-6.554-6.949
c-6.784,0-11.36,8.688-13.487,13.867l-0.482,1.173l-0.16-1.259c-0.285-2.246-0.661-5.805-0.824-10.014l-0.005-0.125l0.077-0.098
c12.697-15.983,18.395-27.517,18.47-37.399c0.05-6.313-2.864-10.105-7.791-10.144c-3.602,0-12.169,3-15.145,30.8
c-0.554,5.154-0.856,10.439-0.901,15.708l-0.001,0.104l-0.059,0.084c-5.81,8.408-18.207,22.871-30.345,22.9
c-10.968,0-19.718-8.873-19.718-24.535c0-20.996,14.862-33.887,26.046-33.887h0.092c2.431,0,4.5,0.7,6,2
c1.571,1.3,2.4,3.2,2.4,5.326c-0.021,2.899-0.966,4.389-1.879,5.828c-0.234,0.371-0.468,0.739-0.682,1.1
c-0.217,0.393-0.413,0.965-0.127,1.454c0.295,0.5,1,0.8,2,0.823c2.662,0,6.688-3.854,6.732-9.66
c0.047-6.077-5.072-12.339-14.206-12.339c-13.821,0-32.435,15.184-32.435,39.792c0,17.4,10.9,29.4,25.699,29.4
c10.492,0,20.869-7.513,30.061-20.06l0.563-0.76l0.041,0.944c0.194,4.601,0.5,8.2,0.8,10.9c0.157,1.7,0.3,2.9,0.3,3.604
c-0.012,1.5,0.2,2.5,0.7,3.146c0.511,0.6,1.3,0.9,2.6,0.9c2.063,0,2.478-1.408,3.295-4.879l0.235-0.992
c1.016-4.207,4.768-17.938,10.411-17.938c0.922,0,1.6,0.3,2.1,0.8c1.246,1.301,1.101,4,1,7.178
c-0.099,1.962-0.2,3.986-0.004,5.959c0.532,5.301,2.8,7.9,7,8c4.313,0,8.812-4.643,11.187-8.959l0.447-0.813l0.176,0.914
c0.438,2.3,2.399,9.899,8.5,9.899c5.563,0,10.334-5.856,15.564-17.911l0.684-1.574l-0.041,1.717
c-0.111,4.568-0.358,10.146-0.36,14.5c-0.002,3.3,0.3,4.601,1.899,4.609c0.109,0,0.2,0,0.301,0.016
c1.479,0,2.482-0.883,2.983-2.629c3.935-13.717,7.337-20.104,10.707-20.104c3.3,0,3.601,6.1,3.9,16.721l0.018,0.748
c0.08,3.699,0.2,5.4,2.5,5.4c1.758,0,2.195-1.381,3.104-4.781c0.174-0.648,0.362-1.359,0.585-2.127
c3.178-11.025,5.813-15.523,9.092-15.523c2.808,0,3,2.9,3,3.867c0.108,2.037-0.102,4.17-0.304,6.229
c-0.188,1.914-0.384,3.894-0.311,5.7c0.172,4.3,2.5,6.7,6.601,6.736c5.342,0,10.164-6.248,14.387-18.565l0.293-0.859l0.335,0.8
c0.766,1.899,1.8,4.601,2.7,7.685l0.035,0.118l-0.052,0.113c-4.089,9.08-6.974,19.194-7.015,24.601
c-0.055,7.1,3.2,11.699,8.2,11.78h0.087c2.741,0,9.13-1.101,9.254-11.285c0.05-4.174-0.936-10.075-2.929-17.545l-0.229-0.854
l0.736,0.49c2.588,1.734,5.464,2.635,8.364,2.654H484.879z M347.191,142.881c0.115-2.552,0.33-5.038,0.635-7.387
c1.977-15.142,6.104-25.716,10.039-25.716h0.017c1.876,0,2.8,1.4,2.8,4.215c-0.053,6.837-4.385,16.625-12.873,29.1l-0.664,0.976
L347.191,142.881z M472.665,197.318c-0.626,0.834-1.498,1.256-2.59,1.256c-1.254-0.01-2.196-0.447-2.837-1.303
c-1.796-2.4-1.29-8.039,1.64-18.277c0.35-1.223,0.73-2.453,1.131-3.656l0.34-1.021l0.3,1c3.415,11.884,4.052,19.283,2.052,22.002
H472.665z M473.727,167.043l-0.062-0.113l-0.124-0.393l0.057-0.117c3.894-8.02,8.353-12.617,12.233-12.617h0.04
c4.382,0,7.399,4,7.399,9.586c-0.028,3.744-1.68,5.9-3.058,7c-1.573,1.313-3.668,2.063-5.748,2.063
c-5.158,0.048-8.665-2.952-10.765-5.409H473.727z"/>
<path d="M485.831,154.141v-0.004V154.141z"/>
<path d="M225.492,176.096c6.008-0.481,10.774-8.652,12.544-12.143l0.456-0.9l0.173,1c0.849,4.9,3.5,13.2,11.9,13.225h0.07
c3.614,0,7.714-2.211,11.858-6.391l0.304-0.307l0.221,0.4c2.79,4.699,6.5,7.1,10.5,6.94c5.866-0.305,9.425-4.461,9.739-7.349
c0.08-0.735-0.115-1.428-0.535-1.896c-0.528-0.588-1.293-0.655-1.856-0.116l-0.268,0.254c-1.366,1.311-3.91,3.754-6.681,3.897
c-3.394,0.166-5.904-1.862-7.526-6.051l-0.068-0.177l0.114-0.147c9.333-12.207,15.882-30.833,15.236-43.326
c-0.298-5.782-1.98-12.675-8.294-12.675c-0.154,0-0.312,0.004-0.471,0.012c-2.419,0.125-4.619,1.278-6.539,3.425
c-5.859,6.555-8.925,22.689-7.812,41.1c0.231,3.8,0.9,7.4,2,10.625l0.061,0.18l-0.123,0.145c-3.463,4.048-6.88,6.277-9.622,6.301
c-6.597,0-6.375-11.061-5.854-20.234c0.113-1.978,0.28-3.238-0.305-3.954c-0.418-0.513-1.118-0.766-2.137-0.774l-0.12-0.001
c-2.347,0-2.838,0.483-4.04,3.967c-2.499,7.238-7.431,19.385-12.393,19.385c-1.375-0.012-2.425-0.482-3.144-1.398
c-2.407-3.071-0.579-10.733,0.889-16.893c0.264-1.107,0.517-2.17,0.734-3.154c0.322-1.46,0.223-2.525-0.293-3.17
c-0.517-0.643-1.55-0.903-2.914-0.795c-2.125,0.17-3.484,1.06-4.14,5.101l-0.132,0.84l-0.494-0.598
c-0.928-1.37-2.738-3.002-6.096-3.002c-0.294,0-0.599,0.012-0.914,0.037c-3.584,0.294-7.666,2.792-10.652,6.5
c-3.488,4.352-5.154,9.858-4.69,15.508c0.025,0.3,0.1,0.6,0.1,0.871l0.024,0.158l-0.108,0.1c-2.086,2.273-4.212,3.426-6.319,3.426
c-3.25-0.025-5.116-2.441-5.116-6.465c0-6.775,4.591-27.197,4.591-34.59c0-7.868-3.506-12.151-9.594-12.198h-0.092
c-8.889,0-15.818,10.087-22.448,30.841c-0.607,1.9-1.268,4.096-1.834,6l-0.931,3.121l0.276-3.244
c0.616-7.23,1.039-14.263,1.257-20.907c0.33-10.03-1.026-16.485-4.146-19.733c-1.683-1.752-3.909-2.615-6.809-2.637h-0.077
c-10.878,0-16.089,18.346-19.883,31.291c-1.146,3.908-3.403,12.723-4.91,18.701l0.893-1.451
c0.669-7.588,2.608-26.596,2.481-36.907c-0.137-11.062-3.82-16.021-11.945-16.083h-0.1c-4.339,0-7.35,2.157-9.112,3.966
c-2.828,2.904-4.59,7.148-4.492,10.813c0.06,2.2,1.4,4.2,2.5,4.2c0.675,0,1.049-0.901,1.211-1.438
c2.513-8.309,5.766-12.349,9.941-12.349c1.732,0,3,0.5,4,1.6c3.261,3.5,2.7,12.9,1.6,30.1c-0.347,5.528-0.74,11.792-1.071,18.917
c-0.057,1.224-0.133,2.402-0.206,3.5c-0.317,4.947-0.569,8.9,1.3,9.147c2.441,0.4,4.031-0.61,4.844-3.026
c1.206-3.586,3.911-13.387,9.145-31.296c5.022-17.186,8.816-23.439,13.67-23.439c5.608,0,6,9.6,5,29.949
c-0.219,4.307-0.512,9.186-0.737,14.5c-0.032,0.746-0.067,1.469-0.102,2.166c-0.216,4.396-0.386,7.9,0.9,9.195
c0.392,0.4,0.9,0.6,1.6,0.6c2.431,0,3.162-2.131,4.373-5.664c0.214-0.623,0.441-1.289,0.694-1.986
c8.33-22.979,14.49-42.916,22.756-42.916c2.48,0,4.4,2,4.4,5.942c0,9.067-4.433,26.586-4.433,35.469c0,3.201,0.9,6,2.6,8
c1.777,2.101,4.3,3.201,7.2,3.185h0.063c2.766,0,5.648-1.344,8.568-3.994l0.274-0.248l0.22,0.3c1.923,2.601,5,4,8.4,3.715
c5.138-0.399,9.449-4.975,11.053-9.289l0.313-0.844l0.313,0.801c1.131,3.343,3.726,7.143,9.226,6.738H225.492z M272.836,116.052
l0.088-0.002c0.586,0,1.1,0.3,1.5,0.9c2.041,2.8,2.1,12.825-1.438,24.279c-2.005,6.546-4.702,12.73-7.796,17.882l-0.494,0.82
l-0.126-0.949c-0.364-2.771-0.543-5.654-0.67-8.109c-0.864-17.373,4.4-34.573,8.9-34.821H272.836z M215.828,156.5
c-1.798,7.236-5.247,15.969-11.463,16.469c-0.174,0.012-0.343,0.021-0.506,0.021c-2.579,0-4.025-1.689-4.298-5.021
c-0.342-4.168,1.456-9.049,4.577-12.438c1.988-2.158,4.229-3.347,6.312-3.347h0.042c2.629,0,4.5,2.101,5.3,4.101l0.045,0.1
l-0.009,0.13V156.5z"/>
<path d="M357.865,110.114L357.865,110.114L357.865,110.114z"/>
<path d="M244.663,129.991c-2.295,0-4.149,1.808-4.166,4.031c-0.018,2.2,1.8,4.1,4.1,4.092l0.033,0.333l0,0v-0.333
c2.262,0,4.115-1.807,4.132-4.029c0.022-2.285-1.862-4.085-4.062-4.094H244.663z"/>
<path d="M388.956,129.991c-2.295,0-4.147,1.808-4.166,4.031c-0.019,2.2,1.8,4.1,4.101,4.092l0.031,0.333l0,0v-0.333 c2.264,0,4.117-1.807,4.135-4.029c0.02-2.285-1.856-4.085-4.057-4.094H388.956z"/></g><g>
<path d="M501.323,172.836c-1.553,0-2.818,1.266-2.818,2.82c0,1.6,1.3,2.8,2.8,2.8c1.555,0,2.819-1.265,2.819-2.815
c0.019-1.541-1.224-2.841-2.824-2.805H501.323z M501.323,178.1c-1.334,0-2.409-1.074-2.409-2.408s1.075-2.409,2.409-2.409
c1.333,0,2.399,1.1,2.399,2.409c0,1.311-1.066,2.408-2.423,2.373L501.323,178.1z"/>
<path d="M502.572,174.92c0-0.582-0.286-0.9-1.022-0.9h-1.25v3.248h0.41v-1.422h0.583l0.97,1.422h0.462l-0.97-1.422
c0.44-0.046,0.845-0.346,0.845-0.926H502.572z M501.233,175.48h-0.523v-1.099h0.727c0.35,0,0.7,0.101,0.7,0.5
c0.027,0.618-0.437,0.618-0.937,0.599H501.233z"/>
</g>
</g>
</svg>
</span>
<span class="devicons devicons-git small-1 medium-1 large-1 columns"></span>
<span class="lemonstand small-2 medium-1 large-2 columns"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 342 252" enable-background="new 0 0 342 252" xml:space="preserve">
<path fill="#000000" d="M302.383,82.336c-3.156-3.155-5.727-9.397-5.727-13.858V8.117c0-4.461-3.664-8.117-8.117-8.117H53.188 c-4.469,0-8.109,3.656-8.109,8.117v60.359c0,4.461-2.578,10.711-5.711,13.866L2.344,119.648c-3.141,3.172-3.117,8.344,0.023,11.516 l36.977,37.142c3.148,3.163,5.734,9.405,5.734,13.866v61.281c0,4.469,3.641,8.117,8.109,8.117h235.352 c4.453,0,8.117-3.648,8.117-8.117v-61.281c0-4.461,2.586-10.694,5.727-13.844l37.211-37.188c3.156-3.148,3.164-8.32,0.016-11.478 L302.383,82.336z M278.062,156.086c-3.156,3.142-5.75,9.359-5.75,13.828v49.203c0,4.453-3.656,8.109-8.109,8.109H77.539 c-4.469,0-8.117-3.656-8.117-8.109v-49.203c0-4.469-2.578-10.695-5.719-13.867l-24.734-24.883 c-3.148-3.164-3.164-8.352-0.016-11.531l24.773-25.102c3.133-3.172,5.695-9.422,5.695-13.883V32.461 c0-4.469,3.648-8.108,8.117-8.108h186.664c4.452,0,8.108,3.641,8.108,8.108v48.188c0,4.461,2.578,10.694,5.728,13.852l25.219,25.228 c3.147,3.164,3.134,8.319-0.039,11.453L278.062,156.086z"/>
</svg></span>
<span class="devicons devicons-responsive small-1 medium-1 large-1 columns end"></span>
</div><br>
<p class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.6s">Creative Spaces is a website that offers affordable architectural home designs. The website features a tool to choose, customize and preview you future housing.
<br><br>
I had the opportunity to work on this website during my internship. I discovered the Lemonstand CMS, learned how to adapt an existing website for mobile using media queries and a lot of different little things like UI tweaking from feedbacks, implementing social medias or creating a email campaign using Mailchimp.
<br><br>
Creative Spaces was an impressive and complex project to work on. It was also very interesting to see evolving, as I was constantly participating and interacting with the main client but also with architects and collaborator involved in Creative Spaces.
<br><br>
This website will be launched soon, and it will be available to use it across Australia.
</p>
<a class="button wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.7s" href="http://www.creativespacesaustralia.com.au/" target="_blank"> Take a look </a>
</div>
<div class="img-wrapper small-12 medium-8 medium-centered large-5 large-uncentered">
<img src="img/projects/csa.jpg" alt="Creative Spaces Australia Website" width="600" height="369" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s">
</div>
</div>
</div>
<div id="project_1" class="projects">
<h2 class="small-12 medium-12 large-12 columns">Easy Jogging</h2>
<div class="collapse-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row">
<span class="devicons devicons-html5 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-css3 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-javascript_shield small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-phonegap small-2 medium-2 large-2 columns"></span>
<i class="fa fa-map-marker small-2 medium-2 large-2 columns"></i>
<span class=" xdk small-2 medium-2 large-2 end columns">
<img src="img/icon_logo/xdk_logo.png" alt="xdk_logo" width="75" height="75">
</span>
</div><br>
<p>
Easy Jogging was been made with a problem in mind:<br> Where should I jog if I want to jog a determined number of kilometers?
<br><br>
The app generates a random path from your position, allowing you to run in a different environment every time you want to jog. A stopwatch and a history of your paths are also featured in order to manage your previous generated path and time.
<br><br>
Easy Jogging is a project application made using intel XDK, based on Cordova. I used HTML, CSS and Javascript to develop it as well as the Google map API. The app runs on both Android and Iphone.
<br><br>
I have some experience in Android development, and working with web technologies to create an app was very useful. The Intel XDK IDE was also very helpful for emulating, testing and generating apks in the same environment.
</p>
</div>
<div class="img-wrapper small-12 medium-5 medium-centered large-5 large-uncentered">
<img src="img/projects/easy_jogging_device.png" alt="Easy Joggin preview" height="482" width="295">
</div>
</div>
</div>
<div id="project_3" class="projects collapse-row">
<h2 class="small-12 medium-12 large-12 columns">Continuum Wealth Planning</h2>
<div class="collapse-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row">
<span class="devicons devicons-html5 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-css3 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-javascript_shield small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-wordpress small-2 medium-2 large-2 columns"></span>
<i class="fa fa-map-marker small-2 medium-2 large-2 columns end"></i>
</div><br>
<p>Continuum Wealth Planning is a financial planning company based in Sydney.
<br><br>
The company needed to update its company website for a new design including features like being responsive. I used a WordPress theme chosen by the client to update it.
<br><br>
I learned how to setup and work with Wordpress for a professional website. I worked using WAMP first and then on a temporary server to finally transfer it to their server.
<br><br>
This website allowed me to have my first professional in experience developing a website from A to Z with client requirements and deadlines.
</p>
<a class="button" href="http://www.continuumwp.com.au/" target="_blank"> Take a look </a>
</div>
<div class="img-wrapper small-12 medium-8 medium-centered large-5 large-uncentered">
<img src="img/projects/cwp.jpg" alt="Continuum Wealth Planning Website" width="600" height="369">
</div>
</div>
</div>
<div id="project_5" class="projects collapse-row">
<h2 class="small-12 medium-12 large-12 columns">Land and Property Reports</h2>
<div class="collapse-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row">
<span class="devicons devicons-html5 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-css3 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-javascript_shield small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-responsive small-2 medium-2 large-2 columns end"></span>
</div><br>
<p>Land and Property Report offers reports needed for housing building in Australia.
<br><br>
My work on this website was to adapt it to mobiles using media queries.
</p>
<a class="button" href="http://www.landandpropertyreports.com.au" target="_blank"> Take a look </a>
</div>
<div class="img-wrapper small-12 medium-8 medium-centered large-5 large-uncentered">
<img src="img/projects/lpr.jpg" alt="Land and Property Reports Website" width="600" height="369">
</div>
</div>
</div>
<div id="project_2" class="projects collapse-row">
<h2 class="small-12 medium-12 large-12 columns"> Interactive Web Media</h2>
<div class="collaspe-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row">
<span class="devicons devicons-html5 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-css3 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-javascript_shield small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-jquery small-2 medium-2 large-2 columns"></span>
<span class="icon-list-child photoshop experienced wow fadeInRight" data-wow-delay="0.9s" data-tooltip aria-haspopup="true" title="Photoshop" >
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="75px" viewBox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve">
<g>
<path d="M10.313,9.021c-0.442,0-0.742,0.043-0.898,0.087v2.841c0.186,0,0.4,0.1,0.7,0.1c1.157,0,1.871-0.585,1.871-1.571
C12.012,9.6,11.4,9,10.3,9.021H10.313z"/>
<path d="M20.788,4.041H5.458c-0.591,0-1.07,0.478-1.07,1.068v15.329c0,0.601,0.5,1.101,1.1,1.069h15.331
c0.59,0,1.068-0.479,1.068-1.069V5.109C21.857,4.5,21.4,4,20.8,4.041H20.788z M13.282,12.7c-0.741,0.7-1.842,1.014-3.125,1.014
c-0.287,0-0.543-0.014-0.743-0.043v3.442H7.257V7.58c0.671-0.113,1.613-0.199,2.942-0.199c1.341,0,2.3,0.3,2.9,0.771
c0.617,0.5,1,1.3,1,2.228c0,0.928-0.246,1.72-0.8,2.283L13.282,12.7z M16.533,17.2c-0.916,0-1.729-0.198-2.258-0.485l0.385-1.556
c0.4,0.2,1.199,0.5,1.9,0.526c0.653,0,0.926-0.228,0.926-0.586c0-0.355-0.213-0.526-1.025-0.8c-1.441-0.483-2-1.271-1.986-2.098
c0-1.298,1.113-2.286,2.842-2.286c0.814,0,1.5,0.2,2,0.4l-0.385,1.5c-0.313-0.172-0.912-0.399-1.515-0.399
c-0.526,0-0.825,0.214-0.825,0.571c0,0.3,0.301,0.5,1.1,0.8c1.328,0.5,1.9,1.101,1.9,2.153C19.559,16.3,18.5,17.2,16.5,17.218
L16.533,17.2z"/>
</g>
</svg>
</span>
</div><br>
<p>Interactive Web Media is a playground website that I had the opportunity to work on. It was supposed to be a company website re-design, but the project was unfortunately cancelled.
<br><br>
I first learned how to use Jquery on this project. I practiced animation using JQuery and CSS, but I tried some experimentation as well, like dynamic background.
<br> <br>
Working on this website was a good pratice for implementing ideas and trying new concepts I was not familiar with.
</p>
<a class="button" href="http://iwm.franckkerbiriou.com/" target="_blank"> Take a look </a>
</div>
<div class="img-wrapper small-12 medium-8 medium-centered large-5 large-uncentered">
<img src="img/projects/iwm.jpg" alt="Interactive Web media" width="600" height="369">
</div>
</div>
</div>
<div id="project_6" class="projects collapse-row">
<h2 class="small-12 medium-12 large-12 columns">Portfolio</h2>
<div class="collapse-row project-content-wrapper">
<div class="small-12 medium-10 medium-centered large-7 large-uncentered columns">
<div class="techno collapse-row">
<span class="devicons devicons-html5 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-css3 small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-javascript_shield small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-jquery small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-sass small-2 medium-2 large-2 columns"></span>
<span class="foundation small-2 medium-2 large-2 columns"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" width="75" height="75" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve"><defs><rect width="600" height="600"/></defs><clipPath><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><path class="foundation-body" clip-path="url(#SVGID_2_)" fill="#000000" stroke="#000000" stroke-miterlimit="10" d="M481.93 398.18c-5.92 0-12.3-2.73-16.86-23.69 -4.56-20.96-11.39-42.37-11.39-42.37 7.29 0 11.39-3.19 11.39-3.19 -5.01-2.28-15.94-10.02-23.23-19.59 -7.29-9.57-25.97-25.06-25.97-25.06v-30.98c0-20.96 13.44-37.36 13.44-37.36 -9.11 0-13.44 8.2-13.44 8.2v-44.19c0-43.73 22.1-63.32 22.1-63.32 -6.83-0.45-11.39 2.73-11.39 2.73 3.19-32.35 13.1-41.91 13.1-41.91 -36.44-9.57-56.78 11.85-56.78 11.85 -4.1-19.59 11.93-30.98 11.93-30.98 -18.68-4.1-34.13 1.37-34.13 1.37 0-28.7 11.41-38.27 11.41-38.27 -56.95 0-89.28 42.82-89.28 42.82 -2.28-18.22 2.74-34.18 2.74-34.18 -55.12 23.23-69.7 74.69-69.7 74.69 -3.64-8.66-4.1-28.3-4.1-28.3s-22.78 38.16-26.88 64.58c-4.1 26.42 3.64 102.28 3.64 102.28s-3.64-4.55-11.39-5.47c0 0 8.2 9.11 8.2 29.61 0 0-3.19-2.73-8.66-1.37 0 0 8.65 7.74 9.57 20.96 0 0-10.02 6.83-15.49 13.67 0 0-8.66 0.46-13.21 1.82 0 0 7.29 4.1 8.66 7.75 0 0-21.41 21.87-32.35 39.64 0 0 9.57-5.92 16.4-4.1 0 0-15.03 18.22-20.05 48.29 0 0 7.29-3.64 10.48-1.82 0 0-9.11 19.13-9.57 39.18l-10.02 5.92 7.75 5.47c0 0-5.92 24.6-7.29 38.73 0 0 4.56-4.56 8.2-5.92 0 0 5.01 11.84 11.85 20.96 6.83 9.11 22.33 16.86 31.44 16.86l17.13-0.67c-2.12 9.17-6.31 16.94-15.15 17.35l-0.98 1.57c-0.19-0.01-0.37-0.02-0.55-0.02 -0.17 2.68-5.57 3.16-7.06 5.01 -4.51 5.63-7.96 13.37-10.25 20.27 -1.68 5.06-0.89 5.06-2.05 10.25 -0.38 1.7-2.14 3.52-2.73 5.24 4.92-1.65 18.55-2.76 25.73-3.28l0.12 6.36c0 0 1.18 1.1 3.14 1.9 0.07-0.01 0.13-0.03 0.22-0.02 0.67 0.06 1.31 0.15 1.94 0.31 10.78-0.96 18.28 0.86 30.77-0.18 2.43-0.29 4.71-0.63 6.84-1.84 0.6-1.81 0.69-1.92 0.97-4.25 0.06-0.42 0.06-0.84 0.16-1.35 0.2-0.03 0.39-0.06 0.58-0.09 0.07-0.03 0.19-0.05 0.45-0.06 0.05-0.02 0.1-0.04 0.16-0.05 0.2-0.02 0.4-0.03 0.59-0.05 0.14-0.05 0.27-0.06 0.38-0.03 2.26-0.2 5.89-0.39 8.15-0.51 7.35-0.01 17.01 0.83 17.01 0.83 0.6-8.23 1.2-21.01 14.52-58.26l3.3-2.05c0 0 40.93 14.42 78.91-0.58 3.01 7.4 12.73 32.26 14.26 47.93 1.31 1.84 1.16 4.17 1.21 6.64 0.04 2.09 0.21 4.18 0.27 6.27 1.37-0.19 6.3-0.79 12.52-0.78 2.26 0.12 5.89 0.31 8.15 0.52 0.12-0.03 0.25-0.02 0.38 0.03 0.2 0.02 0.4 0.03 0.59 0.05 0.06 0.01 0.11 0.03 0.16 0.05 0.26 0.01 0.37 0.03 0.45 0.06 0.19 0.03 0.38 0.06 0.58 0.09 0.1 0.51 0.1 0.94 0.16 1.35 0.28 2.34 0.37 2.44 0.97 4.25 0.2 0.11 0.39 0.21 0.59 0.3 6.8-0.86 13.69-1.02 20.53-0.7 5.38 0.26 10.67 1.27 15.97 2.23 0 0.05 0.01 0.1 0.01 0.15 0.53 0.06 1.06 0.1 1.58 0.13 2.84 0.51 5.69 0.98 8.56 1.29 0.06-3.59 0.03-6.72-0.04-9.48 5.71 0.27 13.97 1.41 17.43 1.91 1.37 0.33 2.49 0.53 3.66 0.79 0.16 0.05 0.33 0.1 0.47 0.14 -0.01-0.01-0.01-0.03-0.02-0.04 1.18 0.27 2.44 0.6 4.12 1.18 -0.25-3.08-0.23-3.02-0.64-6.88 -0.31-2.99-2.46-12.07-6.47-15.81 0 0 4.37 1.89 5.7 2.64 -4.31-5.83-6.4-14.17-19.93-19.93 0 0 2.47-1.16 4.73-1.46 -2.36-1.45-4.16-2.03-6.56-1.85 0.81-2.31 4.39-8.12 7.38-8.87 0 0-1.84-1.28-4.85-0.29 -1.12 0.59-2.2 1.22-3.26 1.96 -0.4 0.28-0.98-0.01-1.1-0.45 -0.95-3.5-1.56-7.05-2.12-10.62 27.26-0.99 31.09-14.97 31.09-14.97 2.28 1.82 2.28 5.92 2.28 5.92 11.85-15.49 10.48-30.98 10.48-30.98 2.73 0.46 5.01 2.28 5.01 2.28 1.37-23.69-5.92-64.24-5.92-64.24 3.65 1.82 5.92-0.46 5.92-0.46 -4.1-1.82-4.56-6.38-4.56-6.38C481.02 403.65 481.93 398.18 481.93 398.18"/><path class="foundation-body" clip-path="url(#SVGID_2_)" fill="black" d="M206.61 154.32c-1.29 0.09-5.44 0.2-5.44 0.2 -37.56 2.62-65.17-26.49-65.17-26.49s-2.47 22.72 13.85 42.63c16.32 19.91 49.4 23.32 49.4 23.32 1.08 4.66-1.25 15.04-1.25 15.04s9.67-10.7 12.13-30.97C211.84 163.84 207.41 154.26 206.61 154.32"/><path class="foundation-body" fill="black" clip-path="url(#SVGID_2_)" d="M394.15 154.32c1.3 0.09 5.44 0.2 5.44 0.2 37.56 2.62 65.17-26.49 65.17-26.49s2.47 22.72-13.85 42.63c-16.32 19.91-49.4 23.32-49.4 23.32 -1.07 4.66 1.25 15.04 1.25 15.04s-9.67-10.7-12.13-30.97C388.92 163.84 393.34 154.26 394.15 154.32"/><path class="foundation-accessories" clip-path="url(#SVGID_2_)" fill="white" d="M394.43 265.65c-6.6-0.96-18.13-2.06-31.96-1.35 -18 0.93-33.42 3.43-42.64 4.92 -2.75 0.45-4.91 0.8-6.56 1.02l-1.8 0.24c-2.02 0.28-3.35 0.45-4.47 0.51 -1.13-0.06-2.45-0.23-4.48-0.51l-1.8-0.24c-1.65-0.22-3.81-0.57-6.56-1.02 -9.21-1.49-24.64-3.99-42.64-4.92 -13.83-0.71-25.36 0.39-31.96 1.35 0 0-7.05 0.9-13.07 3.45l1.15 7.66c0 0 6.37-1.52 12.59-2.35 1.16 10.8 3.41 24.68 3.41 24.68l0.04 0.43c0.17 0.7 0.33 1.38 0.5 2.12 1.28 5.46 2.55 8.66 7.67 10.59 5.03 1.9 16.92 3.65 28.91 4.27 4.46 0.23 9.52-0.04 14.64-0.79 7.59-1.11 14.46-3.15 17.08-5.09 3.82-2.82 5.86-9.92 7.21-14.62l0.41-1.39c0.48-1.6 0.89-3.28 1.29-4.92 0.58-2.34 1.17-4.76 1.68-5.6 0.09-0.14 0.52-0.65 2.19-0.89 0.52-0.07 1.1-0.11 1.74-0.12 0.64 0.01 1.22 0.05 1.74 0.12 1.67 0.24 2.1 0.75 2.19 0.9 0.51 0.84 1.1 3.26 1.68 5.6 0.4 1.63 0.82 3.31 1.3 4.92l0.4 1.39c1.35 4.7 3.4 11.8 7.21 14.62 2.62 1.94 9.49 3.98 17.08 5.09 5.12 0.74 10.18 1.02 14.64 0.79 12-0.62 23.89-2.38 28.91-4.27 5.12-1.92 6.39-5.13 7.67-10.59 0.17-0.74 0.33-1.42 0.5-2.12l0.04-0.43c0 0 2.25-13.88 3.4-24.68 6.22 0.83 12.59 2.35 12.59 2.35l1.15-7.66C401.47 266.54 394.43 265.65 394.43 265.65M295.11 282.28l-0.02 0.13c-0.3 2.48-1.93 15.07-4.59 19.36 -2.57 4.14-3.48 5.18-11.47 6.53 -0.34 0.06-0.7 0.11-1.07 0.17 -8.62 1.26-24.37 1.48-33.18-0.21l-0.61-0.12c-8.99-1.74-12.14-2.48-13.07-5.28 -1.26-3.78-3.67-21.25-3.84-24.99 -0.14-2.84 2.54-4.14 3.26-4.33 0.45-0.12 1.19-0.25 2.17-0.4 6.31-0.92 20.11-1.83 26.62-1.54 8.25 0.37 28.37 3.21 32.9 5.24C295.59 278.34 295.43 279.65 295.11 282.28M382.88 302.85c-0.93 2.8-4.08 3.54-13.07 5.28l-0.61 0.12c-8.81 1.69-24.55 1.47-33.18 0.21 -0.37-0.05-0.73-0.11-1.07-0.17 -7.99-1.35-8.9-2.39-11.47-6.53 -2.65-4.29-4.29-16.88-4.59-19.36l-0.02-0.13c-0.32-2.62-0.48-3.94 2.9-5.45 4.53-2.03 24.66-4.87 32.9-5.24 6.51-0.29 20.31 0.62 26.62 1.54 0.99 0.14 1.72 0.28 2.17 0.4 0.73 0.19 3.4 1.49 3.26 4.34C386.55 281.61 384.14 299.07 382.88 302.85"/></svg></span>
</div>
<div class="techno collapse-row">
<span class="devicons devicons-php small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-git small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-gulp small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-responsive small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-github_badge small-2 medium-2 large-2 columns"></span>
<span class="devicons devicons-terminal small-2 medium-2 large-2 columns"></span>
</div><br>
<p>This website! I have learned a lot doing it. I wanted to get up-to-date with common technology used in web development, and I needed a portfolio. So here it is.
<br><br>I discovered how awesome Sass is, played with Foundation, learned Gulp and became comfortable with Git.
<br><br>The website is hosted on DigitalOcean using Ubuntu with a LAMP setup and configured with a handy Git deployment.
<br><br> I also learned the best practices for performance and optimization as well as some basic SEO.
<br><br>The source can be found on Github.
</p>
<a class="button" href="https://github.com/FranckKe/fkrb" target="_blank"> View the source </a>
</div>
<div class="img-wrapper small-12 medium-8 medium-centered large-5 large-uncentered">
<img src="img/projects/portfolio.jpg" alt="Portfolio Website" width="600" height="369">
</div>
</div>
</div>
</div>
<div class="slicker-nav">
<div class="active-slide-tab wow fadeInUp" data-wow-delay="0.5s"><h3 class="nav-title active-slide-title" index="0">Creative Spaces Australia</h3></div>
<div class="wow fadeInUp" data-wow-delay="0.6s"><h3 class="nav-title" index="1">Easy Jogging</h3></div>
<div class="wow fadeInUp" data-wow-delay="0.7s"><h3 class="nav-title" index="2">Continuum Wealth Planning</h3></div>
<div class="wow fadeInUp" data-wow-delay="0.8s"><h3 class="nav-title" index="3">Land and Property Reports</h3></div>
<div class="wow fadeInUp" data-wow-delay="0.9s"><h3 class="nav-title" index="4">Interactive Web Media</h3></div>
<div class="wow fadeInUp" data-wow-delay="1s"><h3 class="nav-title" index="5">Portfolio</h3></div>
</div>
</section>
<section data-magellan-destination="about" id="about">
<h2 class="about-title"> About Me </h2>
<div class="collapse-row">
<div class="about-experience small-12 medium-12 large-6 columns">
<div>
<h2> Experience </h2>
<p class="about-p">I am a web developer, currently looking for a job in web development as well as a company for a work/study training program.
I enjoy working on websites and constantly discovering fantastic new ways to do so. I am now looking forward to work as part of a team to keep learning and gaining experience.<br>
I am currently learning Javascript tools and frameworks, like AngularJS. I plan to add Python and Ruby On Rails to my available skills as well.<br>
</p>
<h3> Internship </h3>
<p> In order to validate my diploma, I decided to make the trip from France to Australia and do my 6-month internship in what has always interested me: Web development. I worked with an experienced and talented guy named <a href="http://seblecocq.com" target="_blank"> Seb Lecocq </a>. This web developer experience taught me most of what I know now, and I am ready to take the next step in my career.
</p>
<h3>Australia</h3>
<p> This internship gave me the opportunity to obtain an Australian Working Holiday Visa. This was a great experience, I really enjoyed the scenery and I've met fantastic people.
</p>
<h3> Diploma </h3>
<p> I have a diploma in Networking and Telecom, which contains a decent amount of programming and in particulary web programming. Half of this 2-year course is composed of labs and projects, and half is teaching.
</p>
<a class="download-cv small-12 small-centered medium-6 medium-centered large-6 large-centered columns" href="https://drive.google.com/file/d/0B73SGQFhtUzibnQzQy1nZlRRbk0/view?usp=sharing" target="about_blank">
<button>
Get my CV
</button>
</a>
</div>
</div>
<div class="about-skills small-12 medium-12 medium-centered large-6 large-uncentered columns">
<h2> Skills </h2>
<h4 class="skills-legend-skilled legend-front-end-skilled"> Skilled </h4>
<h4 class="skills-legend-experienced legend-front-end-experienced"> Experienced </h4>
<div class="front-end icon-list">
<h3> Front-end </h3>
<span data-tooltip aria-haspopup="true" data-options="show_on:large" title="Foundation" class="icon-list-child skilled foundation wow fadeInRight" data-wow-delay="0.5s"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" width="75" height="75" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve"><defs><rect width="600" height="600"/></defs><clipPath><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><path class="foundation-body" clip-path="url(#SVGID_2_)" fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M481.93 398.18c-5.92 0-12.3-2.73-16.86-23.69 -4.56-20.96-11.39-42.37-11.39-42.37 7.29 0 11.39-3.19 11.39-3.19 -5.01-2.28-15.94-10.02-23.23-19.59 -7.29-9.57-25.97-25.06-25.97-25.06v-30.98c0-20.96 13.44-37.36 13.44-37.36 -9.11 0-13.44 8.2-13.44 8.2v-44.19c0-43.73 22.1-63.32 22.1-63.32 -6.83-0.45-11.39 2.73-11.39 2.73 3.19-32.35 13.1-41.91 13.1-41.91 -36.44-9.57-56.78 11.85-56.78 11.85 -4.1-19.59 11.93-30.98 11.93-30.98 -18.68-4.1-34.13 1.37-34.13 1.37 0-28.7 11.41-38.27 11.41-38.27 -56.95 0-89.28 42.82-89.28 42.82 -2.28-18.22 2.74-34.18 2.74-34.18 -55.12 23.23-69.7 74.69-69.7 74.69 -3.64-8.66-4.1-28.3-4.1-28.3s-22.78 38.16-26.88 64.58c-4.1 26.42 3.64 102.28 3.64 102.28s-3.64-4.55-11.39-5.47c0 0 8.2 9.11 8.2 29.61 0 0-3.19-2.73-8.66-1.37 0 0 8.65 7.74 9.57 20.96 0 0-10.02 6.83-15.49 13.67 0 0-8.66 0.46-13.21 1.82 0 0 7.29 4.1 8.66 7.75 0 0-21.41 21.87-32.35 39.64 0 0 9.57-5.92 16.4-4.1 0 0-15.03 18.22-20.05 48.29 0 0 7.29-3.64 10.48-1.82 0 0-9.11 19.13-9.57 39.18l-10.02 5.92 7.75 5.47c0 0-5.92 24.6-7.29 38.73 0 0 4.56-4.56 8.2-5.92 0 0 5.01 11.84 11.85 20.96 6.83 9.11 22.33 16.86 31.44 16.86l17.13-0.67c-2.12 9.17-6.31 16.94-15.15 17.35l-0.98 1.57c-0.19-0.01-0.37-0.02-0.55-0.02 -0.17 2.68-5.57 3.16-7.06 5.01 -4.51 5.63-7.96 13.37-10.25 20.27 -1.68 5.06-0.89 5.06-2.05 10.25 -0.38 1.7-2.14 3.52-2.73 5.24 4.92-1.65 18.55-2.76 25.73-3.28l0.12 6.36c0 0 1.18 1.1 3.14 1.9 0.07-0.01 0.13-0.03 0.22-0.02 0.67 0.06 1.31 0.15 1.94 0.31 10.78-0.96 18.28 0.86 30.77-0.18 2.43-0.29 4.71-0.63 6.84-1.84 0.6-1.81 0.69-1.92 0.97-4.25 0.06-0.42 0.06-0.84 0.16-1.35 0.2-0.03 0.39-0.06 0.58-0.09 0.07-0.03 0.19-0.05 0.45-0.06 0.05-0.02 0.1-0.04 0.16-0.05 0.2-0.02 0.4-0.03 0.59-0.05 0.14-0.05 0.27-0.06 0.38-0.03 2.26-0.2 5.89-0.39 8.15-0.51 7.35-0.01 17.01 0.83 17.01 0.83 0.6-8.23 1.2-21.01 14.52-58.26l3.3-2.05c0 0 40.93 14.42 78.91-0.58 3.01 7.4 12.73 32.26 14.26 47.93 1.31 1.84 1.16 4.17 1.21 6.64 0.04 2.09 0.21 4.18 0.27 6.27 1.37-0.19 6.3-0.79 12.52-0.78 2.26 0.12 5.89 0.31 8.15 0.52 0.12-0.03 0.25-0.02 0.38 0.03 0.2 0.02 0.4 0.03 0.59 0.05 0.06 0.01 0.11 0.03 0.16 0.05 0.26 0.01 0.37 0.03 0.45 0.06 0.19 0.03 0.38 0.06 0.58 0.09 0.1 0.51 0.1 0.94 0.16 1.35 0.28 2.34 0.37 2.44 0.97 4.25 0.2 0.11 0.39 0.21 0.59 0.3 6.8-0.86 13.69-1.02 20.53-0.7 5.38 0.26 10.67 1.27 15.97 2.23 0 0.05 0.01 0.1 0.01 0.15 0.53 0.06 1.06 0.1 1.58 0.13 2.84 0.51 5.69 0.98 8.56 1.29 0.06-3.59 0.03-6.72-0.04-9.48 5.71 0.27 13.97 1.41 17.43 1.91 1.37 0.33 2.49 0.53 3.66 0.79 0.16 0.05 0.33 0.1 0.47 0.14 -0.01-0.01-0.01-0.03-0.02-0.04 1.18 0.27 2.44 0.6 4.12 1.18 -0.25-3.08-0.23-3.02-0.64-6.88 -0.31-2.99-2.46-12.07-6.47-15.81 0 0 4.37 1.89 5.7 2.64 -4.31-5.83-6.4-14.17-19.93-19.93 0 0 2.47-1.16 4.73-1.46 -2.36-1.45-4.16-2.03-6.56-1.85 0.81-2.31 4.39-8.12 7.38-8.87 0 0-1.84-1.28-4.85-0.29 -1.12 0.59-2.2 1.22-3.26 1.96 -0.4 0.28-0.98-0.01-1.1-0.45 -0.95-3.5-1.56-7.05-2.12-10.62 27.26-0.99 31.09-14.97 31.09-14.97 2.28 1.82 2.28 5.92 2.28 5.92 11.85-15.49 10.48-30.98 10.48-30.98 2.73 0.46 5.01 2.28 5.01 2.28 1.37-23.69-5.92-64.24-5.92-64.24 3.65 1.82 5.92-0.46 5.92-0.46 -4.1-1.82-4.56-6.38-4.56-6.38C481.02 403.65 481.93 398.18 481.93 398.18"/><path class="foundation-body" clip-path="url(#SVGID_2_)" fill="white" d="M206.61 154.32c-1.29 0.09-5.44 0.2-5.44 0.2 -37.56 2.62-65.17-26.49-65.17-26.49s-2.47 22.72 13.85 42.63c16.32 19.91 49.4 23.32 49.4 23.32 1.08 4.66-1.25 15.04-1.25 15.04s9.67-10.7 12.13-30.97C211.84 163.84 207.41 154.26 206.61 154.32"/><path class="foundation-body" fill="white" clip-path="url(#SVGID_2_)" d="M394.15 154.32c1.3 0.09 5.44 0.2 5.44 0.2 37.56 2.62 65.17-26.49 65.17-26.49s2.47 22.72-13.85 42.63c-16.32 19.91-49.4 23.32-49.4 23.32 -1.07 4.66 1.25 15.04 1.25 15.04s-9.67-10.7-12.13-30.97C388.92 163.84 393.34 154.26 394.15 154.32"/><path class="foundation-accessories" clip-path="url(#SVGID_2_)" fill="black" d="M394.43 265.65c-6.6-0.96-18.13-2.06-31.96-1.35 -18 0.93-33.42 3.43-42.64 4.92 -2.75 0.45-4.91 0.8-6.56 1.02l-1.8 0.24c-2.02 0.28-3.35 0.45-4.47 0.51 -1.13-0.06-2.45-0.23-4.48-0.51l-1.8-0.24c-1.65-0.22-3.81-0.57-6.56-1.02 -9.21-1.49-24.64-3.99-42.64-4.92 -13.83-0.71-25.36 0.39-31.96 1.35 0 0-7.05 0.9-13.07 3.45l1.15 7.66c0 0 6.37-1.52 12.59-2.35 1.16 10.8 3.41 24.68 3.41 24.68l0.04 0.43c0.17 0.7 0.33 1.38 0.5 2.12 1.28 5.46 2.55 8.66 7.67 10.59 5.03 1.9 16.92 3.65 28.91 4.27 4.46 0.23 9.52-0.04 14.64-0.79 7.59-1.11 14.46-3.15 17.08-5.09 3.82-2.82 5.86-9.92 7.21-14.62l0.41-1.39c0.48-1.6 0.89-3.28 1.29-4.92 0.58-2.34 1.17-4.76 1.68-5.6 0.09-0.14 0.52-0.65 2.19-0.89 0.52-0.07 1.1-0.11 1.74-0.12 0.64 0.01 1.22 0.05 1.74 0.12 1.67 0.24 2.1 0.75 2.19 0.9 0.51 0.84 1.1 3.26 1.68 5.6 0.4 1.63 0.82 3.31 1.3 4.92l0.4 1.39c1.35 4.7 3.4 11.8 7.21 14.62 2.62 1.94 9.49 3.98 17.08 5.09 5.12 0.74 10.18 1.02 14.64 0.79 12-0.62 23.89-2.38 28.91-4.27 5.12-1.92 6.39-5.13 7.67-10.59 0.17-0.74 0.33-1.42 0.5-2.12l0.04-0.43c0 0 2.25-13.88 3.4-24.68 6.22 0.83 12.59 2.35 12.59 2.35l1.15-7.66C401.47 266.54 394.43 265.65 394.43 265.65M295.11 282.28l-0.02 0.13c-0.3 2.48-1.93 15.07-4.59 19.36 -2.57 4.14-3.48 5.18-11.47 6.53 -0.34 0.06-0.7 0.11-1.07 0.17 -8.62 1.26-24.37 1.48-33.18-0.21l-0.61-0.12c-8.99-1.74-12.14-2.48-13.07-5.28 -1.26-3.78-3.67-21.25-3.84-24.99 -0.14-2.84 2.54-4.14 3.26-4.33 0.45-0.12 1.19-0.25 2.17-0.4 6.31-0.92 20.11-1.83 26.62-1.54 8.25 0.37 28.37 3.21 32.9 5.24C295.59 278.34 295.43 279.65 295.11 282.28M382.88 302.85c-0.93 2.8-4.08 3.54-13.07 5.28l-0.61 0.12c-8.81 1.69-24.55 1.47-33.18 0.21 -0.37-0.05-0.73-0.11-1.07-0.17 -7.99-1.35-8.9-2.39-11.47-6.53 -2.65-4.29-4.29-16.88-4.59-19.36l-0.02-0.13c-0.32-2.62-0.48-3.94 2.9-5.45 4.53-2.03 24.66-4.87 32.9-5.24 6.51-0.29 20.31 0.62 26.62 1.54 0.99 0.14 1.72 0.28 2.17 0.4 0.73 0.19 3.4 1.49 3.26 4.34C386.55 281.61 384.14 299.07 382.88 302.85"/></svg></span>
<span class="devicons devicons-css3 icon-list-child skilled wow fadeInRight" data-wow-delay="0.6s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="CSS3" ></span>
<span class="devicons devicons-sass icon-list-child skilled wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Sass" ></span>
<span class="devicons devicons-javascript_shield icon-list-child experienced wow fadeInRight" data-wow-delay="0.8s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Javascript" ></span>
<span class="devicons devicons-jquery icon-list-child experienced wow fadeInRight" data-wow-delay="0.9s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="JQuery" ></span>
</div>
<h4 class="skills-legend-skilled legend-back-end-skilled"> Skilled </h4>
<h4 class="skills-legend-experienced legend-back-end-experienced"> Experienced </h4>
<div class="back-end icon-list">
<h3> Back-end </h3>
<span class="devicons devicons-php icon-list-child experienced wow fadeInRight" data-wow-delay="0.5s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="php" ></span>
<span class="devicons devicons-mysql icon-list-child experienced wow fadeInRight" data-wow-delay="0.6s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="MySQL" ></span>
<span class="devicons devicons-wordpress icon-list-child experienced wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="WordPress" ></span>
<span class="icon-list-child mailchimp experienced wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Mailchimp" ><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="150px" height="75px" viewBox="0 0 600 300" enable-background="new 0 0 600 300" xml:space="preserve">
<g>
<g>
<path d="M210.4,152.5L210.4,152.5L210.4,152.5z"/>
<path d="M484.879,177.42l0.138,0.002c8.264,0,14.078-5.725,14.142-13.918c0.03-4.057-1.142-7.77-3.3-10.453
c-2.283-2.84-5.479-4.355-9.244-4.384h-0.075c-5.081,0-9.799,3.854-14.424,11.787l-0.368,0.633l-0.237-0.69
c-1.168-3.4-2.208-6.232-2.83-7.926c-0.435-1.183-0.628-1.714-0.673-1.886c-0.222-0.858-0.956-1.391-1.917-1.391
c-0.591,0-1.219,0.201-1.813,0.579c-0.589,0.375-0.918,0.833-1.036,1.445l-0.03,0.093c-4.629,14.436-8.446,21.446-11.679,21.399
c-0.471-0.004-0.838-0.158-1.112-0.463c-0.847-0.937-0.639-3.162-0.351-6.244c0.211-2.265,0.451-4.828,0.352-7.547
c-0.191-5.229-3.052-8.369-7.652-8.404c-5.845-0.002-9.634,6.224-11.379,9.935l-0.521,1.106l-0.115-1.219
c-0.436-4.592-1.977-10.077-6.843-10.114c-5.677,0-10,6.661-12.638,12.25l-0.707,1.498l0.069-1.654
c0.314-7.455,0.571-11.856,0.765-13.078c0.192-1.225,0.092-2.047-0.31-2.518c-0.379-0.441-1.095-0.604-2.145-0.538
c-1.817,0.115-2.746,1.221-4.146,4.929c-2.297,6.088-8.142,20.252-12.809,20.252c-0.927-0.006-1.659-0.322-2.196-0.938
c-1.957-2.244-1.174-8.31-0.091-16.703l0.082-0.635c0.512-3.974-0.362-4.822-2.521-5.219c-0.231-0.042-0.453-0.064-0.656-0.064
c-1.723,0-2.529,1.651-4.139,6.239c-2.865,8.164-6.55,16.75-10.858,16.75c-0.158,0-0.314-0.012-0.472-0.037
c-2.283-0.389-2.233-3.775-2.17-8.066c0.032-2.319,0.071-4.951-0.287-7.326c-0.643-4.262-3.153-6.922-6.554-6.949
c-6.784,0-11.36,8.688-13.487,13.867l-0.482,1.173l-0.16-1.259c-0.285-2.246-0.661-5.805-0.824-10.014l-0.005-0.125l0.077-0.098
c12.697-15.983,18.395-27.517,18.47-37.399c0.05-6.313-2.864-10.105-7.791-10.144c-3.602,0-12.169,3-15.145,30.8
c-0.554,5.154-0.856,10.439-0.901,15.708l-0.001,0.104l-0.059,0.084c-5.81,8.408-18.207,22.871-30.345,22.9
c-10.968,0-19.718-8.873-19.718-24.535c0-20.996,14.862-33.887,26.046-33.887h0.092c2.431,0,4.5,0.7,6,2
c1.571,1.3,2.4,3.2,2.4,5.326c-0.021,2.899-0.966,4.389-1.879,5.828c-0.234,0.371-0.468,0.739-0.682,1.1
c-0.217,0.393-0.413,0.965-0.127,1.454c0.295,0.5,1,0.8,2,0.823c2.662,0,6.688-3.854,6.732-9.66
c0.047-6.077-5.072-12.339-14.206-12.339c-13.821,0-32.435,15.184-32.435,39.792c0,17.4,10.9,29.4,25.699,29.4
c10.492,0,20.869-7.513,30.061-20.06l0.563-0.76l0.041,0.944c0.194,4.601,0.5,8.2,0.8,10.9c0.157,1.7,0.3,2.9,0.3,3.604
c-0.012,1.5,0.2,2.5,0.7,3.146c0.511,0.6,1.3,0.9,2.6,0.9c2.063,0,2.478-1.408,3.295-4.879l0.235-0.992
c1.016-4.207,4.768-17.938,10.411-17.938c0.922,0,1.6,0.3,2.1,0.8c1.246,1.301,1.101,4,1,7.178
c-0.099,1.962-0.2,3.986-0.004,5.959c0.532,5.301,2.8,7.9,7,8c4.313,0,8.812-4.643,11.187-8.959l0.447-0.813l0.176,0.914
c0.438,2.3,2.399,9.899,8.5,9.899c5.563,0,10.334-5.856,15.564-17.911l0.684-1.574l-0.041,1.717
c-0.111,4.568-0.358,10.146-0.36,14.5c-0.002,3.3,0.3,4.601,1.899,4.609c0.109,0,0.2,0,0.301,0.016
c1.479,0,2.482-0.883,2.983-2.629c3.935-13.717,7.337-20.104,10.707-20.104c3.3,0,3.601,6.1,3.9,16.721l0.018,0.748
c0.08,3.699,0.2,5.4,2.5,5.4c1.758,0,2.195-1.381,3.104-4.781c0.174-0.648,0.362-1.359,0.585-2.127
c3.178-11.025,5.813-15.523,9.092-15.523c2.808,0,3,2.9,3,3.867c0.108,2.037-0.102,4.17-0.304,6.229
c-0.188,1.914-0.384,3.894-0.311,5.7c0.172,4.3,2.5,6.7,6.601,6.736c5.342,0,10.164-6.248,14.387-18.565l0.293-0.859l0.335,0.8
c0.766,1.899,1.8,4.601,2.7,7.685l0.035,0.118l-0.052,0.113c-4.089,9.08-6.974,19.194-7.015,24.601
c-0.055,7.1,3.2,11.699,8.2,11.78h0.087c2.741,0,9.13-1.101,9.254-11.285c0.05-4.174-0.936-10.075-2.929-17.545l-0.229-0.854
l0.736,0.49c2.588,1.734,5.464,2.635,8.364,2.654H484.879z M347.191,142.881c0.115-2.552,0.33-5.038,0.635-7.387
c1.977-15.142,6.104-25.716,10.039-25.716h0.017c1.876,0,2.8,1.4,2.8,4.215c-0.053,6.837-4.385,16.625-12.873,29.1l-0.664,0.976
L347.191,142.881z M472.665,197.318c-0.626,0.834-1.498,1.256-2.59,1.256c-1.254-0.01-2.196-0.447-2.837-1.303
c-1.796-2.4-1.29-8.039,1.64-18.277c0.35-1.223,0.73-2.453,1.131-3.656l0.34-1.021l0.3,1c3.415,11.884,4.052,19.283,2.052,22.002
H472.665z M473.727,167.043l-0.062-0.113l-0.124-0.393l0.057-0.117c3.894-8.02,8.353-12.617,12.233-12.617h0.04
c4.382,0,7.399,4,7.399,9.586c-0.028,3.744-1.68,5.9-3.058,7c-1.573,1.313-3.668,2.063-5.748,2.063
c-5.158,0.048-8.665-2.952-10.765-5.409H473.727z"/>
<path d="M485.831,154.141v-0.004V154.141z"/>
<path d="M225.492,176.096c6.008-0.481,10.774-8.652,12.544-12.143l0.456-0.9l0.173,1c0.849,4.9,3.5,13.2,11.9,13.225h0.07
c3.614,0,7.714-2.211,11.858-6.391l0.304-0.307l0.221,0.4c2.79,4.699,6.5,7.1,10.5,6.94c5.866-0.305,9.425-4.461,9.739-7.349
c0.08-0.735-0.115-1.428-0.535-1.896c-0.528-0.588-1.293-0.655-1.856-0.116l-0.268,0.254c-1.366,1.311-3.91,3.754-6.681,3.897
c-3.394,0.166-5.904-1.862-7.526-6.051l-0.068-0.177l0.114-0.147c9.333-12.207,15.882-30.833,15.236-43.326
c-0.298-5.782-1.98-12.675-8.294-12.675c-0.154,0-0.312,0.004-0.471,0.012c-2.419,0.125-4.619,1.278-6.539,3.425
c-5.859,6.555-8.925,22.689-7.812,41.1c0.231,3.8,0.9,7.4,2,10.625l0.061,0.18l-0.123,0.145c-3.463,4.048-6.88,6.277-9.622,6.301
c-6.597,0-6.375-11.061-5.854-20.234c0.113-1.978,0.28-3.238-0.305-3.954c-0.418-0.513-1.118-0.766-2.137-0.774l-0.12-0.001
c-2.347,0-2.838,0.483-4.04,3.967c-2.499,7.238-7.431,19.385-12.393,19.385c-1.375-0.012-2.425-0.482-3.144-1.398
c-2.407-3.071-0.579-10.733,0.889-16.893c0.264-1.107,0.517-2.17,0.734-3.154c0.322-1.46,0.223-2.525-0.293-3.17
c-0.517-0.643-1.55-0.903-2.914-0.795c-2.125,0.17-3.484,1.06-4.14,5.101l-0.132,0.84l-0.494-0.598
c-0.928-1.37-2.738-3.002-6.096-3.002c-0.294,0-0.599,0.012-0.914,0.037c-3.584,0.294-7.666,2.792-10.652,6.5
c-3.488,4.352-5.154,9.858-4.69,15.508c0.025,0.3,0.1,0.6,0.1,0.871l0.024,0.158l-0.108,0.1c-2.086,2.273-4.212,3.426-6.319,3.426
c-3.25-0.025-5.116-2.441-5.116-6.465c0-6.775,4.591-27.197,4.591-34.59c0-7.868-3.506-12.151-9.594-12.198h-0.092
c-8.889,0-15.818,10.087-22.448,30.841c-0.607,1.9-1.268,4.096-1.834,6l-0.931,3.121l0.276-3.244
c0.616-7.23,1.039-14.263,1.257-20.907c0.33-10.03-1.026-16.485-4.146-19.733c-1.683-1.752-3.909-2.615-6.809-2.637h-0.077
c-10.878,0-16.089,18.346-19.883,31.291c-1.146,3.908-3.403,12.723-4.91,18.701l0.893-1.451
c0.669-7.588,2.608-26.596,2.481-36.907c-0.137-11.062-3.82-16.021-11.945-16.083h-0.1c-4.339,0-7.35,2.157-9.112,3.966
c-2.828,2.904-4.59,7.148-4.492,10.813c0.06,2.2,1.4,4.2,2.5,4.2c0.675,0,1.049-0.901,1.211-1.438
c2.513-8.309,5.766-12.349,9.941-12.349c1.732,0,3,0.5,4,1.6c3.261,3.5,2.7,12.9,1.6,30.1c-0.347,5.528-0.74,11.792-1.071,18.917
c-0.057,1.224-0.133,2.402-0.206,3.5c-0.317,4.947-0.569,8.9,1.3,9.147c2.441,0.4,4.031-0.61,4.844-3.026
c1.206-3.586,3.911-13.387,9.145-31.296c5.022-17.186,8.816-23.439,13.67-23.439c5.608,0,6,9.6,5,29.949
c-0.219,4.307-0.512,9.186-0.737,14.5c-0.032,0.746-0.067,1.469-0.102,2.166c-0.216,4.396-0.386,7.9,0.9,9.195
c0.392,0.4,0.9,0.6,1.6,0.6c2.431,0,3.162-2.131,4.373-5.664c0.214-0.623,0.441-1.289,0.694-1.986
c8.33-22.979,14.49-42.916,22.756-42.916c2.48,0,4.4,2,4.4,5.942c0,9.067-4.433,26.586-4.433,35.469c0,3.201,0.9,6,2.6,8
c1.777,2.101,4.3,3.201,7.2,3.185h0.063c2.766,0,5.648-1.344,8.568-3.994l0.274-0.248l0.22,0.3c1.923,2.601,5,4,8.4,3.715
c5.138-0.399,9.449-4.975,11.053-9.289l0.313-0.844l0.313,0.801c1.131,3.343,3.726,7.143,9.226,6.738H225.492z M272.836,116.052
l0.088-0.002c0.586,0,1.1,0.3,1.5,0.9c2.041,2.8,2.1,12.825-1.438,24.279c-2.005,6.546-4.702,12.73-7.796,17.882l-0.494,0.82
l-0.126-0.949c-0.364-2.771-0.543-5.654-0.67-8.109c-0.864-17.373,4.4-34.573,8.9-34.821H272.836z M215.828,156.5
c-1.798,7.236-5.247,15.969-11.463,16.469c-0.174,0.012-0.343,0.021-0.506,0.021c-2.579,0-4.025-1.689-4.298-5.021
c-0.342-4.168,1.456-9.049,4.577-12.438c1.988-2.158,4.229-3.347,6.312-3.347h0.042c2.629,0,4.5,2.101,5.3,4.101l0.045,0.1
l-0.009,0.13V156.5z"/>
<path d="M357.865,110.114L357.865,110.114L357.865,110.114z"/>
<path d="M244.663,129.991c-2.295,0-4.149,1.808-4.166,4.031c-0.018,2.2,1.8,4.1,4.1,4.092l0.033,0.333l0,0v-0.333
c2.262,0,4.115-1.807,4.132-4.029c0.022-2.285-1.862-4.085-4.062-4.094H244.663z"/>
<path d="M388.956,129.991c-2.295,0-4.147,1.808-4.166,4.031c-0.019,2.2,1.8,4.1,4.101,4.092l0.031,0.333l0,0v-0.333
c2.264,0,4.117-1.807,4.135-4.029c0.02-2.285-1.856-4.085-4.057-4.094H388.956z"/>
</g>
<g>
<path d="M501.323,172.836c-1.553,0-2.818,1.266-2.818,2.82c0,1.6,1.3,2.8,2.8,2.8c1.555,0,2.819-1.265,2.819-2.815
c0.019-1.541-1.224-2.841-2.824-2.805H501.323z M501.323,178.1c-1.334,0-2.409-1.074-2.409-2.408s1.075-2.409,2.409-2.409
c1.333,0,2.399,1.1,2.399,2.409c0,1.311-1.066,2.408-2.423,2.373L501.323,178.1z"/>
<path d="M502.572,174.92c0-0.582-0.286-0.9-1.022-0.9h-1.25v3.248h0.41v-1.422h0.583l0.97,1.422h0.462l-0.97-1.422
c0.44-0.046,0.845-0.346,0.845-0.926H502.572z M501.233,175.48h-0.523v-1.099h0.727c0.35,0,0.7,0.101,0.7,0.5
c0.027,0.618-0.437,0.618-0.937,0.599H501.233z"/>
</g>
</g>
</svg></span>
<span class="devicons devicons-linux icon-list-child experienced wow fadeInRight" data-wow-delay="0.9s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Linux" ></span>
</div>
<h4 class="skills-legend-skilled legend-tools-skilled"> Skilled </h4>
<h4 class="skills-legend-experienced legend-tools-experienced"> Experienced </h4>
<div class="tools icon-list">
<h3> IDE </h3>
<span class="devicons devicons-gulp icon-list-child skilled wow fadeInRight" data-wow-delay="0.5s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Gulp" ></span>
<span class="devicons devicons-git icon-list-child experienced wow fadeInRight" data-wow-delay="0.6s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Git" ></span>
<span class="devicons devicons-phonegap icon-list-child experienced wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Phonegap" ></span>
<span class="icon-list-child skilled wow fadeInRight" data-wow-delay="0.8s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Sublime Text" > <div class="sublime-text "> S </div> </span>
<span class="devicons devicons-trello icon-list-child skilled wow fadeInRight" data-wow-delay="0.9s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Trello" ></span>
</div>
<h4 class="skills-legend-skilled legend-misc-skilled"> Skilled </h4>
<h4 class="skills-legend-experienced legend-misc-experienced"> Experienced </h4>
<div class="misc icon-list">
<h3> Misc </h3>
<span class="devicons devicons-android icon-list-child experienced wow fadeInRight" data-wow-delay="0.5s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Android" ></span>
<span class="devicons devicons-java icon-list-child experienced wow fadeInRight" data-wow-delay="0.6s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Java" ></span>
<span class="c-prog icon-list-child experienced wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="C" > C </span>
<span class="devicons devicons-cisco icon-list-child experienced wow fadeInRight" data-wow-delay="0.8s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Networking" ></span>
<span class="icon-list-child photoshop experienced wow fadeInRight" data-wow-delay="0.9s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Photoshop" >
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="75px" viewBox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve">
<g>
<path d="M10.313,9.021c-0.442,0-0.742,0.043-0.898,0.087v2.841c0.186,0,0.4,0.1,0.7,0.1c1.157,0,1.871-0.585,1.871-1.571
C12.012,9.6,11.4,9,10.3,9.021H10.313z"/>
<path d="M20.788,4.041H5.458c-0.591,0-1.07,0.478-1.07,1.068v15.329c0,0.601,0.5,1.101,1.1,1.069h15.331
c0.59,0,1.068-0.479,1.068-1.069V5.109C21.857,4.5,21.4,4,20.8,4.041H20.788z M13.282,12.7c-0.741,0.7-1.842,1.014-3.125,1.014
c-0.287,0-0.543-0.014-0.743-0.043v3.442H7.257V7.58c0.671-0.113,1.613-0.199,2.942-0.199c1.341,0,2.3,0.3,2.9,0.771
c0.617,0.5,1,1.3,1,2.228c0,0.928-0.246,1.72-0.8,2.283L13.282,12.7z M16.533,17.2c-0.916,0-1.729-0.198-2.258-0.485l0.385-1.556
c0.4,0.2,1.199,0.5,1.9,0.526c0.653,0,0.926-0.228,0.926-0.586c0-0.355-0.213-0.526-1.025-0.8c-1.441-0.483-2-1.271-1.986-2.098
c0-1.298,1.113-2.286,2.842-2.286c0.814,0,1.5,0.2,2,0.4l-0.385,1.5c-0.313-0.172-0.912-0.399-1.515-0.399
c-0.526,0-0.825,0.214-0.825,0.571c0,0.3,0.301,0.5,1.1,0.8c1.328,0.5,1.9,1.101,1.9,2.153C19.559,16.3,18.5,17.2,16.5,17.218
L16.533,17.2z"/>
</g>
</svg></span>
</div>
<div class="soon icon-list">
<h3> Learning </h3>
<span class="devicons devicons devicons-nodejs_small icon-list-child wow fadeInRight" data-wow-delay="0.5s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="NodeJS"></span>
<span class="devicons devicons-angular icon-list-child wow fadeInRight" data-wow-delay="0.6s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="AngularJS"></span>
<span class="devicons devicons-yeoman icon-list-child wow fadeInRight" data-wow-delay="0.7s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Yeoman"></span>
<span class="devicons devicons-coffeescript icon-list-child wow fadeInRight" data-wow-delay="0.8s" data-tooltip data-options="show_on:large" aria-haspopup="true" title="Coffeescript"></span>
<span class="devicons devicons-ruby_on_rails icon-list-child wow fadeInRight" data-wow-delay="0.9s" data-tooltip aria-haspopup="true" data-options="show_on:large" title="Ruby on Rails"></span>
</div>
</div>
</div>
</section>
<section data-magellan-destination="contact" id="contact" data-1000-start="opacity:0" data-1100-start="opacity:1;">
<div class="contact-fixed no-fouc">
<div class="contact-wrapper">
<h2> Get in touch ! </h2>
<div class="collapse-row">
<div class="p-wrapper large-8 large-centered columns"> <p>I'd love to hear from you. For more information about me, about my work or just because, you can either shoot me an email or get in touch through social medias.</p>
</div>
</div>
<div class="form-wrapper collapse-row">
<span class="social-github show-for-large-up large-2 columns">
<a href="https://github.com/FranckKe/" target="about_blank"> <i class="fa fa-github-square"></i></a>
</span>
<div class="contactFormWrapper small-12 medium-12 large-8 columns">
<div id="contactForm" class="collapse-row">
<form id="myForm" method="post" data-abide="ajax">
<div class="formName small-12 medium-6 large-6 columns">
<label>Name
<input name="name" class="formInput" type="text" placeholder="Name" required>
<small class="error animated shake">What's your name?</small>
</label>
</div>
<div class="formEmail small-12 medium-6 large-6 columns">
<label>Email
<input name="email" class="formInput" type="email" placeholder="[email protected]" required>
<small class="error animated shake">I need your email to contact you back.</small>
</label>
</div>
<div class="formMessage small-12 medium-12 large-12 columns">
<label>Your Message
<small class="error animated shake">You don't want to send me anything? :(</small>
<textarea name="message" placeholder="Your message" class="formTextarea formInput" required>
</textarea>
</label>
</div>
<div class="formButton small-12 medium-12 large-12 columns">
<input type="submit" class="button small-12 medium-12 large-12 columns" value="Send Message">
</div>
</form>
</div>
<div class="email small-10 small-centered">
<h3><a href="mailto:[email protected]">[email protected]</a></h3>
</div>
</div>
<span class="social-linkedin small-6 medium-6 large-2 end columns">
<a href="https://au.linkedin.com/pub/franck-kerbiriou/85/486/330/" target="about_blank"><i class="fa fa-linkedin-square"></i></a>
</span>
<span class="social-github small-6 medium-6 hide-for-large-up columns">
<a href="https://github.com/FranckKe/" target="about_blank"> <i class="fa fa-github-square"></i></a>
</span>
</div>
</div>
</div>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="dist/all.min.js"></script>
</body>
</html>