30
30
31
31
< div class ="row ">
32
32
33
- < div class ="col-xs-12 col-sm-3 ">
33
+ < div class ="col-xs-12 col-md-3 last-xs first-md ">
34
34
< nav >
35
- < img src ="/src/img/profile-photo.png " class ="img-responsive profile-photo " alt ="Profile photo ">
36
-
35
+ < div class ="profile-photo ">
36
+ < img src ="/src/img/profile-photo.png " class ="img-responsive " alt ="Profile photo ">
37
+ </ div >
37
38
< h3 > Contact Me</ h3 >
38
39
39
40
< address >
@@ -174,7 +175,7 @@ <h3>References</h3>
174
175
</ nav >
175
176
</ div >
176
177
177
- < div class ="col-xs-12 col-sm -9 col-lg-7 col-lg-offset-1 ">
178
+ < div class ="col-xs-12 col-md -9 col-lg-7 col-lg-offset-1 first-xs last-md ">
178
179
179
180
< main >
180
181
< header >
@@ -197,7 +198,7 @@ <h3>WHO AM I?</h3>
197
198
< h4 > EXPERIENCE</ h4 >
198
199
199
200
< section class ="role ">
200
- < h4 > LEAD UI Architect </ h4 >
201
+ < h4 > LEAD UI ARCHITECT </ h4 >
201
202
< p class ="italic text-center "> Morningstar / Sydney, AU / July 2016 – Present</ p >
202
203
203
204
< p class ="text-justify "> Morningstar is a world leading investment research company based in over 27 countries.
@@ -319,203 +320,13 @@ <h4>APPLICATION / SOLUTIONS ARCHITECT</h4>
319
320
</ div >
320
321
321
322
< section class ="skills ">
322
- < h3 > HOW WELL I KNOW MY STUFF</ h3 >
323
-
324
- < div class ="row ">
325
- < div class ="col-xs-5 ">
326
- < ul class ="skills-list right-align ">
327
- < li >
328
- JavaScript
329
- < span class ="meter " data-value ="100 ">
330
- < span class ="inner "> </ span >
331
- </ span >
332
- </ li >
333
- < li >
334
- HTML 5
335
- < span class ="meter " data-value ="100 ">
336
- < span class ="inner "> </ span >
337
- </ span >
338
- </ li >
339
- < li >
340
- CSS 3
341
- < span class ="meter " data-value ="100 ">
342
- < span class ="inner "> </ span >
343
- </ span >
344
- </ li >
345
- < li >
346
- PHP 7
347
- < span class ="meter " data-value ="80 ">
348
- < span class ="inner "> </ span >
349
- </ span >
350
- </ li >
351
- < li >
352
- MySQL
353
- < span class ="meter " data-value ="80 ">
354
- < span class ="inner "> </ span >
355
- </ span >
356
- </ li >
357
- < li >
358
- Linux
359
- < span class ="meter " data-value ="80 ">
360
- < span class ="inner "> </ span >
361
- </ span >
362
- </ li >
363
- < li >
364
- GIT
365
- < span class ="meter " data-value ="80 ">
366
- < span class ="inner "> </ span >
367
- </ span >
368
- </ li >
369
- < li >
370
- Bootstrap / Bulma
371
- < span class ="meter " data-value ="100 ">
372
- < span class ="inner "> </ span >
373
- </ span >
374
- </ li >
375
- < li >
376
- OO Coding
377
- < span class ="meter " data-value ="80 ">
378
- < span class ="inner "> </ span >
379
- </ span >
380
- </ li >
381
- < li >
382
- TDD / Testing
383
- < span class ="meter " data-value ="80 ">
384
- < span class ="inner "> </ span >
385
- </ span >
386
- </ li >
387
- < li >
388
- HTTP 1.1 / 2.0
389
- < span class ="meter " data-value ="80 ">
390
- < span class ="inner "> </ span >
391
- </ span >
392
- </ li >
393
- < li >
394
- Photoshop / Sketch
395
- < span class ="meter " data-value ="60 ">
396
- < span class ="inner "> </ span >
397
- </ span >
398
- </ li >
399
- < li >
400
- Build tools
401
- < span class ="meter " data-value ="80 ">
402
- < span class ="inner "> </ span >
403
- </ span >
404
- </ li >
405
- < li >
406
- NodeJS
407
- < span class ="meter " data-value ="70 ">
408
- < span class ="inner "> </ span >
409
- </ span >
410
- </ li >
411
- < li >
412
- Systems Design
413
- < span class ="meter " data-value ="60 ">
414
- < span class ="inner "> </ span >
415
- </ span >
416
- </ li >
417
- </ ul >
418
- </ div >
419
-
420
- < div class ="col-xs-2 center-xs ">
421
- < span class ="line "> </ span >
422
- </ div >
323
+ < h3 > WHAT ARE MY STRENGTHS?</ h3 >
423
324
424
- < div class ="col-xs-5 ">
425
- < ul class ="skills-list ">
426
- < li >
427
- < span class ="meter " data-value ="100 ">
428
- < span class ="inner "> </ span >
429
- </ span >
430
- Angular JS
431
- </ li >
432
- < li >
433
- < span class ="meter " data-value ="100 ">
434
- < span class ="inner "> </ span >
435
- </ span >
436
- JQuery
437
- </ li >
438
- < li >
439
- < span class ="meter " data-value ="100 ">
440
- < span class ="inner "> </ span >
441
- </ span >
442
- RESTFul API’s
443
- </ li >
444
- < li >
445
- < span class ="meter " data-value ="100 ">
446
- < span class ="inner "> </ span >
447
- </ span >
448
- Ajax
449
- </ li >
450
- < li >
451
- < span class ="meter " data-value ="80 ">
452
- < span class ="inner "> </ span >
453
- </ span >
454
- MVC
455
- </ li >
456
- < li >
457
- < span class ="meter " data-value ="80 ">
458
- < span class ="inner "> </ span >
459
- </ span >
460
- DB Design
461
- </ li >
462
- < li >
463
- < span class ="meter " data-value ="60 ">
464
- < span class ="inner "> </ span >
465
- </ span >
466
- i8ln Design
467
- </ li >
468
- < li >
469
- < span class ="meter " data-value ="80 ">
470
- < span class ="inner "> </ span >
471
- </ span >
472
- SEO
473
- </ li >
474
- < li >
475
- < span class ="meter " data-value ="80 ">
476
- < span class ="inner "> </ span >
477
- </ span >
478
- UX Design
479
- </ li >
480
- < li >
481
- < span class ="meter " data-value ="80 ">
482
- < span class ="inner "> </ span >
483
- </ span >
484
- Agile Scrum
485
- </ li >
486
- < li >
487
- < span class ="meter " data-value ="100 ">
488
- < span class ="inner "> </ span >
489
- </ span >
490
- Mobile dev
491
- </ li >
492
- < li >
493
- < span class ="meter " data-value ="60 ">
494
- < span class ="inner "> </ span >
495
- </ span >
496
- Modeling
497
- </ li >
498
- < li >
499
- < span class ="meter " data-value ="60 ">
500
- < span class ="inner "> </ span >
501
- </ span >
502
- CI & Delivery
503
- </ li >
504
- < li >
505
- < span class ="meter " data-value ="80 ">
506
- < span class ="inner "> </ span >
507
- </ span >
508
- Servers
509
- </ li >
510
- < li >
511
- < span class ="meter " data-value ="90 ">
512
- < span class ="inner "> </ span >
513
- </ span >
514
- TypeScript
515
- </ li >
516
- </ ul >
517
- </ div >
325
+ < div class ="chart-container ">
326
+ < svg version ="1.1 " id ="wp-chart " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink " x ="0px " y ="0px " viewBox ="0 0 650 650 " class ="skills-chart ">
327
+ </ svg >
518
328
</ div >
329
+
519
330
</ section >
520
331
521
332
< div class ="divider ">
0 commit comments