-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
515 lines (388 loc) · 24.6 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
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Meta Tag for responsive -->
<meta name=”viewport” content=”width=1024, minimal-ui”>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>David ROUX</title>
<!-- Loading of stylesheet for the design -->
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- This tells the page to watch for special styling for IE9 -->
<!--[if IE 9 ]> <html class= "ie9"> <![endif]-->
<!-- Important external stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/fontello.css">
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<link rel="stylesheet" href="css/jquery.fs.wallpaper.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/animate.css">
<!-- Finally we will load the font from Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body id="top">
<!-- Start of Social Section at bottom of page -->
<div id="socialsection">
<!-- You MUST add the URL's for your account at each social network in the code below to swap out the hash # tag -->
<div id="social-left">
<a href="https://www.facebook.com/david.roux.23"><i class="icon-facebook"></i></a>
<a href="https://twitter.com/davidroux23"><i class="icon-twitter"></i></a>
<a href="http://fr.linkedin.com/in/davidroux23/" target="_blank"><i class="icon-linkedin"></i></a>
<a href="https://github.com/davroux" target="_blank"><i class="icon-github"></i></a>
</div>
<div id="social-button"></div>
<!-- You MUST change the URL definition in these links to share YOUR page - simply change the URL -->
<div id="social-right">
<a href="https://plus.google.com/share?url=http://davroux.eu" target="_blank"><i class="icon-gplus"></i></a>
<a href="http://www.facebook.com/share.php?u=http://davroux.eu" target="_blank"><i class="icon-facebook"></i></a>
<a href="http://twitter.com/home?status=http://davroux.eu" target="_blank"><i class="icon-twitter"></i></a>
</div>
</div><!-- End of Social Section at bottom of page -->
<!-- HEADER SECTION -->
<header>
<!-- Start of Header Container - the content div that is a set width and centralized -->
<div class="header-container">
<div id="menu" class="menu">
<div id="nav" class="nav">
<ul>
<li><a href="#top">Home</a></li>
<li><a href="#hero">About</a></li>
<li><a href="#Skills">Skills</a></li>
<li><a href="#CV">CV / Resume</a></li>
</ul>
</div>
<div id="menu-button"></div>
</div>
</div><!-- End of Header Container -->
</div><!-- End of Header -->
</header>
<!-- TOP SECTION -->
<!-- Start of Video Element -->
<div id="video_element">
<!-- Start of Main Title + Intro -->
<div class="huge-title" id="top">
<img src="img/me_head.png" alt="David Roux" class="headshot wow tada" data-wow-delay="2s" data-wow-offset="80" data-wow-duration="1s">
<h1 class="wow bounceInDown" data-wow-offset="80" data-wow-duration="2s">David Roux</h1>
<!-- Start of Owl Testimonial Carousel -->
<div class="testimonials owl-carousel">
<div><!-- Start of Slide 1 -->
<div class="button-box"><h4>French iOS & Android Developer</h4></div>
</div>
<div>
<div class="button-box"><h4>Motivate & Curious</h4></div>
</div>
<div><!-- Start of Slide 3 -->
<div class="button-box"><h4>Hard Worker</h4></div>
</div>
</div><!-- End of Owl Testimonial Carousel -->
</div><!-- End of Main Title + Intro -->
<!-- Start of Scroll Down Message and animation -->
<div id="godown" class="floating">
<p><a href="#hero">Learn more about David Roux</a></p>
<img src="img/godown.png" alt="down"/>
</div><!-- End of Scroll Down Message and animation -->
<!-- Start of Shade - this is the css based gradient over the image for that cool effect -->
<div class="shade"></div><!-- End of Shade -->
</div><!-- End of Video Element -->
<!-- Start of Wrapper - the full width container -->
<div class="wrapper">
<!-- Start of Container -->
<div class="container">
<!-- AT A GLANCE SECTION -->
<!-- Start of Content - where the content be -->
<div class="content2">
<!-- Start of Hero - The main top image like a phone etc -->
<div class="hero">
<h3 id="hero">At a glance</h3>
<div class="one_third wow fadeInUp" data-wow-offset="120" data-wow-duration="1s">
<h4>FULL NAME</h4>
<h5>David Roux</h5>
</div>
<div class="one_third wow fadeInUp" data-wow-offset="120" data-wow-duration="1s" data-wow-delay="0.2s">
<h4>NATIONALITY</h4>
<h5>French</h5>
</div>
<div class="one_third_last wow fadeInUp" data-wow-offset="120" data-wow-duration="1s" data-wow-delay="0.3s">
<h4>BORN</h4>
<h5>November, 1991</h5>
</div>
<div class="one_third wow fadeInUp" data-wow-offset="120" data-wow-duration="1s">
<h4>RESIDENCE</h4>
<h5>Strasbourg, France</h5>
</div>
<div class="one_third wow fadeInUp" data-wow-offset="120" data-wow-duration="1s" data-wow-delay="0.2s">
<h4>EDUCATION</h4>
<h5>Bac+5, Master of Science</h5>
</div>
<div class="one_third_last wow fadeInUp" data-wow-offset="120" data-wow-duration="1s" data-wow-delay="0.3s">
<h4>HOBBIES</h4>
<h5>Football (Soccer), Photography, Sports, Movies</h5>
</div>
</div><!-- End of Hero -->
</div><!-- End of Content -->
<!-- ABOUT SECTION -->
<!-- Start of White Container -->
<div class="whitecontainer">
<!-- Start of Content -->
<div class="content" id="About">
<h2 class="border wow fadeInRightBig" data-wow-offset="80" data-wow-duration="2s">About me</h2>
<p>My name is David Roux, I'm actually a software engineer, more specifically a mobile developer. I'm currently developing on iOS. I'm passionate with photography and like/play in my free time some sport, like football (soccer) or tennis, or just relax with music.</p>
<p><strong><a href="#Contact">I currently have a job. But not close for any proposition. So feel free to contact me.</a></strong></p>
<!-- <blockquote class="wow fadeInLeftBig" data-wow-offset="80" data-wow-duration="3s"><p>I wish to expand my skills on a daily basis with the help of an employee-focused company.</p></blockquote>
<img src="img/signature.png" width="250" alt="John Hancock"> -->
</div><!-- End of Content -->
</div><!-- End of White Container -->
<!-- SKILLS SECTION -->
<!-- Start of Parallax 1 Container -->
<div class="parallax1">
<!-- Start of Content -->
<div class="content" id="Skills">
<h2 class="border wow fadeInRightBig" data-wow-offset="80" data-wow-duration="2s">My Skills</h2>
<!-- Start of One Half Column Container -->
<div class="half_column1 wow fadeInLeftBig" data-wow-offset="80" data-wow-duration="2s">
<p>From all my experience, some skills have been put forward and evolved.</p>
<div class="button-box"><a href="#Contact" class="button">Contact Me</a></div>
</div><!-- End of One Half Column Container -->
<!-- Start of One Half Column Last Container -->
<div class="half_column2 wow fadeInUpBig" data-wow-offset="80" data-wow-duration="2s">
<!-- Start of 3 rows -->
<div class="one_third centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="85" data-readOnly="true">
<h3>iOS</h3>
</div>
<div class="one_third centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="80" data-readOnly="true">
<h3>Android</h3>
</div>
<div class="one_third_last centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="70" data-readOnly="true">
<h3>Xamarin</h3>
</div>
<!-- End of 3 rows -->
<!-- Start of 2nd 3 rows -->
<div class="one_third centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="80" data-readOnly="true">
<h3>Swift</h3>
</div>
<div class="one_third centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="85" data-readOnly="true">
<h3>Objective-C</h3>
</div>
<div class="one_third_last centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="80" data-readOnly="true" >
<h3>Sketch</h3>
</div>
<!--
<div class="one_third_last centered skill">
<input class="knob" data-width="100%" data-fgColor="#ffffff" data-skin="cr3ativ" data-thickness=".2" value="60" data-readOnly="true">
<h3>ILLUSTRATOR</h3>
</div>
-->
<!-- End of 2nd 3 rows -->
</div><!-- End of One Half Column Last Container -->
</div><!-- End of Content -->
</div><!-- End of Parallax 1 Container -->
<!-- CV / RESUME SECTION -->
<!-- Start of White Container -->
<div class="whitecontainer">
<!-- Start of Content -->
<div class="content" id="CV">
<h2 class="border wow fadeInRightBig" data-wow-offset="80" data-wow-duration="2s">curriculum vitae</h2>
<!-- Start of 1/3 Column -->
<div class="one_third clearfix wow fadeInUp" data-wow-offset="80" data-wow-duration="1.5s">
<h2>Education</h2>
</div><!-- End of 1/3 Column -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Master Of Science</h3>
<h5>Supinfo</h5>
<p class="small">5 Years</p>
<div class="date">November 2009 - October 2014</div>
<p>Expert in Computer Science and Information System.</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Baccalaureate of Science</h3>
<h5>High School Louis Couffignal</h5>
<p class="small">3 Years</p>
<div class="date">September 2006 - June 2009</div>
<p>I was graduate with a baccalaureate (diploma) of Science, with the option Engineer Science.</p>
</div><!-- End of 2/3 Column Last -->
<div class="bigspace"></div>
<!-- Start of 1/3 Column -->
<div class="one_third wow fadeInUp" data-wow-offset="80" data-wow-duration="1.5s">
<h2>Work Experience</h2>
</div><!-- End of 1/3 Column -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>iOS & Android Developer</h3>
<h5>Amaris</h5>
<p class="small">X Months</p>
<div class="date">July 2017 - Now</div>
<p></a></p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>iOS & Android Developer, Product Manager, UI Designer</h3>
<h5>PlayerPro</h5>
<p class="small">8 Months</p>
<div class="date">May 2015 - 30 April 2017</div>
<p>PlayerPro is a San Francisco startup that changes the way we all experience the game of soccer.<br/>
<br/>
* Product Manager:<br/>
Define product requirements and prioritize features.<br/>
Define and drive the mobile product sprints and roadmap.<br/>
Deliver in production (App Store and Play Store) our current apps.<br/>
<br/>
* Mobile Designer:<br/>
Sketch from Low-Fidelity Wireframes to High-Fidelity Wireframes each features.<br/>
Deliver and provide all wireframes, assets and measurements to our Engineering team (We start to use recently Zeplin to simplify our delivery).<br/>
<br/>
* iOS and Android Developer:<br/>
Code Review each iOS and Android Pull Requests.<br/>
Part of the QA Team and Process.<br/>
Work on different type of ticket. Including Bug, Task and Feature tickets.<br/>
</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Android Developer</h3>
<h5>Freelance</h5>
<p class="small">8 Months</p>
<div class="date">April 2014 - Now</div>
<p>I had develop an android application which is currently on the store : <a href="https://play.google.com/store/apps/details?id=fr.logiest.android&hl=en">Mon LogiEst</a></p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Co-founder & Mobile Developer</h3>
<h5>ContAACt</h5>
<p class="small">1 year 11 Months</p>
<div class="date">November 2012 - October 2014</div>
<p>Contaact is an Augmentative and Alternative Communication (AAC) application ecosystem for people with speech impediments (autistics, aphascics, ...). The idea is to rely on the collective intelligence of all stakeholders (patients, families and health professionals) to better monitor the disability and provide more customized solutions.
<br/><br/>
My responsability was to develop our product, we choose to create first an android application, I try and create multiple POCs in Android/Java and Android/Xamarin to finally choose Xamarin as our main technology.</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Android Developer</h3>
<h5>InPeople</h5>
<p class="small">5 months</p>
<div class="date">May 2012 - May 2013</div>
<p>Application development of Choral Notes in Android.<br>
For this application, I needed to studing the FFT algorithm (Fast Fourier Transform) as well as YIN algorithm (a fundamental frequency estimator for speech and music).</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Software Developer - C#</h3>
<h5>Sogeti</h5>
<p class="small">8 months</p>
<div class="date">February 2013 - September 2013</div>
<p>Between February & June : Realization of an application on Windows Phone 8. Migrating an application from Windows Phone 7 to Windows Phone 8. Improvement of an application on WPF/Windows Azure.<br>
Between July & September : Analyst Developer .NET at SALM - Cuisine Schmidt.</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Web Developer - C# Asp.NET</h3>
<h5>Technology & Strategy</h5>
<p class="small">8 months</p>
<div class="date">March 2012 - October 2012</div>
<p>Creating a web application management business, leave records of activities for all company employees.<br>
Maintaining an internal web application, refactoring algorithms...</p>
</div><!-- End of 2/3 Column Last -->
<!-- Start of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>Web Developer - PHP</h3>
<h5>Sextant Medical</h5>
<p class="small">1 year 4 months</p>
<div class="date">July 2010 - October 2011</div>
<p>Creating their store front website, using language PHP with the framework CakePHP.<br>
Creating scripts PHP : Mensuel modification of all users's password. Export to Excel a calendar which contains informations.<br>
Creating diagrams on Microsoft Visio.<br>
Creating and Modifying stored procedure in Firebird.</p>
<!-- <a href="#" class="button-reverse">Download My CV</a> --><a href="http://fr.linkedin.com/in/rouxdavid/" class="button">LinkedIn Profile</a>
</div><!-- End of 2/3 Column Last -->
<div class="bigspace"></div>
<!-- Start of 1/3 Column -->
<div class="one_third wow fadeInUp" data-wow-offset="80" data-wow-duration="1.5s">
<h2>Honors & Awards</h2>
</div><!-- End of 1/3 Column -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Price PEPITE</h3>
<h5>Price PETITE - Springboard Entrepreneurship Student</h5>
<div class="date">June 2014</div>
<p>Prices "PEPITE - Springboard Entrepreneurship Student" is one of four key actions plan for student entrepreneurship launched by Geneviève Fioraso, Secretary of State for Higher Education and Research, Fall 2013.</p>
</div><!-- End of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Emergence</h3>
<h5>Emergence - National Competition</h5>
<div class="date">June 2014</div>
<p>Emergence is a competition for projects "emerging" that require a phase of maturation and technical, economic and legal validation.</p>
</div><!-- End of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Digital Health Camp</h3>
<h5>Digital Health Camp</h5>
<div class="date">March 2014</div>
<p>Best solution for Patients & Prize 'Black Forrest Accelerator'.<br>
The emergence of a direct exchange between "those who produce" (developers and designers) and "those who use" (health professionals) through innovative solutions. On a weekend, they will collaborate on ideas, design prototypes and learning together to build their vision of the future for health. </p>
</div><!-- End of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Young Student Entrepreneur Competition</h3>
<h5>SEMIA & Société Générale</h5>
<div class="date">January 2014</div>
<p>Winner of "Young Student Entrepreneur Competition".</p>
</div><!-- End of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Startup Weekend #3 Strasbourg</h3>
<h5>Startup Weekend</h5>
<div class="date">November 2013</div>
<p>First prize at Startup Weekend #3 Strasbourg hosted by AlsaceDigitale.</p>
</div><!-- End of 2/3 Column Last -->
<div class="two_third_last wow fadeInUpBig" data-wow-offset="80" data-wow-duration="1.5s">
<h3>ContAACt - Special Jury Prize</h3>
<h5>Defi H</h5>
<div class="date">May 2013</div>
<p>Special Jury Prize at Defi H 2nd edition, competition jointly organized by Sogeti and LeMondeInformatique intended for College and aimed to achieve an IT project
promoting the professional integration of people with handicap.<br>
It's in this contest that we start our professional project ContAACt.</p>
</div><!-- End of 2/3 Column Last -->
</div><!-- End of Content -->
</div><!-- End of White Container -->
<!-- FOOTER SECTION -->
<!-- Start Of Footer -->
<footer>
<!-- Start of Content -->
<div class="content">
<p>
<!--31 rue Ampere<br>-->
67100 Strasbourg<br>
France<br>
<!--Phone: +33(0) 6 17 38 52 32<br>-->
<a href="mailto: [email protected]">[email protected]</a></p>
<p class="copyright">Copyright 2019 - David Roux</p>
</div><!-- End of Content -->
</footer><!-- End Of Footer -->
</div><!-- End of Container -->
</div><!-- End of Wrapper -->
<!--Loading Scripts -->
<!-- First we will load jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<!--Load Fallback if google not avalible-->
<script>
if (!window.jQuery) {
document.write('<script src="js/jquery-1.11.0.min.js"><\/script>');
}
</script>
<!-- Now we load the JS files for the fancy things on the page -->
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript" src="js/retina.js"></script>
<script type="text/javascript" src="js/jquery.scrollToTop.min.js"></script>
<script type="text/javascript" src="js/jquery.fs.wallpaper.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.plusanchor.js"></script>
<script type="text/javascript" src="js/jquery.knob.js"></script>
<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
</body>
</html>