-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·559 lines (521 loc) · 37.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Michael Bina - Resume</title>
<link rel="shortcut icon" type="image/x-icon" href="images_post/michael_bina_favicon.ico"/>
<link rel="stylesheet" type="text/css" media="all" href="style/style.css">
<link rel="stylesheet" type="text/css" media="all" href="style/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
</head>
<body class="home blog light pattern3">
<div class="switherHead"></div>
<!--
<div class="colored">
<div class="blue"></div>
<div class="aqua"></div>
<div class="green"></div>
<div class="yellow"></div>
<div class="red"></div>
</div>
-->
<div class="hfeed site" id="page">
<header role="banner" class="site_header" id="header">
<div class="social_links">
<ul>
<li class="fb"><a href="http://facebook.com/michaeldanielbina" target="_blank" title="Facebook">Facebook</a></li>
<li class="ig"><a href="http://instagram.com/michaelbina" target="_blank" title="Instagram">Instagram</a></li>
<li class="slide_share"><a href="https://github.com/michaelbina" target="_blank" title="GitHub">GitHub</a></li>
<li class="lnkd"><a href="http://www.linkedin.com/in/michaelbina/" target="_blank" title="LinkedIn">LinkedIn</a></li>
<!-- <li class="gplus"><a href="http://google.com/+MichaelBina" target="_blank" title="Google+">Google+</a></li> -->
<!-- <li class="pin"><a href="http://www.pinterest.com/michaelbina/" target="_blank" title="Pinterest">Pinterest</a></li>-->
</ul>
</div>
</header>
<div id="main" >
<div class="content_area" id="primary">
<div role="main" class="site_content" id="content">
<section class="section profile_section first odd" id="profile">
<div class="section_header profile_section_header">
<!--
<h2 class="section_title profile_section_title vis"><a href="#"><span class="icon icon-user"></span><span class="section_name">Profile</span></a><span class="section_icon"></span></h2>
-->
<div id="profile_header">
<div id="profile_user">
<div id="profile_photo"><img src="images_post/michael_bina.jpg" alt="Michael Bina" height="117" width="117"/></div>
<div id="profile_name_area">
<div id="profile_name">
<h1 id="profile_title"><span class="firstname">Michael</span> <span class="lastname">Bina</span></h1>
<h4 id="profile_position">Full Stack Developer & Manager</h4>
<h4 id="profile_location">Los Angeles, CA</h4>
</div>
</div>
</div>
<div id="profile_data" style="display: none;">
<div class="profile_row birth"> <span class="th">Date of birth:</span><span class="td">January 15, 1983</span> </div>
<div class="profile_row address"> <span class="th">City:</span><span class="td">Los Angeles, CA</span> </div>
<div class="profile_row email"> <span class="th">Email:</span><span class="td">[email protected]</span> </div>
<!--
<div class="profile_row phone"> <span class="th">Phone:</span><span class="td">(415) 894-2462</span> </div>
-->
</div>
</div>
</div>
<div class="section_body profile_section_body">
<!-- <div class="proile_body">I am a social entrepreneuer and experienced full stack developer, working to build community based tools to bring people together and affect positive change in the world.</div>
-->
<!-- <div class="proile_body">I am an experienced full stack developer, well versed in a number of back-end and front-end technologies. I have experience with, and an understanding of, all levels of development, from requirements, to design, to development, to testing, to deployment. I bring a positive attitude to all projects and consider myself very easy to work with.</div> -->
<div class="proile_body">Experienced full-stack developer and project manager with a passion for building mission-driven tools to create positive change.</div>
</div>
</section>
<div id="mainpage_accordion_area">
<!-- RESUME -->
<section class="section resume_section even open" id="resume">
<div id="resume_buttons">
<!--
<a target="_blank" id="resume_link" href="print.html"><span class="label">Print</span><span class="icon-print icon"></span></a>
<a target="_blank" id="resume_link_download"><span class="label">Download</span><span class="icon-download icon"></span></a>
-->
</div>
<div class="section_header resume_section_header">
<h2 class="section_title resume_section_title"><a href="#"><span class="icon icon-align-left"></span><span class="section_name">Resume</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body resume_section_body" style="display:block;">
<div class="sidebar resume_sidebar">
<aside class="widget widget_skills">
<h3 class="widget_title">Programming skills</h3>
<div class="widget_inner style_1">
<div class="skills_row odd first"><span class="caption">HTML5 / HAML</span><span class="progressbar"><span data-process="90%" class="progress blue"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">CSS3 / SASS</span><span class="progressbar"><span data-process="90%" class="progress aqua"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">JavaScript / AJAX / jQuery</span><span class="progressbar"><span data-process="93%" class="progress green"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Angular / React</span><span class="progressbar"><span data-process="55%" class="progress" style="background-color: #6C3D91"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Swift / iOS</span><span class="progressbar"><span data-process="65%" class="progress tan"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Node</span><span class="progressbar"><span data-process="60%" class="progress purple"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Ruby on Rails</span><span class="progressbar"><span data-process="80%" class="progress yellow"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">PHP</span><span class="progressbar"><span data-process="60%" class="progress pink"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">PSQL / MySQL</span><span class="progressbar"><span data-process="70%" class="progress red"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Wordpress</span><span class="progressbar"><span data-process="80%" class="progress gray"><span class="value"></span></span></span></div>
</div>
</aside>
<aside class="widget widget_skills">
<h3 class="widget_title">Management Skills</h3>
<div class="widget_inner style_1">
<div class="skills_row odd first"><span class="caption">JIRA</span><span class="progressbar"><span data-process="80%" class="progress blue"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Github</span><span class="progressbar"><span data-process="95%" class="progress red"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Trello</span><span class="progressbar"><span data-process="75%" class="progress pink"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Agile</span><span class="progressbar"><span data-process="85%" class="progress aqua"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Notion</span><span class="progressbar"><span data-process="100%" class="progress green"><span class="value"></span></span></span></div>
</aside>
<aside class="widget widget_skills">
<h3 class="widget_title">Design Skills</h3>
<div class="widget_inner style_1">
<div class="skills_row odd first"><span class="caption">Figma</span><span class="progressbar"><span data-process="90%" class="progress blue"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Sketch</span><span class="progressbar"><span data-process="90%" class="progress red"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Canva</span><span class="progressbar"><span data-process="85%" class="progress pink"><span class="value"></span></span></span></div>
<div class="skills_row even"><span class="caption">Adobe Photoshop / Pixelmator</span><span class="progressbar"><span data-process="80%" class="progress aqua"><span class="value"></span></span></span></div>
<div class="skills_row odd"><span class="caption">Adobe Illustrator</span><span class="progressbar"><span data-process="65%" class="progress green"><span class="value"></span></span></span></div>
</aside>
<aside class="widget widget_skills" >
<h3 class="widget_title">Language skills</h3>
<div class="widget_inner style_3">
<div class="skills_row odd first"><span class="caption">English</span><span class="progressbar"><span data-process="100%" class="progress aqua"></span></span></div>
<div class="skills_row odd"><span class="caption">Spanish</span><span class="progressbar"><span data-process="80%" class="progress yellow"></span></span></div>
<div class="skills_row even"><span class="caption">Hebrew</span><span class="progressbar"><span data-process="60%" class="progress green"></span></span></div>
<div class="skills_row even"><span class="caption">Farsi</span><span class="progressbar"><span data-process="60%" class="progress red"></span></span></div>
</div>
</aside>
</div>
<div class="wrapper resume_wrapper">
<div class="category resume_category resume_category_1 first even">
<div class="category_header resume_category_header">
<h3 class="category_title"><span class="category_title_icon aqua"></span>Employment</h3>
</div>
<div class="category_body resume_category_body">
<article class="post resume_post resume_post_1 even first">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2019</span> - <span class="period_to">2022</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="post-text.html"><a href="https://communikitty.com" target="_none">CommuniKitty</a></h4>
<h5 class="post_subtitle">Engineering & Project Manager</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Hired and managed a team of developers to build a web application with a Ruby on Rails backend and React frontend</li>
<li>Collaborated with designers to develop a UI Kit, Design Patterns, and UX in Figma</li>
<li>Commisioned illustrators to generate artwork for logos, UI graphics, and merchandise design</li>
<li>Built an e-commerce store using Shopify to help fund the project and also give back to partner rescues (<a href="https://store.communikitty.com" target="_new">https://store.communikitty.com</a>)</li>
<li>Designed and sold merchandise through Etsy using Printify for distribution (<a href="https://www.etsy.com/shop/CommuniKitty" target="_new">https://www.etsy.com/shop/CommuniKitty</a>)</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_1 even">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2017</span> - <span class="period_to">2019</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="post-text.html"><a href="https://www.creativelive.com" target="_none">CreativeLive</a></h4>
<h5 class="post_subtitle">Senior Software Engineer</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Worked on the Mobile Apps Team fixing bugs and adding new features using Swift on the <a href="https://itunes.apple.com/us/app/creativelive-online-classes/id909481314?mt=8" target="_new">iOS App</a>.</li>
<li>Worked on the Growth Team designing and implementing tests for user and ROI growth using a Node backend with Angular front-end.</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_1 even">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2012</span> - <span class="period_to">2015</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="post-text.html"><a href="http://www.everest.com" target="_none">Everest</a></h4>
<h5 class="post_subtitle">Lead Web/API Engineer</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Worked closely with the client team to build a REST API on Ruby on Rails to interface with the iPhone application, store all user data, and provide necessary functions for the apps use.</li>
<li>Built all web application functionality for users to view and edit their data on the web.</li>
<li>Worked with the design team to build all static web pages used for marketing and customer interaction.</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_2 odd">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2009</span> - <span class="period_to">2012</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span>Michael Bina Web Development</h4>
<h5 class="post_subtitle">Freelance Web Developer</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Worked as a front-end developer on the launch of the redesigned <a href="http://dot429.com" target="_blank">Dot429</a> site, a professional social network for the LGBT community.</li>
<li>Worked with the ad agency <a href="http://eleveninc.com" target="_blank">Eleven Inc</a> to build promotional pages for apple.com and the Apple Online Store.</li>
<li>Redesigned and developed the front end to the new online car reservation system for <a href="https://www.citycarshare.org/" target="_none">CityCarShare</a>.</li>
<li>Designed and developed a number of personal and business websites using custom HTML, CSS, and Javascript, built on top of the WordPress blog engine.</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_3 even">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2006</span> - <span class="period_to">2009</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="post-text.html"><a href="http://www.garmin.com" target="_none">Garmin</a></h4>
<h5 class="post_subtitle">Software Engineer</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Led a small team on front-end development of <a href="http://connect.garmin.com" target="_blank">Garmin Connect</a>, a high traffic consumer fitness GPS web site built on the JSF framework.</li>
<li>Built highly interative portable widgets using XHTML, CSS, and the latest AJAX libraries.</li>
<li>Worked with product managers and designers on defining UI and functional requirements and determining timelines.</li>
<li>Worked with back-end team on designing public REST API methods and data structures.</li>
<li>Worked with QA team to identify and fix bugs on all supported browsers (including IE6) and platforms.</li>
<li>Designed, built, tested, and maintained the Zumo Connect web site with the Struts and Tiles frameworks on top of the MotionBased REST API.</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_4 odd">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2004</span> - <span class="period_to">2006</span> </div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="https://www.rescomp.berkeley.edu" target="_blank">UC Berkeley Residential Computing</a></h4>
<h5 class="post_subtitle">Programmer</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Responsible for design, development and testing of an incident tracking system for Network Security and Copyright Enforcement teams.</li>
<li>Fixed bugs in web scripts used by dormitory residents and student employees.</li>
<li>Developed with Perl on FreeBSD servers using Apache.</li>
</ul>
</div>
</article>
<article class="post resume_post resume_post_5 even">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2004</span></div>
<h4 class="post_title"><span class="post_title_icon aqua"></span><a href="http://www.apple.com" target="_blank">Apple Computer</a></h4>
<h5 class="post_subtitle">Test Engineer Intern</h5>
</div>
<div class="post_body resume_post_body">
<ul>
<li>Wrote cross-platform scripts used to test laptop batteries against competitive products.</li>
<li>Developed testing methodologies for quality assurance and competitive performance of iPod battery life.</li>
<li>Developed on and used primarily Mac OS X, but tested on and used Windows and Linux machines.</li>
</ul>
</div>
</article>
</div>
<!-- .category_body -->
</div>
<!-- .category -->
<div class="category resume_category resume_category_2 odd">
<div class="category_header resume_category_header">
<h3 class="category_title"><span class="category_title_icon green"></span>Education</h3>
</div>
<div class="category_body resume_category_body">
<article class="post resume_post resume_post_1 first even">
<div class="post_header resume_post_header">
<div class="resume_period"> <span class="period_from">2001</span> - <span class="period_to">2005</span> </div>
<h4 class="post_title"><span class="post_title_icon green"></span><a href="post-text.html">UC Berkeley</a></h4>
<h5 class="post_subtitle">BA, Computer Science & Cognitive Science</h5>
</div>
<!--
<div class="post_body resume_post_body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
-->
</article>
</div>
<!-- /category_body -->
</div>
<!-- /category -->
</div>
<!-- /wrapper -->
</div>
<!-- /section_body -->
</section>
<!-- /RESUME-->
<!-- PORTFOLIO -->
<section class="section portfolio_section odd" id="portfolio">
<div class="section_header portfolio_section_header">
<h2 class="section_title portfolio_section_title"><a href="#"><span class="icon icon-briefcase"></span><span class="section_name">Portfolio</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body portfolio_section_body">
<div class="portfolio_wrapper">
<!--
<ul id="portfolio_iso_filters">
<li><a class="current" data-filter="*" href="#">All</a></li>
<li><a data-filter=".category_4" href="#">Web</a></li>
<li><a data-filter=".category_6" href="#">Photo</a></li>
<li><a data-filter=".category_5" href="#">Graphics</a></li>
</ul>
-->
<div class="portfolio_items isotope" style="position: relative; overflow: hidden; height: 352px;">
<article class="post portfolio_post portfolio_post_1 first even">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/creativelive.jpg" title="Technologies Used: Node, Angular. My Role: Growth Engineer, iOS Engineer." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/creativelive.jpg" alt="CreativeLive" />
</a>
</div>
<h4 class="post_title"><a href="http://www.creativelive.com/">CreativeLive</a></h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> Growth Engineer & iOS Engineer<br/>
<span class="label">Technologies:</span> Node, Angular
</h5>
</article>
<article class="post portfolio_post portfolio_post_2 odd">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/everest.jpg" title="Technologies Used: Ruby on Rails. My Role: Lead Web/API Engineer." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/everest.jpg" alt="Everest" />
</a>
</div>
<h4 class="post_title">Everest</h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> Lead API/Web Engineer<br/>
<span class="label">Technologies:</span> Ruby on Rails
</h5>
</article>
<article class="post portfolio_post portfolio_post_3 even">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/dot429.jpg" title="Technologies Used: Ruby on Rails. My Role: Front End Development." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/dot429.jpg" alt="Dot429" />
</a>
</div>
<h4 class="post_title"><a href="http://dot429.com/">Dot429</a></h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> Front End Development<br/>
<span class="label">Technologies:</span> Ruby on Rails
</h5>
</article>
<article class="post portfolio_post portfolio_post_4 odd">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/ccs.jpg" title="Technologies Used: Struts, JSP. My Role: UX Design, Front End Development." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/ccs.jpg" alt="CityCarShare" />
</a>
</div>
<h4 class="post_title"><a href="http://www.citycarshare.org/">CityCarShare</a></h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> UX, Front End Development<br/>
<span class="label">Technologies:</span> Struts, JSP
</h5>
</article>
<article class="post portfolio_post portfolio_post_5 even">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/eleven_inc.jpg" title="Technologies Used: HTML, CSS. My Role: Front End Development." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/eleven_inc.jpg" alt="Apple via Eleven Inc" />
</a>
</div>
<h4 class="post_title"><a href="http://store.apple.com/">Apple</a> <a href="http://eleveninc.com/">via Eleven Inc</a></h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> Front End Development<br/>
<span class="label">Technologies:</span> HTML, CSS
</h5>
</article>
<article class="post portfolio_post portfolio_post_6 odd">
<div class="post_pic portfolio_post_pic">
<a class="w_hover img-link img-wrap" href="images_post/garmin_connect.jpg" title="Technologies Used: J2EE, JSP, ExtJS. My Role: Lead Front End Development." rel="prettyPhoto" >
<span class="overlay"></span>
<span class="link-icon"></span>
<img src="images_post/garmin_connect.jpg" alt="Garmin Connect" />
</a>
</div>
<h4 class="post_title"><a href="http://connect.garmin.com/">Garmin Connect</a></h4>
<h5 class="post_subtitle">
<span class="label">Role:</span> Lead Front End Development<br/>
<span class="label">Technologies:</span> J2EE, JSP, ExtJS
</h5>
</article>
</div>
<!--
<div class="portfolio_iso_pages">
<ul id="portfolio_iso_pages">
</ul>
<div id="portfolio_iso_pages_2"> Page <span id="portfolio_iso_pages_current">1</span> of <span id="portfolio_iso_pages_total"></span> </div>
</div>
-->
</div>
</div>
</section>
<!-- /PORTFOLIO -->
<section id="testi" class="section testi_section even">
<div class="section_header testi_section_header">
<h2 class="section_title testi_section_title"><a href="#"><span class="icon icon-quote-right"></span><span class="section_name">Testimonials</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body testi_section_body">
<div class="wrapper testi_wrapper">
<article class="post testi_post testi_post_1 first even">
<div class="post_header testi_post_header">
<h4 class="post_title"><span class="post_title_icon" style="background-color:#000;"></span>Katherine Krug</h4>
<h5 class="post_subtitle">Former COO @ <a href="http://www.everest.com" target="_new">Everest</a></h5>
</div>
<div class="post_body testi_post_body">
<div class="post_content">
<span class="icon-quote-left"></span>Michael is an incredibly dedicated, hard working and passionate engineer. He was Everest's first web hire and though his expertise was in front-end development, he quickly bit off the challenge of tackling our backend too. Michael is resourceful, positive and works as long and hard as is necessary to ship a great product. As a person, Michael is a truly caring, kind and loyal friend.
</div>
</div>
</article>
<article class="post testi_post testi_post_2 odd">
<div class="post_header testi_post_header">
<h4 class="post_title"><span class="post_title_icon" style="background-color:#000;"></span>Drew Moxon</h4>
<h5 class="post_subtitle">Product Manager @ <a href="http://www.everest.com" target="_new">Everest</a></h5>
</div>
<div class="post_body testi_post_body">
<div class="post_content">
<span class="icon-quote-left"></span>Michael approaches engineering challenges with a positive attitude, high energy, and an ability to adapt quickly. At Everest, he was constantly entrusted with building sublime user experiences within technical or temporal constraints, and his thoughtful and collaborative approach to problem solving helped define the core of our client-server architecture. He knows a lot, and what he doesn’t know, he learns easily and is able to apply: hopping into new frameworks, trying his hand at dev ops, or asking directed questions about designs. On top of that, he has a big heart and infectious essence that make him a good friend and amiable partner on any team.
</div>
</div>
</article>
<article class="post testi_post testi_post_2 odd">
<div class="post_header testi_post_header">
<h4 class="post_title"><span class="post_title_icon" style="background-color:#000;"></span>Kristen Hazard</h4>
<h5 class="post_subtitle">Founder, Developer @ <a href="http://www.suntouchersoftware.com/" target="_new">Suntoucher Software</a></h5>
</div>
<div class="post_body testi_post_body">
<div class="post_content">
<span class="icon-quote-left"></span>Michael and I worked together on the implementation the <a href="http://www.dot429.com" target="_new">dot429.com</a> site on Ruby on Rails. He was a front end developer and if you go to that site you can see his chops in action. The site looks great due to his ability to code it so that it looks like the designer designed it. He learned Rails quickly and contributed a great deal to the launch of the site. I enjoyed working with Michael and would definitely work with him again
</div>
</div>
</article>
<article class="post testi_post testi_post_2 odd">
<div class="post_header testi_post_header">
<h4 class="post_title"><span class="post_title_icon" style="background-color:#000;"></span>Diana Chow</h4>
<h5 class="post_subtitle">Software Engineer @ <a href="http://www.twitter.com/" target="_new">Twitter</a></h5>
</div>
<div class="post_body testi_post_body">
<div class="post_content">
<span class="icon-quote-left"></span>Michael is extremely bright and would be a great asset to any team. He has extensive knowledge on the tools and languages he works with, and keeps up with the latest and greatest technologies. He's also keen on both the higher-level design and lower-level code decisions involved in a product, and communicates well to everyone on the team. His code is well-organized and self-describing which makes life easier for everyone else too. He's also incredibly fun to work with and brings lots of enthusiasm and good humor to the office. Basically, any team would be lucky to have him.
</div>
</div>
</article>
</div>
<div class="see-more">
See more testimonals by <a href="www.linkedin.com/in/michaelbina/" target="_new">connecting on LinkedIn</a>.
</div>
</div>
</section>
<!-- CONTACT
<section class="section contact_section even open" id="contact">
<div class="section_header contact_section_header">
<h2 class="section_title contact_section_title"><a href="#"><span class="icon icon-envelope-alt"></span><span class="section_name">Contact</span></a><span class="section_icon"></span></h2>
</div>
<div class="section_body contact_section_body">
<div id="googlemap_data">
<div id="sc_googlemap" style="width:100%;height:294px;" class="sc_googlemap"></div>
<div class="add_info">
<div class="profile_row header "> Contact info </div>
<div class="profile_row address"> <span class="th">Address</span><span class="td"></span> </div>
<div class="profile_row phone"> <span class="th">Phone</span><span class="td"></span> </div>
<div class="profile_row email"> <span class="th">Email</span><span class="td"></span> </div>
<div class="profile_row website"> <span class="th">Website</span><span class="td"></span> </div>
</div>
</div>
<div class="sidebar contact_sidebar">
<aside class="widget widget_qrcode_vcard" id="qrcode-vcard-widget-2">
<h3 class="widget_title">VCARD</h3>
<div class="widget_inner">
<div class="qrcode"></div>
</div>
</aside>
</div>
<div class="contact_form">
<div class="contact_form_data">
<div class="sc_contact_form">
<h3 class="title">Contact me</h3>
<form action="include/sendmail.php" method="post">
<div class="field">
<label class="required" for="sc_contact_form_username">Name</label>
<input type="text" name="username" id="sc_contact_form_username" />
</div>
<div class="field">
<label class="required" for="sc_contact_form_email">Email</label>
<input type="text" name="email" id="sc_contact_form_email" />
</div>
<div class="field message">
<label class="required" for="sc_contact_form_message">Your Message</label>
<textarea name="message" id="sc_contact_form_message"></textarea>
</div>
<div class="button"> <a class="enter" href="#"><span>Submit</span></a> </div>
</form>
<div class="result sc_infobox"></div>
</div>
</div>
</div>
</div>
</section>
-->
<!-- /CONTACT -->
</div>
<!-- #mainpage_accordion_area -->
</div>
<!-- #content -->
</div>
<!-- #primary -->
</div>
<!-- #main -->
<footer role="contentinfo" class="site_footer" id="footer">
<!--
<div class="footer_copyright"> ThemeREX © 2013 All Rights Reserved </div>
-->
</footer>
</div>
<!-- #page -->
<!-- connect js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.custom.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/mediaelement.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode-0.6.0.min.js"></script>
<script type="text/javascript" src="js/googlemap_init.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.reject.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
</body>
</html>