-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
564 lines (505 loc) · 35.7 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
<html lang="en">
<!DOCTYPE html>
<head>
<meta name="google-site-verification" content="6IWbvVj3wgLzWWjUQqFZXicmirXEElXDwSuifvkfhtE" />
<link rel="alternate" href="http://philippe28.github.io" hreflang="pt" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Philippe Castro</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/main.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-arrow-circle-up"> </i>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from sobre link when scrolled up past sobre section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#sobre">Sobre</a>
</li>
<li>
<a class="page-scroll" href="#trabalho">Habilidades</a>
</li>
<li>
<a class="page-scroll" href="#contato">Contato</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<!--<h1 class="brand-heading"><img src="img/jsmith-copy.png"></h1>-->
<h1 class="brand-heading"><img src="imagem/nome.png"></h1>
<a href="#sobre" class="btn btn-circle page-scroll">
<!--<img class="sword-down" src="img/sword-down.png">-->
<img class="sword-down" src="imagem/interrogacao50.gif">
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Sobre Section -->
<section id="sobre" class="content-section text-center">
<div class="sobre-section">
<div class="container">
<div class="player-img">
<img src="imagem/perfil1.jpg" align="left">
</div>
<div class="player-stats">
<h3>Jogador: Philippe Castro</h3>
<h3>Nivel: 23</h3>
<h3>Vida:
<!-- <img src="imagem/puc.jpeg">
<img src="imagem/linux.png">
<img src="imagem/python_by_taiua.png">
<img src="imagem/django.png">
<img src="imagem/java.png">
<img src="imagem/csharp.png">
<img src="imagem/postgresql.png">
<img src="imagem/github.png"> -->
<!-- <img src="imagem/github.png"> -->
<img src="imagem/coracao.png">
<img src="imagem/coracao.png">
<img src="imagem/coracao.png">
</h3>
<h3>Energia:
<img src="imagem/cafe1.png">
<img src="imagem/cafe1.png">
<img src="imagem/cafe1.png">
</h3>
</div>
</div>
<div class="container">
<div class="row sobre">
<div class="col-lg-8 col-lg-offset-3">
<h2>Poeminho do Contra</h2>
<p>Todos esses que aí estão <br />
Atravancando meu caminho, <br />
Eles passarão… <br />
Eu passarinho!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Hunger Crunch Modal -->
<div class="modal fade" id="hunger-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Hunger Crunch</h4>
</div>
<div class="modal-body">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="https://github.com/jeffdill2/hunger-crunch-tournament" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">View Code</span></a>
</li>
<li>
<a href="http://www.hungercrunch.com/tournaments/" class="btn btn-default btn-lg"><i class="fa fa-shield fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/hc1.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/hc2.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/hc4.png" class="mod-image">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="https://github.com/jeffdill2/hunger-crunch-tournament" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">View Code</span></a>
</li>
<li>
<a href="http://www.hungercrunch.com/tournaments/" class="btn btn-default btn-lg"><i class="fa fa-shield fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Surf and Paddle Modal -->
<div class="modal fade" id="surf-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Surf and Paddle</h4>
</div>
<div class="modal-body">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="https://github.com/JoshuaWordSmith/surf-and-paddle" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">View Code</span></a>
</li>
<li>
<a href="http://joshuawordsmith.github.io/surf-and-paddle/" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/designdoc.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/surfpaddle.jpg" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="https://github.com/JoshuaWordSmith/surf-and-paddle" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">View Code</span></a>
</li>
<li>
<a href="http://joshuawordsmith.github.io/surf-and-paddle/" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Michelin Modal -->
<div class="modal fade" id="michelin-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Michelin North America</h4>
</div>
<div class="modal-body">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="http://mymechanicapp.com" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/mymechanic-splash.png" class="mod-image">
<p>This is an early version of the scheduling interface, as seen by a mechanic's shop</p>
<img src="img/mymechanic-schedule.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/mymechanic-admin.png" class="mod-image">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="http://mymechanicapp.com" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Oplan Modal -->
<div class="modal fade" id="oplan-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">OPlan (Operational Plan)</h4>
</div>
<div class="modal-body">
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
<li>
<a href="http://oplan.co" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Live Site</span></a>
</li>
</ul>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/oplan-scan.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/oplan-customers.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/oplan-inventory.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<img src="img/oplan-invoice.png" class="mod-image">
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Contato Philippe</span></a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Trabalho Section -->
<section id="trabalho" class="content-section text-center">
<div class="resume-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Habilidades</h2>
<div class="education">
<!-- <img src="img/school.png" class="school-icon mod-image" data-toggle="modal" data-target="#education-modal"> -->
<img src="imagem/montado.gif" class="school-icon mod-image" data-toggle="modal" data-target="#skills-modal">
<!--<img src="img/freelance.png" class="work-icon mod-image" data-toggle="modal" data-target="#work-modal"> -->
<!--<img src="img/skills.png" class="skills-icon mod-image" data-toggle="modal" data-target="#skills-modal"> -->
<!--<img src="imagem/montado.gif" class="skills-icon mod-image" data-toggle="modal" data-target="#skills-modal"> -->
</div>
</div>
</div>
</div>
</section>
<!-- Education Modal -->
<div class="modal fade" id="education-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Education</h4>
</div>
<div class="modal-body">
<h2>The Iron Yard Academy</h2>
<h4>Certificate of Completion</h4>
<h6>Greenville SC 2014</h6>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<h2>Full Sail University</h2>
<h4>B.A. in Creative Writing for Media (3.2 GPA)</h4>
<h6>Orlando FL 2014</h6>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<h2>St. Joseph's Catholic School</h2>
<h4>High School Diploma</h4>
<h6>Greenville SC 2006</h6>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Freelance Modal -->
<div class="modal fade" id="work-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Trabalho</h4>
</div>
<div class="modal-body">
<h2>Interaction Engineer</h2>
<h4>Benefitfocus - Current Employer</h4>
<ul>
<li>Work between the UX group and shopping application to fix conflicts in core code during transition from legacy code to newer application code</li>
<li>Implement client facing layout and functionality changes as well as updating internal functionality as legacy code is deprecated and the platform moves towards higher flexibility and optimization</li>
<li>Daily work involves changes to Dust templates, styles in Less, specific helper functions in JQuery/JavaScript, and core engine changes in CoffeeScript and Underscore</li>
</ul>
<h2>Freelance Web Developer</h2>
<h4>Michelin North America</h4>
<ul>
<li>Developed company side tools to manage customer profiles and track analytics, both through google analytics and custom datum tracking</li>
<li>Built out settings for customers to manage shop information, relating both to consumer side appearance and scheduling logic</li>
<li>Managed cloud code (server) functionality to handle consumer communications (email/text) and existing data updating and management</li>
<li>Refactored/rebuilt website into a functionally similar but significantly different mobile application to Google Play store, including the creation of keystore and touch screen functionality using Adobe PhoneGap</li>
</ul>
<h4>OPlan</h4>
<ul>
<li>Architect and cofounder of inventory management system for NFA (federally) regulated items relating to the hunting/defense/firearms industry</li>
<li>Handled data architecture for server side relational data, and built the application structure</li>
<li>Built dynamic sales records and invoice templates based on customers served and items sold, tracking current inventory, backorder management, and NFA regulated items awaiting federal paperwork filing/return</li>
<li>Improved (federally mandated) recording of incoming and outgoing inventory management by at least 5X</li>
<li>Currently in testing with single client (Allen Arms Tactical, Greenville SC)</li>
</ul>
<h4>HungerCrunch.com</h4>
<ul>
<li>Developed leaderboards with a team of three for a game with in app purchases that went directly to Rice Bowls, a charity feeding children around the world</li>
<li>Responsible for implementing their design documents into functioning web pages in line with the existing site</li>
<li>Wrote JavaScript algorithms to quantify thousands of objects for game totals, group totals, and player stats. Wrote some as server side code to optimize page load times, as well as the code for the router and views.</li>
</ul>
<h2>Freelance Copywriter</h2>
<h4>Breakout Bras</h4>
<ul>
<li>Provided item descriptions for online store</li>
<li>Responsible for research, writing, and editing descriptions</li>
</ul>
<h4>Loft Resumes</h4>
<ul>
<li>Wrote and compiled CV’s for clients in and out of the United States</li>
</ul>
<h4>Carolina Painting Supply</h4>
<ul>
<li>Wrote content for their business site</li>
</ul>
<h2>United States Army</h2>
<h4>Combat Engineer SPC</h4>
<ul>
<li>Completed AIT at Ft. Leonardwood MO in April of 2007 as a Combat Engineer (12B). Primary training revolved around the proper setting, execution, and disposal of friendly demolitions, as well as the detection and disposal of enemy explosives</li>
<li>Trained and licensed for numerous vehicles, although I spent the most time driving an uparmored Humvee. I participated in multi vehicle convoys from eight to twelve hours in length, and have experience driving the lead vehicle in training exercises. Combat Life Saver Certified.</li>
<li>Left the army in good standing after fulfilling my contract (six years in the U.S. Army Reserves, plus two years inactive)</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- skills Modal -->
<div class="modal fade" id="skills-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Habilidades</h4>
</div>
<div class="modal-body skills-modal">
<div>
<img src="imagem/linux1.png">
<h4>Linux</h4>
</div>
<div>
<img style="max-width: 46px;" src="imagem/sql-server-icon-png-27.png">
<h4>SQL</h4>
</div>
<div>
<img src="imagem/python.png">
<h4>Python</h4>
</div>
<div>
<img src="imagem/django1.png">
<h4>Django</h4>
</div>
<div>
<img style="max-width: 46px;" src="imagem/php.png">
<h4>Php</h4>
</div>
<div>
<img src="imagem/html.png">
<h4>HTML</h4>
</div>
<div>
<img src="imagem/css.png">
<h4>CSS</h4>
</div>
<div>
<img src="imagem/javascript.png">
<h4>Javascript</h4>
</div>
<div>
<img style="max-width: 46px;" src="imagem/angular.png">
<h4>Angular</h4>
</div>
<div>
<img style="max-width: 46px;" src="imagem/ionic-sign-up-icon.png">
<h4>Ionic</h4>
</div>
<!-- <div>
<img src="imagem/csharp1.png">
<h4>C#</h4>
</div>
<div>
<img src="imagem/java1.png">
<h4>Java</h4>
</div> -->
<div>
<img src="imagem/github1.png">
<h4>Git</h4>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<!-- Contato Section -->
<section id="contato" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contato Philippe Castro</h2>
<p>Unidos iremos vencer todas as fases.</p>
<p>Email <a href="mailto:[email protected]">[email protected]</a></p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>
</li>
<li>
<a href="https://github.com/philippe28" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
</li>
<li>
<a href="https://twitter.com/philippe28" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyright © Philippe Castro 2015</p>
</div>
</footer>
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom Theme JavaScript -->
<script src="js/main.js"></script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Person",
"name": "Philippe Alves de Castro",
"jobTitle": "Developer",
"url": "http://philippe28.github.io/"
}
</script>
</body>
</html>