-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
761 lines (739 loc) · 48.8 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
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
<!DOCTYPE html>
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Iain White - Web Development Team Lead / Scrum Master / Project Manager</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Iain White is an experienced and passionate Project Manager / Team Leader specialising in the Web Development sphere. Iain is also a Certified Professional Scrum Master and has successfully introduced Scrum to the workflow of a development team.">
<meta name="author" content="Iain White">
<meta name="keywords" content="Iain White, Brisbane, Australia, Project Manager, PHP Developer, Web Developer, JavaScript Guru, Scrum Master">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Iain White">
<!--[if IEMobile]>
<meta http-equiv="cleartype" content="on">
<![endif]-->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<link rel="author" href="humans.txt" />
<link rel="icon" href="http://iainwhite.me/assets/images/favicons/favicon-32.png" type="image/png">
<link rel="shortcut icon" href="http://iainwhite.me/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="http://iainwhite.me/assets/images/favicons/favicon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://iainwhite.me/assets/images/favicons/favicon-57.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://iainwhite.me/assets/images/favicons/favicon-72.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://iainwhite.me/assets/images/favicons/favicon-76.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://iainwhite.me/assets/images/favicons/favicon-114.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://iainwhite.me/assets/images/favicons/favicon-120.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://iainwhite.me/assets/images/favicons/favicon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://iainwhite.me/assets/images/favicons/favicon-152.png">
<link rel="apple-touch-startup-image" href="http://iainwhite.me/assets/images/startup.png">
<meta property="og:title" content="Iain+White+Scrum+Master+%2F+Project+Manager" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http%3A%2F%2Fiainwhite.me%2F" />
<meta property="og:image" content="http%3A%2F%2Fiainwhite.cme%2F%2Fassets%2Fimages%2Flogo.png" />
<meta property="og:description" content="On-line+portfolio+for+Iain+White." />
<meta property="og:site_name" content="Iain White" />
<meta property="og:locale" content="en_AU" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@whiteinternet" />
<meta name="twitter:title" content="Iain+White+Scrum+Master+%2F+Project+Manager" />
<meta name="twitter:description" content="On-line+portfolio+for+Iain+White." />
<meta name="twitter:image" content="http%3A%2F%2Fiainwhite.me%2F%2Fassets%2Fimages%2Flogo.png" />
<meta name="twitter:url" content="http%3A%2F%2Fiainwhite.me%2F" />
<meta name="twitter:creator" content="@IWWhite" />
<meta name="application-name" content="Iain White">
<meta name="msapplication-TileImage" content="http://iainwhite.me/assets/images/favicons/tile-8.png">
<meta name="msapplication-TileColor" content="#27d7e7">
<meta name="geo.position" content="-27.68278;152.91278">
<meta name="geo.placename" content="Springfield Lakes, Australia">
<meta name="geo.region" content="AU">
<meta name="ICBM" content="-27.68278, 152.91278">
<meta name="DC.title" content="Iain White Scrum Master / Project Manager">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/app.min.css">
<link rel="stylesheet" href="assets/plugins/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/plugins/owl-carousel2/assets/owl.carousel.min.css">
<link rel="stylesheet" href="assets/plugins/pace/pace-flash.min.css">
<link rel="stylesheet" href="assets/css/business.style.min.css">
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "person",
"name": "Iain White",
"jobTitle": "Full-stack Website Developer",
"url": "iainwhite.me",
"address": {
"@type": "PostalAddress",
"addressLocality": "Springfield",
"addressRegion": "Queensland",
"postalCode": "4300",
"addressCountry": "Australia"
},
"email": "iain@whiteinternet.com",
"telephone": "0406678337"
}
</script>
</head>
<body id="body" data-spy="scroll" data-target=".one-page-header">
<!-- Header -->
<nav class="one-page-header navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="menu-container page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#body" title="Iain White">
<img class="img-responsive no-top-space" src="assets/images/iain-white-logo-head.png" alt="Iain White">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<div class="menu-container">
<ul class="nav navbar-nav">
<li class="page-scroll home">
<a href="#body" title="Iain White Home"><span data-hover="Home">Home</span></a>
</li>
<li class="page-scroll">
<a href="#about" title="About Iain White"><span data-hover="About">About</span></a>
</li>
<li class="page-scroll">
<a href="#skills" title="Iain White's Skills"><span data-hover="Skills">Skills</span></a>
</li>
<li class="page-scroll">
<a href="#recommendations" title="Recommendations for Iain White"><span data-hover="Recommendations">Recommendations</span></a>
</li>
<li class="page-scroll">
<a href="#work-examples" title="Examples of Iain White's Work"><span data-hover="Work Examples">Work Examples</span></a>
</li>
<li class="page-scroll">
<a href="#agile" title="Iain White Loves Agile"><span data-hover="Agile">Agile</span></a>
</li>
<li class="page-scroll">
<a href="#reviews" title="Reviews For Iain White"><span data-hover="Reviews">Reviews</span></a>
</li>
<li class="page-scroll">
<a href="#contact" title="How To Contact Iain White"><span data-hover="Contact">Contact</span></a>
</li>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<!-- End Header -->
<!-- Promo -->
<section class="g-bg-dark-blue1">
<div class="fullscreen-static-image promo-block--cover fullheight" style="z-index:1;">
<div class="container valign__middle">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
<div class="promo-block__item page-scroll animated fadeIn wow" data-wow-duration="2s" data-wow-delay="1s">
<img class="img-responsive center-block" src="assets/images/iain-white-2013-c.png" alt="Iain White">
<span class="promo-block__item-text g-mb-20">Iain White</span>
<p class="promo-block__item-text1 g-mb-20">Full-stack Web Developer and Scrum Master.</p>
<a href="#about" title="About Iain White" class="btn-u btn-brd btn-brd-hover btn-u-light">LEARN MORE</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Promo -->
<!-- About -->
<section id="about">
<div class="row-fluid no-gutter equal-height-columns-v2 g-text-height-md">
<!-- Image Block Removed overflow-h ^^ -->
<div class="col-md-4 equal-height-column-v2" data-image-src="assets/images/iain-white-on-iphone.jpg"></div>
<!-- End Image Block -->
<!-- About Block -->
<div class="col-md-4 equal-height-column-v2 text-center g-bg-dark-blue1 g-heading-v7">
<div class="g-padding-30">
<h2 class="h2 color-light">
<span class="block-name">About Iain White</span>
<span class="g-text-height-lg">Web Developer<br/>Scrum Master</span>
</h2>
<p>I am an experienced Full-Stack Website Developer with a deep understanding of the Software Development process.</p>
<p>I am capable of growing the capabilities of multi skilled teams to deliver complex web based applications that perform as required in a timely manner with happy and informed Product Owners and Stakeholders.</p>
<p>I am an accomplished and fluent communicator and a certified Scrum Master with strong investigation, problem solving and decision making skills, combined with a pragmatic approach and solid business acumen.</p>
</div>
</div>
<!-- End About Block -->
<!-- Carousel Block -->
<div class="col-md-4 g-bg-dark-blue2 equal-height-column-v2">
<ul class="owl2-carousel-v1 owl2-carousel-v1-dots list-unstyled g-pb-20">
<li class="item g-mb-20">
<img class="img-responsive g-mb-30" src="assets/images/php-logos.gif" alt="Back-end Development">
<div class="g-pl-50 g-pr-50">
<h3 class="color-light"><strong>Full-stack Web Developer</strong></h3>
<p>I am a full-stack web developer and I also have excellent front-end development skills.</p>
<p>I have mostly developed in PHP, but have also used ASP, ColdFusion, JSP, Perl, Python and Java.</p>
<p>Almost every web-based application I have worked on has been driven by a database. I have used a varsity of database, but most of my experience has been with MySQL and PostgreSQL.</p>
<p>HTML, CSS, PHP, ASP, ColdFusion, Java, JSP, Perl, Python, R, Scala, MySQL, PostgreSQL, MS SQL Server, AJAX, JASON, XML, AWS, Azure, CGI, eCommerce, Flash, LAMP, SEO, Social Media, Web Design, Apache, Tomcat, Nginx, XUL</p>
</div>
</li>
<li class="item g-mb-20">
<img class="img-responsive g-mb-30" src="assets/images/scrum-circle.jpg" alt="Scrum Cycle">
<div class="g-pl-30 g-pr-30">
<h3 class="color-light"><strong>Scrum Master</strong></h3>
<p>I am a Certified Scrum Master and have worked as a Scrum Master while at OnTheHouse and XVT Solutions.</p>
<p>I am very passionate about Agile Software Development and I have practical experience of using Scrum, Kanban, Crystal and Lean Software Development.</p>
<p>Agile, Scrum, Kanban, PRINCE2, ITIL, Six Sigma, Jira, Planning Poker, Continual Integration, Release Management, Daily Stand-up, Sprint Review, Sprint Retrospective, Backlog Grooming, User Stories, Burn Down Charts, Stakeholder Management, TDD, Remote Teams, XP.</p>
</div>
</li>
<li class="item g-mb-20">
<img class="img-responsive g-mb-30" src="assets/images/project-manager.jpg" alt="Project Management">
<div class="g-pl-50 g-pr-50">
<h3 class="color-light"><strong>Project Manager</strong></h3>
<p>I am a seasoned IT Project Manager / Release Manager / Implementation Manager with over 25 years of solid Web Development experience.</p>
<p>I am proficient at writing technical specifications, business requirements, use cases, application and database design and architecture. Creating Gannt charts, Pert charts and Work Breakdown Structures.</p>
<p>I am knowledgeable of the complete Software Development Life Cycle (SDLC) and well versed with the Software Engineering and Project Management methodologies like traditional Waterfall, Iterative, JAD and Agile.</p>
<p>Agile, Scrum, Kanban, PRINCE2, ITIL, Six Sigma, Jira, Release Management, Risk Management, Stakeholder Management, Remote Teams, SDLC, Capability Maturity Model, TDD, WBS, Gantt Charts, Pert Charts, JIT, Waterfall, V-Model, SWOT Analyse, DMAIC, Fishbone Diagrams</p>
</div>
</li>
<li class="item g-mb-20">
<img class="img-responsive g-mb-30" src="assets/images/web-logos.gif" alt="Front-end Development">
<div class="g-pl-50 g-pr-50">
<h3 class="color-light"><strong>JavaScript Guru</strong></h3>
<p>I have been writing front-end code since 1998 and have created award wining Websites.</p>
<p>I have had commercial experience of working with several JavaScript libraries including MooTools, Prototype, Ext, YUI, but I now mostly work with jQuery.</p>
<p>Due to the amount of JavaScript that I have written, I would consider myself a JavaScript Guru.</p>
<p>I have worked a lot with Google Maps and other Google APIs including Google Visualization.</p>
<p>HTML5, CSS-3, AngularJS, Backbone, Karma, PhantomJS, Grunt, jQuery, MooTools, Prototype, Ext, Glow, YUI, HighCharts, SWFObject, Bootstrap, Foundation, Jasmine, Modemizr, Ajax</p>
</div>
</li>
</ul>
</div>
<!-- End Carousel Block -->
</div>
</section>
<!-- End About -->
<!-- Skills -->
<section id="skills">
<div class="container content-md g-text-height-md">
<div class="row g-mb-60 text-center g-heading-v7">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="h2">
<span class="block-name">Skills</span>
<span class="g-text-height-lg">Iain's Skills</span>
</h2>
</div>
</div>
<div class="row service-box-v1 service-box-v1--business equal-height-columns no-gutter">
<div class="col-md-3 col-sm-6">
<div class="service-block service-block-default equal-height-column no-margin-bottom">
<i class="icon fa fa-puzzle-piece"></i>
<h2 class="heading-sm h3">Managment</h2>
<p>I am a Certified Professional Scrum Master / Project Manager.</p>
<ul class="list-unstyled">
<li>Lean</li>
<li>Agile</li>
<li>Scrum</li>
<li>Kanban</li>
<li>PRINCE2</li>
<li>Six Sigma</li>
<li>ITIL</li>
<li>SDLC</li>
<li>CMM</li>
<li>Jira</li>
<li>Confulance</li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="service-block service-block-default equal-height-column no-margin-bottom">
<i class="icon fa fa-html5"></i>
<h2 class="heading-sm h3">Web Development</h2>
<p>I am a highly talented Full Stack Web Developer.</p>
<ul class="list-unstyled">
<li>HTML5</li>
<li>CSS-3</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>PHP</li>
<li>ASP</li>
<li>ColdFusion</li>
<li>Bash</li>
<li>NodeJS</li>
<li>Perl</li>
<li>Python</li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="service-block service-block-default equal-height-column no-margin-bottom">
<i class="icon fa fa-database"></i>
<h2 class="heading-sm h3">Database</h2>
<p>I am skilled at designing and optimising Databases.</p>
<ul class="list-unstyled">
<li>MySQL</li>
<li>PostgreSQL</li>
<li>MS SQL Server</li>
<li>NoSQL</li>
<li>Redis</li>
<li>Sphinx</li>
<li>CouchDB</li>
<li>MongoDB</li>
<li>MS Access</li>
<li>SQL</li>
<li>Big Data</li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="service-block service-block-default equal-height-column no-margin-bottom">
<i class="icon fa fa-desktop"></i>
<h2 class="heading-sm h3">Software Engineering</h2>
<p>I also have many general Development skills.</p>
<ul class="list-unstyled">
<li>Git</li>
<li>SVN</li>
<li>Java</li>
<li>Scala</li>
<li>Visual BASIC</li>
<li>VBA</li>
<li>R</li>
<li>C / C++ / C#</li>
<li>XML</li>
<li>TDD</li>
<li>AWS</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End Skills -->
<!-- Recommendations -->
<section id="recommendations" class="g-bg-dark-blue1">
<div class="container content-md g-text-height-md">
<div class="row g-mb-60 text-center g-heading-v7">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="h2 color-light">
<span class="block-name">Recommendations</span>
<span class="g-text-height-lg">What People Say About Iain</span>
</h2>
</div>
</div>
<div class="row g-mb-20 equal-height-columns-v2">
<div class="col-md-6 g-mb-20 steps-v1--lspace">
<ul class="list-unstyled steps-v1 g-bg-dark-blue2 g-no-mb equal-height-column-v2">
<li>
<h3 class="heading-sm h3 color-dark-blue">
Anthoney Woodyard,
<em>The AOT Group</em>
</h3>
</li>
<li>
<p>"I worked with Iain in the eCommerce team at the AOT Group for approximately 5 years. During this time Iain worked as the lead developer and system architect.
Iain's in depth knowledge of a large number of software languages and technical concepts allows him to be able to identify solutions and opportunities within very complex system environments.
Within Iain's leadership role he was also one of the key authors of the teams SDLC policies which have become the backbone of the teams workflow.
Iain is a pleasure to work with and would be an asset on any development team."</p>
</li>
<li class="steps-v1__block g-rounded-50x">
<i class="steps-v1__icon fa fa-comment-o"></i>
<img class="steps-v1__img g-rounded-50x" src="assets/images/testimonials/aot-group-logo.gif" alt="AOT Group Logo">
</li>
</ul>
</div>
<div class="col-md-6 steps-v1--rspace">
<ul class="list-unstyled steps-v1 g-bg-dark-blue2 g-no-mb equal-height-column-v2">
<li>
<h3 class="heading-sm h3 color-dark-blue">
Ben Saul,
<em>TigerRedi</em>
</h3>
</li>
<li>
<p>"I have worked with many developers in the past but none have shown the ability as Iain has to build sites completely cross platform and to show honest creative thinking within a technical enviroment. This in turn gave great confidence as a Creative Director to guarantee the right results for our clients. Iain gave nothing but 100% in commitment and was a total team player never hesitating to help out in areas well outside of his role's remit. He was the engine within the business, a valued and well liked member of the team and I would not hesitate to recommend him to a future employer."</p>
</li>
<li class="steps-v1__block g-rounded-50x">
<i class="steps-v1__icon fa fa-comment-o"></i>
<img class="steps-v1__img img-responsive g-rounded-50x" src="assets/images/testimonials/tigerredi-logo.gif" alt="TigerRedi Logo">
</li>
</ul>
</div>
</div>
<div class="row g-mb-50 equal-height-columns-v2">
<div class="col-md-6 g-mb-20 steps-v1--lspace">
<ul class="list-unstyled steps-v1 g-bg-dark-blue2 g-no-mb equal-height-column-v2">
<li>
<h3 class="heading-sm h3 color-dark-blue">
Kevin Haynes,
<em>TigerRedi</em>
</h3>
</li>
<li>
<p>"Whilst at TigerRedi we looked high and low for a developer that had real creative flair and imagination. When Iain was recommend to us we jumped at the chance to bring him in to our team. Iain works very hard and is a mind of technical knowledge! Iain worked on accounts and build sites and applications for Honda, Kia Cars and Proton to name a few at TigerRedi with much enthusiasm. I would'nt hesitate to recommend Iain to any potential recruitment opportunity, we all certainly enjoyed working with Iain."</p>
</li>
<li class="steps-v1__block g-rounded-50x">
<i class="steps-v1__icon fa fa-comment-o"></i>
<img class="steps-v1__img img-responsive g-rounded-50x" src="assets/images/testimonials/tigerredi-logo.gif" alt="TigerRedi Logo">
</li>
</ul>
</div>
<div class="col-md-6 steps-v1--rspace">
<ul class="list-unstyled steps-v1 g-bg-dark-blue2 g-no-mb equal-height-column-v2">
<li>
<h3 class="heading-sm h3 color-dark-blue">
Tim Bland,
<em>The AOT Group</em>
</h3>
</li>
<li>
<p>"Iain and I worked together on a number of successful projects. Iain's experience in a number of varied industries and his ability to adapt to different technologies and developmental environments allows him to become a valuable and reliable resource very quickly. Iain works equally well independently with little to no supervision or in larger project teams. I would recommend Iain for any role he puts his name up for.'</p>
</li>
<li class="steps-v1__block g-rounded-50x">
<i class="steps-v1__icon fa fa-comment-o"></i>
<img class="steps-v1__img img-responsive g-rounded-50x" src="assets/images/testimonials/aot-group-logo.gif" alt="AOT Group Logo">
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Recommendations -->
<!-- Work Examples -->
<section id="work-examples">
<div class="container content-md g-text-height-md">
<div class="row g-mb-20 text-center g-heading-v7">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="h2">
<span class="block-name">Work Examples</span>
<span class="g-text-height-lg">Examples of Iain's Work</span>
</h2>
</div>
</div>
<div class="row text-center page-scroll">
<div class="col-sm-8 col-sm-offset-2">
<p>In my time as a Web Developer, I have built many web sites including eCommerce and sites for leading brands.</p>
<p>Here are some examples of websites that I have developed.</p>
</div>
</div>
<div class="owl2-carousel-v4 owl2-carousel-v1-dots margin-bottom-20">
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/dashboard.png" alt="Dashboard" title="Digital Dealer Dashboard">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/makes.png" alt="Dashboard Makes" title=Dashboard Makes">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/ftp-accounts.png" alt="FTP Accounts" title="Dashboard FTP Accounts">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/frizelle.png" alt="Frizelle" title="Frizelle">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/asg.png" alt="Auto Sports Group" title="Auto Sports Group">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/mg.png" alt="MG" title="MG">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/norris.png" alt="Norris" title="Norris">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/nsw-planning-portal.png" alt="NSW Planning Portal" title="NSW Planning Portal">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/australian-money-market.png" alt="Australian Money Market" title="Australian Money Market">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/onthehouse-home-2013.jpg" alt="OnTheHouse 2013" title="OnTheHouse 2013">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/search-results.gif" alt="OnTheHouse Search Results" title="OnTheHouse Search Results">
</div>
<div class="itemm">
<img class="img-responsive" src="assets/images/sites/thumbs/onthehouse-banks-2014.gif" alt="OnTheHouse Calc 2014" title="OnTheHouse Calc 2014">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/kia.jpg" alt="Kia Cars" title="Kia Cars">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/proton-2000.gif" alt="Proton 2000" title="Proton 2000">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/proton-2001.jpg" alt="Proton 2001" title="Proton 2001">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/sunlover-holidays.gif" alt="Sunlover Holidays" title="Sunlover Holidays">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/needitnow.gif" alt="NeedItNow" title="NeedItNow">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/ad-portal-dashboard.jpg" alt="Freenet Ad Portal" title="Freenet Ad Portal">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/angel-flight-pilot-admin.jpg" alt="Angel Flight Pilot Admin" title="Angel Flight Pilot Admin">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/nike2.gif" alt="Nike" title="Nike">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/file-it2.jpg" alt="File-it" title="File-it">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/capitalone-mortgage.gif" alt="Capitalone Mortgage" title="Capitalone Mortgage">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/comfort-hotel.jpg" alt="Comfort Hotel" title="Comfort Hotel">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/crimson-hotels.jpg" alt="Crimson Hotels" title="Crimson Hotels">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/london-and-country.jpg" alt="London and Country" title="London and Country">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/honda.gif" alt="Honda" title="Honda">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/battery-world.jpg" alt="Battery Word" title="Battery Word">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/beechfield-house.jpg" alt="Beechfield House" title="Beechfield House">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/bipurfect.jpg" alt="Bipurfect" title="Bipurfect">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/bows.jpg" alt="BOWS" title="BOWS">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/emu.gif" alt="Emu" title="Emu">
</div>
<div class="item">
<img class="img-responsive" src="assets/images/sites/thumbs/keller.jpg" alt="Keller" title="Keller">
</div>
</div>
</div>
</section>
<!-- End Work Examples -->
<!-- Agile -->
<section id="agile">
<div class="container-fluid g-bg-dark-blue1">
<div class="row equal-height-columns-v2">
<!-- Image Block -->
<div class="col-md-5 content-md g-no-left-padding equal-height-column-v2" data-image-src="assets/images/promo/img5.jpg"></div>
<!-- End Image Block -->
<!-- Steps v2 -->
<div class="col-md-7 content-md equal-height-column-v2 g-pl-40 g-pr-40">
<div class="g-heading-v7 g-mb-60">
<h2 class="h2 color-light">
<span class="block-name">Agile</span>
<span class="g-text-height-lg">Iain <i class="fa fa-heart color-red"></i> Agile</span>
</h2>
<p>Agile software development focuses on keeping code simple, testing often, and delivering functional bits of the application as soon as they're ready. The goal of agile is to build upon small client approved parts as the project progresses.</p>
</div>
<ul class="row list-unstyled steps-v2">
<li class="col-md-6 g-mb-20">
<div class="steps-v2__block g-bg-dark-blue2">
<h3 class="h5 color-light">Agile Coach</h3>
<p>I help a teams or individual adopt and improve Agile methods and practice..</p>
</div>
</li>
<li class="col-md-6 g-mb-20">
<div class="steps-v2__block g-bg-dark-blue2">
<h3 class="h5 color-light">Team Mentor</h3>
<p>I help people rethink and change the way they go about delivering solutions.</p>
</div>
</li>
<li class="col-md-6 g-mb-20">
<div class="steps-v2__block g-bg-dark-blue2">
<h3 class="h5 color-light">Servant Leader</h3>
<p>I make sure that the immediate needs of the team are addressed and the immediate problems solved.</p>
</div>
</li>
<li class="col-md-6 g-mb-20">
<div class="steps-v2__block g-bg-dark-blue2">
<h3 class="h5 color-light">Scrum Master</h3>
<p>I remove impediments from the team and making sure the Scrum process is understood and correctly applied.</p>
</div>
</li>
</ul>
</div>
<!-- End Steps v2 -->
</div>
</div>
</section>
<!-- End Agile -->
<!-- Reviews -->
<section id="reviews">
<div class="container content-md g-text-height-md margin-bottom-20">
<div class="row g-mb-60 text-center g-heading-v7">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="h2">
<span class="block-name">Reviews</span>
<span class="g-text-height-lg">Reviews about Iain White</span>
</h2>
<p><strong>Websites that I have developed have been reviewed by leading magazines.</strong></p>
</div>
</div>
<div class="row no-gutter text-center equal-height-columns-v2">
<div class="col-md-4 ">
<div class="pricing-v10 g-bg-gray">
<ul class="list-unstyled pricing-v10__block equal-height-column-v2">
<li class="pricing-v10__block-list">
<h3 class="h4"><i class="fa fa-comment"></i> WHAT CAR?</h3>
</li>
<li class="pricing-v10__block-list g-pt-20 g-pb-20">
<img class="img-responsive center-block img-bordered shadow-effect-1 margin-bottom-10" src="assets/images/whatcar2000.gif" alt="WHAT CAR? 2000">
</li>
<li class="pricing-v10__block-list g-color-primary text-muted"><strong>www.proton.co.uk</strong></li>
<li class="pricing-v10__block-list text-muted">
One for the addicted. Proton.co.uk is the definitive car site, with links to motor sport and car dealers' sites, as well as finance and insurance. With plenty of pictures, clear signposting and detailed descriptions of how, what, when and where. Proton also advertises the company's current special offers. Easy and attractive to use the site is a real man puller.
</li>
</ul>
<ul class="list-inline news-v1-info g-color-primary g-bg-gray g-padding-5">
<li class="pull-left"><i class="fa fa-book"></i> What Car?</li>
<li class="pull-right"><i class="fa fa-calendar-o"></i> Dec 2000</li>
</ul>
</div>
</div>
<div class="col-md-4 ">
<div class="pricing-v10 g-bg-gray">
<ul class="list-unstyled pricing-v10__block equal-height-column-v2">
<li class="pricing-v10__block-list">
<h3 class="h4"><i class="fa fa-comment"></i> WEBSPACE MAGAZINE</h3>
</li>
<li class="pricing-v10__block-list g-pt-20 g-pb-20">
<img class="img-responsive center-block img-bordered shadow-effect-1 margin-bottom-10" src="assets/images/webspace-cover.jpg" alt="Webspace Magazine">
</li>
<li class="pricing-v10__block-list g-color-primary text-muted"><strong>www.proton.co.uk</strong></li>
<li class="pricing-v10__block-list text-muted">
Proton's entrant is a bright looking, funky site that's well laid out and very, very easy to get around. On the home page, there are links and buttons to everything - from details of the latest range to finance plans - so you don't have to spend ages trawling around to find your chosen topics. Proton doesn't offer more features than most rivals, but all your options on models are laid out on clear tables, allowing you to see exactly what you get for your money. The dealer locator is also extremely easy to use - just click on the map of the UK to see a list of dealers in your area, complete with addresses and telephone numbers. Which just goes to show what many web masters would do well to note: sometimes simple can be far more effective than extravagant.
<p><strong>Verdict</strong><br />Easy to negotiate, good looking and comprehensive, it's one of the best manufacturer sites.</p>
</li>
</ul>
<ul class="list-inline news-v1-info g-color-primary g-padding-5">
<li class="pull-left"><i class="fa fa-book"></i> Webspace</li>
<li class="pull-right"><i class="fa fa-calendar-o"></i> Jan 2001</li>
</ul>
</div>
</div>
<div class="col-md-4 ">
<div class="pricing-v10 g-bg-gray">
<ul class="list-unstyled pricing-v10__block equal-height-column-v2">
<li class="pricing-v10__block-list">
<h3 class="h4"><i class="fa fa-comment"></i> REVOLUTION MAGAZINE</h3>
</li>
<li class="pricing-v10__block-list g-pt-20 g-pb-20">
<img class="img-responsive center-block img-bordered shadow-effect-1 margin-bottom-10" src="assets/images/revolution.gif" alt="Revolution Magazine">
</li>
<li class="pricing-v10__block-list g-color-primary text-muted"><strong>Kia ties in relaunch with new car range</strong>.</li>
<li class="pricing-v10__block-list text-muted">
<p>Motoring brand Kia Cars UK is tying in an overhaul of its site (www.kia.uk.com) with the launch of three new models. The firm, which is franchised in the UK to MCL Group from Hyundai-owned Kia Motors in Korea, will showcase the new Magentis, Mentor and Rio models on the site over the summer.</p>
<p>Both the Magentis and the Mentor will feature when the new site goes live at the beginning of July, and the Rio will be added later on.</p>
<p>Bristol-based agency TigerRedi has been given the job of overhauling the site.</p>
<p>Ben Saul, director of TigerRedi, explained that the site's final look was being discussed with Kia Cars' UK chiefs, but that it would have a new appearance and feel and feature the company's eight UK models. "The client wants to take the site forward quickly," he said.</p>
<p>Hannah Mullis, marketing assistant of Kia Cars UK, said the site would offer information on financing and the company'sresponsible motoring campaign encouraging drivers to take fewer short journeys. "This time we have been given a bigger budget to produce the site," she said She added that the company was also keen to add an e-shop selling Kia-branded clothing.</p>
<p>TigerRedi's Ben Saul said the site would continue to grow after its unveiling in July, with a dealer-locator service possibly being added later in the summer.</p>
</li>
</ul>
<ul class="list-inline news-v1-info g-color-primary g-padding-5">
<li class="pull-left"><i class="fa fa-book"></i> Revolution</li>
<li class="pull-right"><i class="fa fa-calendar-o"></i> May 2001</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End Reviews -->
<!-- Contact -->
<section id="contact" class="g-bg-dark-blue1">
<div class="container content-md g-text-height-md contacts-section">
<div class="row g-mb-60 text-center g-heading-v7">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="h2">
<span class="block-name">Contact</span>
<span class="g-text-height-lg">Contact Iain White</span>
</h2>
<!--
<h4 class="bg-color-white rounded-4x height-25 shadow-effect-1">I am currently looking for a Full-stack Developer / PHP Developer role in Brisbane.</h4>
-->
</div>
</div>
<div class="row contacts-in">
<div class="col-md-4 col-md-offset-2 col-sm-offset-0 col-xs-offset-0 col-sm-6 col-xs-6 md-margin-bottom-20">
<ul class="list-unstyled">
<li><i class="fa fa-map-marker rounded-x margin-right-10"></i> Brisbane, QLD, Australia</li>
<li><i class="fa fa-phone rounded-x margin-right-10"></i> <span class="iw-mobile">01234567</span></li>
<li><i class="fa fa-envelope rounded-x margin-right-10"></i> <span class="iw-email">me@home.com</span></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 col-md-offset-1 col-sm-offset-0 col-xs-offset-0 md-margin-bottom-20">
<ul class="list-unstyled">
<li><i class="fa fa-linkedin rounded-x margin-right-10"></i> <a href="http://au.linkedin.com/in/iwhite/" title="Iain on Linkedin"> au.linkedin.com/in/iwhite/</a></li>
<li><i class="fa fa-twitter rounded-x margin-right-10"></i> <a href="https://twitter.com/IWWhite" title="Iain on Twitter"> @IWWhite</a></li>
<li><i class="fa fa-skype rounded-x margin-right-10"></i> IainWhite1</li>
</ul>
</div>
</div>
</div>
</section>
<section class="footer g-pt-40 g-pb-20" id="footer">
<div class="container">
<div class="g-display-table g-xs-display-table--disable">
<div class="g-display-td g-display-td-40 g-xs-display-td--disable g-text-middle g-xs-mb-20">© 2020 <a href="http://iainwhite.me/" title="Iain White">Iain White</a>. All right reserved.</div>
<div class="g-display-td g-display-td-20 g-xs-display-td--disable g-text-middle text-center g-xs-mb-10">
</div>
<div class="g-display-td g-display-td-40 g-xs-display-td--disable g-text-middle text-right">
<div class="row">
<div class="col-md-12">
<a href="/" title="Iain White"><img class="img-responsive pull-right" src="assets/images/iain-white-logo-head.png" alt="Iain White"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- JS Global Compulsory -->
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
<script src="assets/plugins/jquery/jquery.min.js"></script>
<script src="assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> -->
<!-- JS Implementing Plugins -->
<script src="assets/plugins/smoothScroll.min.js"></script>
<script src="assets/plugins/pace/pace.min.js"></script>
<script src="assets/plugins/jquery.parallax.min.js"></script>
<script src="assets/plugins/owl-carousel2/owl.carousel.min.js"></script>
<script src="assets/plugins/backstretch/jquery.backstretch.min.js"></script>
<script src="assets/plugins/wow/wow-ini-themes.js"></script>
<!-- JS Page Level-->
<script src="assets/js/one.app.min.js"></script>
<script type="text/javascript">
//jQuery(window).load(function() {
$(document).ready(function() {
App.init();
Owl2Carouselv1.initOwl2Carouselv1();
Owl2Carouselv2.initOwl2Carouselv2();
Owl2Carouselv3.initOwl2Carouselv3();
Owl2Carouselv4.initOwl2Carouselv4();
});
</script>
<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-12597187-4', 'auto');
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/html5shiv.min.js"></script>
<![endif]-->
</body>
</html>