-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
800 lines (756 loc) · 36.9 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
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>John M. Egan | Personal Website</title>
<meta name="description" content="John M. Egan, Chicago IL | Personal Website and Resume" />
<meta name="keywords" content="John Egan, John Michael Egan, John M. Egan, Chicago" />
<meta name="author" content="John Egan" />
<meta property="og:image" content="img/home.png" />
<link rel="image_src" href="img/home.png">
<!-- Open Sans Google font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Raleway Google font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:700">
<!-- Favicons -->
<link rel="shortcut icon" href="img/favico/jme.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favico/jme.png">
<!-- Ionicon fonts css file -->
<link rel="stylesheet" href="css/ionicons.min.css">
<!--font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- magnific popup css file -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Animate.css file -->
<link rel="stylesheet" href="css/animate.css">
<!-- Owl carousel css file -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Bootstrap file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom styles css file -->
<link rel="stylesheet" href="css/style.css">
<!-- google-analytics -->
<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', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-84538808-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Start Loading page -->
<div class="loading">
<div class="loading-wrapper">
<div class="rec r1"></div>
<div class="rec r2"></div>
<div class="rec r3"></div>
<div class="rec r4"></div>
<div class="rec r5"></div>
</div>
</div>
<!-- End Loading page -->
<!-- Start Header Section -->
<div class="header" id="header">
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
<div class="content center">
<div class="container" id="home">
<p>Hello, I'm</p>
<h1>John Egan</h1>
<p>Product Manager - UX Designer - Web Developer</p>
<a href="#about-me">Read more</a>
<a href="#portfolio">My Works</a>
</div>
<!-- End container -->
</div>
<div class="mouse" id="mouse"></div>
<!-- Mouse Icon -->
</div>
</div>
<!-- End Header Section -->
<!-- Start nav Menu -->
<nav id="top-nav">
<div class="menu-area">
<div class="toogle-bars">
<a href="#menu-collapse" data-toggle="collapse" class="collapsed"><i class="fa fa-bars ic-open"></i> <i class="fa fa-remove ic-close"></i> MENU</a>
</div>
<div class="menu-collapse collapse" id="menu-collapse">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="breadcrumb main-nav no-space">
<li class="link-inpage"><a href="mailto:[email protected]" class="link-inpage"><i class="fa fa-briefcase" aria-hidden="true"></i><strong> Hire Me Now</strong></a></li>
</ul>
</div>
<div class="col-md-6">
<ul class="breadcrumb main-nav nav">
<li class="active"><a href="#home" class="link-inpage">Home</a></li>
<li><a href="#about-me" class="link-inpage">About</a></li>
<li><a href="#services" class="link-inpage">Hobbies</a></li>
<li><a href="#skills" class="link-inpage">Skills</a></li>
<li><a href="#experiences" class="link-inpage">Resume</a></li>
<li><a href="#books" class="link-inpage">Books</a></li>
<li><a href="#portfolio" class="link-inpage">Portfolio</a></li>
<li><a href="#contact" id="contact-tab" class="link-inpage">Contact</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="breadcrumb main-nav no-space">
<li>
<a href="http://www.twitter.com/john_m_egan" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/johnmegan" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://medium.com/@John_M_Egan" target="_blank"><i class="fa fa-medium" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://github.com/jmegan" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="mailto:[email protected]?Subject=Hello%20again" target="_top"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- End Side Menu -->
<!-- Start About Me Section -->
<div class="about-me clearfix" id="about-me">
<div class="container">
<div class="row">
<!-- Profile Pic -->
<div class="my-pic center col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="0.5s" data-wow-offset="200">
<img src="img/headshot.jpg" alt="my profile">
</div>
<div class="introduction col-sm-8 col-xs-12 wow fadeInUp" data-wow-duration="0.5s" data-wow-offset="200">
<h2 class="h2">John Egan</h2>
<div class="heading-line"></div>
<p class="introduce">talented product manager / designer</p>
<p class="intro">I've been a leader, a teacher, and a problem solver my whole life. I was a civil engineer for 3+ years and now I am solving problems and creating innovative solutions in Product and Design in the tech industry.
<br />Love using innovating technology and systems thinking to solve problems and reveal the stories of everyday people.</p>
</div>
</div>
<div class="row">
<div class="profile col-sm-4 col-xs-12 wow fadeInUp text-center" data-wow-duration="0.5s" data-wow-offset="200">
<h3>personal info</h3>
<div class="heading-line"></div>
<div class="personal-wrapper">
<span><strong>name: </strong>John Egan</span>
<span><strong>E-mail: </strong>[email protected]</span>
<span><strong>website: </strong>www.johnmichaelegan.com</span>
</div>
</div>
<div class="why-me col-sm-8 col-xs-12 wow fadeInUp" data-wow-duration="0.5s" data-wow-offset="200">
<!-- Start Accordion -->
<div class="accordion">
<div class="acc-item">
<div class="acc-title"><i class="ion-android-navigate"></i> Who am i?</div>
<div class="acc-content">A technology fanatic, a problem solver, and a Chicago-born proven leader utlizing my engineering and management skills to make an impact in the Chicago tech scene.</div>
</div>
<div class="acc-item">
<div class="acc-title"><i class="ion-android-navigate"></i> What I'm really good at?</div>
<div class="acc-content">Being the most resourceful person in the room - Breaking down complex problems - Creating innovating and efficient solutions - A life-long student of the game</div>
</div>
<div class="acc-item">
<div class="acc-title"><i class="ion-android-navigate"></i> How can you contact me?</div>
<div class="acc-content">Simply drop me an email or hit me up on social media. I love staying active in the Twitter and Linkedin world.</div>
</div>
<div class="acc-item">
<div class="acc-title"><i class="ion-android-navigate"></i> What are my hobbies</div>
<div class="acc-content">When I'm not solving life's puzzles, you can find me enjoying Chicago's craft beer scene, cheering on the Bears, Blackhawks, White Sox, Bulls, and Man United, and playing soccer across the city.</div>
</div>
</div>
<!-- End Accordion -->
</div>
</div>
</div>
</div>
<!-- End About Me Section -->
<!-- Start Fun Facts Section -->
<div class="quote">
<div class="overlay"></div>
<div class="container">
<div class="qoute-wrapper">
<p class="words"><span class="quote-mark open">"</span>Everything around you that you call <strong>life</strong> was made up by people that were no smarter than you. And you can change it, you can influence it… Once you learn that, you'll never be the same again.<span
class="quote-mark end">"</span></p>
<p class="author">- Steve Jobs -</p>
</div>
</div>
</div>
<!-- End Fun Facts Section -->
<!-- Start Services Section-->
<div class="services center" id="services">
<div class="container">
<!-- Title -->
<div class="title">
<h2 class="h2">Here's what i'm doing</h2>
<div class="heading-line"></div>
<p class="main-para"> I enjoy doing a lot of things. Solving problems, taking lead, providing all kinds of help, making that killer one-line joke, and much more. Below are just a few things I like doing the most.</p>
</div>
<div class="row">
<!-- Service No. 1 -->
<div class="col-md-3 col-sm-6">
<div class="service">
<i class="ion-pinpoint"></i>
<h3>Product Management</h3>
<p> Focused Product Manager with the brain of an engineer. Always concious of big picture and business goals while being a motivating team leader.</p>
</div>
</div>
<!-- Service No. 2 -->
<div class="col-md-3 col-sm-6">
<div class="service">
<i class="ion-laptop"></i>
<h3>UX Design</h3>
<p>Has the heart of a designer, but also focuses on people—the users—not just on business goals, skills, or techniques. </p>
</div>
</div>
<!-- Service No. 3 -->
<div class="col-md-3 col-sm-6">
<div class="service">
<i class="ion-code"></i>
<h3>Developer</h3>
<p>Critical thinking with an open mind to produce clean and quality HTML, CSS, JS, and Wordpress sites.</p>
</div>
</div>
<!-- Service No. 4 -->
<div class="col-md-3 col-sm-6">
<div class="service">
<i class="ion-ios-bookmarks"></i>
<h3>learner</h3>
<p>Possess the hustle to always be a life-long student of the game. Constantly doing research, reading books, and taking online courses to stay ahead</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Services Section -->
<!-- Start Technical Skills Section -->
<div class="technical-skills center" id="skills">
<div class="pattern"></div>
<div class="container">
<!-- Title -->
<div class="title">
<h2 class="h2">technical skills</h2>
<div class="heading-line"></div>
<p class="title">I am on the path to developing my technical skills each day. I started training these skills in mid 2016 and will continue to train to become an expert and confident in these bodies of knowledge.</p>
</div>
<!-- Start main skills -->
<div class="skills-wrapper row">
<!-- main skill No. 1 -->
<div class="skill col-md-3 col-sm-6">
<div class="chart center" data-percent="70">
<span><span id="chart_num_1">0</span> %</span>
</div>
<h2>html/css</h2>
</div>
<!-- main skill No. 2 -->
<div class="skill col-md-3 col-sm-6">
<div class="chart center" data-percent="70">
<span><span id="chart_num_2">0</span> %</span>
</div>
<h2>data analysis</h2>
</div>
<!-- main skill No. 3 -->
<div class="skill col-md-3 col-sm-6">
<div class="chart center" data-percent="40">
<span><span id="chart_num_3">0</span> %</span>
</div>
<h2>javascript</h2>
</div>
<!-- main skill No. 4 -->
<div class="skill col-md-3 col-sm-6">
<div class="chart center" data-percent="55">
<span><span id="chart_num_4">0</span> %</span>
</div>
<h2>UX/UI</h2>
</div>
</div>
<!-- End main skills -->
<div class="other-skills">
<h2 class="h2">other IQ/EQ skills</h2>
<div class="heading-line"></div>
<p class="title">With a natural thirst for knowledge, I enjoy sharing what I know with others. I'm confident in my mastery of chosen subjects, and perfer design and a brillant plan rather than opinions that can be distractions.</p>
<!-- Start other skills -->
<div class="skills-wrapper row">
<!-- Skill No. 1 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="90" data-tooltip="true" data-label="communication" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 2 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="100" data-tooltip="true" data-label="teamwork" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 3 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="70" data-tooltip="true" data-label="ux-design" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 4 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="60" data-tooltip="true" data-label="google-analytics" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 5 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="85" data-tooltip="true" data-label="sketch/photoshop" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 6 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="90" data-tooltip="true" data-label="decision-making" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 7 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="95" data-tooltip="true" data-label="learning" data-show-values="true" data-unit="%"></div>
</div>
<!-- Skill No. 8 -->
<div class='bar_group col-md-6 col-xs-12' data-max="100">
<div class=" bar_group__bar thick elastic" data-value="75" data-tooltip="true" data-label="marketing" data-show-values="true" data-unit="%"></div>
</div>
</div>
<!-- End other skills -->
</div>
</div>
</div>
<!-- End Technical Skills Section -->
<!-- Start Experience Section -->
<div class="experiences center" id="experiences">
<div class="container">
<!-- Title -->
<div class="title wow fadeIn" data-wow-duration="0.5s" data-wow-offset="200">
<h2 class="h2">work and education experiences</h2>
<div class="heading-line"></div>
<p class="main-para">A promising product manager and designer with a robost civil engineering background.</p>
<br />
<p class="main-para-work">
Full-Time Work
</p>
<p class="main-para-school">
Education
</p>
<p class="main-para-side">
Volunteer / Side Projects
</p>
</div>
<!-- start timeline -->
<div class="timeline wow fadeIn" data-wow-duration="0.5s" data-wow-offset="200">
<div class="timeline-block clearfix wow fadeInRight side" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-star"></i>
</div>
<div class="content right round-corners" id="work">
<a href="https://www.orainteractive.com" target="_blank"><h3>Ora Interactive</h3></a>
<span class="duration">( April. 2017 : Present )</span>
<span class="job-title"> Product Manager</span>
<p>Building world-class mobile experiences.</p>
</div>
</div>
<!-- Event No. 1 -->
<div class="timeline-block clearfix wow fadeInLeft side" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-wand"></i>
</div>
<div class="content left round-corners" id="side">
<a href="" target="_blank"><h3>Freelance</h3></a>
<span class="duration">( Aug. 2016 : Present )</span>
<span class="job-title"> Freelance Developer / Designer / Manager</span>
<p>Developing side projects, further continuing my learning, and reading so many books</p>
</div>
</div>
<!-- Event No. 2 -->
<div class="timeline-block clearfix wow fadeInRight side" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-briefcase"></i>
</div>
<div class="content right round-corners" id="side">
<a href="http://www.stpatrick.org" target="_blank"><h3>Saint Patrick High School</h3></a>
<span class="duration">( Aug. 2016 : Present )</span>
<span class="job-title"> Web Design & App Development Adjunct Instructor</span>
<p>Instructing the website / app development lesson plan. Students are introduced to web design and development, the planning process involved in developing a website, and cost estimating.</p>
</div>
</div>
<!-- Event No. 3 -->
<div class="timeline-block clearfix wow fadeInLeft" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-social-html5"></i>
</div>
<div class="content left round-corners" id="school">
<a href="http://www.startupinstitute.com" target="_blank"><h3>Startup Institute</h3></a>
<span class="duration">( Jun. 2016 : Aug. 2016 )</span>
<span class="job-title"> Web Design Student</span>
<p>Selected from a highly-competitive applicant pool for an eight-week education program. Startup Institute gives people the skills, mindset, and network to be high-impact employees at innovative companies.</p>
</div>
</div>
<!-- Event No. 4 -->
<div class="timeline-block clearfix wow fadeInRight" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-star"></i>
</div>
<div class="content right round-corners" id="work">
<a href="http://www.viatechnik.com" target="_blank"><h3>VIATechnik LLC</h3></a>
<span class="duration">( Jan. 2015 : Apr. 2016 )</span>
<span class="job-title"> PROJECT MANAGER</span>
<p> Acted as PM at a construction & engineering services start-up firm. Team lead on over 80+ projects within a 16-month term; projects include 3D BIM model coordination, point cloud to model scan, estimating, 3D building model design, and virtual reality
programs for building navigation.</p>
</div>
</div>
<!-- Event No. 5 -->
<div class="timeline-block clearfix wow fadeInLeft work" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-star"></i>
</div>
<div class="content left round-corners" id="work">
<a href="http://www.fhpaschen.com" target="_blank"><h3>F.H. Paschen, S.N. Nielsen</h3></a>
<span class="duration">( Jun. 2013 : Jan. 2015 )</span>
<span class="job-title"> Project Engineer</span>
<p>F.H. Paschen is one of the largest general contractors in the Midwest with over $500m in yearly revenue.</p>
</div>
</div>
<!-- Event No. 6 -->
<div class="timeline-block clearfix wow fadeInRight school" data-wow-duration="0.5s" data-wow-offset="200">
<div class="icon">
<i class="ion-university"></i>
</div>
<div class="content right round-corners" id="school">
<a href="http://www.bradley.edu" target="_blank"><h3>Bradley University</h3></a>
<span class="duration">( Aug. 2009 : Apr. 2013 )</span>
<span class="job-title"> B.S. Civil Engineering</span>
<p> Received Bachelor of Science - Civil Engineering Degree. Extracurricular activities: Sigma Chi, Bradley Club Soccer</p>
</div>
</div>
</div>
<!-- End Timeline -->
</div>
</div>
<!-- End Experience Section -->
<!-- Start Partners Section -->
<div class="partners">
<div class="container">
<div class="partners-owl-carousel">
<div class="partner">
<a href="https://www.makewithora.com" target="_blank"><img src="img/brands/ora.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.bradley.edu" target="_blank"><img src="img/brands/bradley.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.fhpaschen.com" target="_blank"><img src="img/brands/fhp.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.viatechnik.com" target="_blank"><img src="img/brands/viatechnik-logo.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.startupinstitute.com" target="_blank"><img src="img/brands/startup-institute.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.stpatrick.org" target="_blank"><img src="img/brands/sphs.png" alt="partner"></a>
</div>
<div class="partner">
<a href="http://www.coursera.org" target="_blank"><img src="img/brands/coursera.png" alt="partner"></a>
</div>
</div>
</div>
</div>
<!-- End Partners Section -->
<!-- Start Book Shelf Section -->
<div class="book" id="books">
<div class="overlay"></div>
<div class="container">
<div class="book-wrapper">
<div id="gr_grid_widget_1474690031">
<!-- Show static html as a placeholder in case js is not enabled - javascript include will override this if things work -->
<h2>
<a style="text-decoration: none;" href="https://www.goodreads.com/review/list/57892483-john-egan?shelf=all&utm_medium=api&utm_source=grid_widget">John's Bookshelf</a>
</h2>
<div class="gr_grid_container">
<div class="gr_grid_book_container">
<a title="The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses" href="https://www.goodreads.com/book/show/10127019-the-lean-startup"><img alt="The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1333576876m/10127019.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="How to Win Friends and Influence People" href="https://www.goodreads.com/book/show/4865.How_to_Win_Friends_and_Influence_People"><img alt="How to Win Friends and Influence People" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1442726934m/4865.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Rework" href="https://www.goodreads.com/book/show/6732019-rework"><img alt="Rework" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1391275636m/6732019.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Zero to One: Notes on Startups, or How to Build the Future" href="https://www.goodreads.com/book/show/18050143-zero-to-one"><img alt="Zero to One: Notes on Startups, or How to Build the Future" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1414347376m/18050143.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Ego Is the Enemy" href="https://www.goodreads.com/book/show/27036528-ego-is-the-enemy"><img alt="Ego Is the Enemy" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1459114043m/27036528.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Drive: The Surprising Truth About What Motivates Us" href="https://www.goodreads.com/book/show/6452796-drive"><img alt="Drive: The Surprising Truth About What Motivates Us" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1348931599m/6452796.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="The Big Short: Inside the Doomsday Machine" href="https://www.goodreads.com/book/show/26889576-the-big-short"><img alt="The Big Short: Inside the Doomsday Machine" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1446581171m/26889576.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Linchpin: Are You Indispensable?" href="https://www.goodreads.com/book/show/7155145-linchpin"><img alt="Linchpin: Are You Indispensable?" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1442610563m/7155145.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Smarter Faster Better: The Secrets of Being Productive in Life and Business" href="https://www.goodreads.com/book/show/25733966-smarter-faster-better"><img alt="Smarter Faster Better: The Secrets of Being Productive in Life and Business" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1453057544m/25733966.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Start with Why: How Great Leaders Inspire Everyone to Take Action" href="https://www.goodreads.com/book/show/7108725-start-with-why"><img alt="Start with Why: How Great Leaders Inspire Everyone to Take Action" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1360936414m/7108725.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="The One Minute Manager" href="https://www.goodreads.com/book/show/763362.The_One_Minute_Manager"><img alt="The One Minute Manager" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1348155441m/763362.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="The Five Dysfunctions of a Team: A Leadership Fable" href="https://www.goodreads.com/book/show/21343.The_Five_Dysfunctions_of_a_Team"><img alt="The Five Dysfunctions of a Team: A Leadership Fable" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1400841022m/21343.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="The Hard Thing About Hard Things: Building a Business When There Are No Easy Answers" href="https://www.goodreads.com/book/show/18176747-the-hard-thing-about-hard-things"><img alt="The Hard Thing About Hard Things: Building a Business When There Are No Easy Answers" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1386609333m/18176747.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Creativity, Inc.: Overcoming the Unseen Forces That Stand in the Way of True Inspiration" href="https://www.goodreads.com/book/show/18077903-creativity-inc"><img alt="Creativity, Inc.: Overcoming the Unseen Forces That Stand in the Way of True Inspiration" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1400863577m/18077903.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Disrupted: My Misadventure in the Start-Up Bubble" href="https://www.goodreads.com/book/show/26030703-disrupted"><img alt="Disrupted: My Misadventure in the Start-Up Bubble" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1454285548m/26030703.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Predictably Irrational: The Hidden Forces That Shape Our Decisions" href="https://www.goodreads.com/book/show/1713426.Predictably_Irrational"><img alt="Predictably Irrational: The Hidden Forces That Shape Our Decisions" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1255573980m/1713426.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Thinking, Fast and Slow" href="https://www.goodreads.com/book/show/11468377-thinking-fast-and-slow"><img alt="Thinking, Fast and Slow" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1317793965m/11468377.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Hooked: How to Build Habit-Forming Products" href="https://www.goodreads.com/book/show/22668729-hooked"><img alt="Hooked: How to Build Habit-Forming Products" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1407112405m/22668729.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Cracking the PM Interview: How to Land a Product Manager Job in Technology" href="https://www.goodreads.com/book/show/19243347-cracking-the-pm-interview"><img alt="Cracking the PM Interview: How to Land a Product Manager Job in Technology" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1387147589m/19243347.jpg" /></a>
</div>
<div class="gr_grid_book_container">
<a title="Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days" href="https://www.goodreads.com/book/show/25814544-sprint"><img alt="Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days" border="0" src="https://d2arxad8u2l0g7.cloudfront.net/books/1457284924m/25814544.jpg" /></a>
</div>
<noscript>
<br/>Share <a href="/">book reviews</a> and ratings with John, and even join a <a href="/group">book club</a> on Goodreads.</noscript>
</div>
</div>
<script src="https://www.goodreads.com/review/grid_widget/57892483.John's%20Bookshelf?cover_size=medium&hide_link=true&hide_title=&num_books=150&order=a&shelf=all-website&sort=date_added&widget_id=1474690031" type="text/javascript" charset="utf-8"></script>
</div>
</div>
</div>
<!-- End Book Shelf Section -->
<!-- Start Portfolio Section -->
<div class="portfolio center" id="portfolio">
<div class="container">
<!-- Title -->
<div>
<h2 class="h2">My Portfolio</h2>
<div class="heading-line"></div>
<p class="main-para">I develop some neat projects on the side.</p>
</div>
<div class="mix col-md-3 col-sm-6 col-xs-6" data-my-order="1">
<div class="img-wrapper overlay-slide-right center">
<img src="img/tothero_screenshot.PNG" class="center-block img-responsive" alt="project 1">
<div class="overlay-content">
<span>Tools Of Titans - Tool Guide</span>
<a href="#test-popup-1" class="open-popup-link">
<i class="ion-android-search"></i>
</a>
<!-- popUp content -->
<div id="test-popup-1" class="white-popup mfp-hide">
<h3>Tools of Titans - Tool Guide</h3>
<div class="heading-line"></div>
<p class="cat">( website )</p><a href="http://toolsoftitans.tools" target="blank">
<img src="img/tothero_screenshot.PNG" class="center-block img-responsive" alt="project 1"></a>
<h3>ToolsOfTitans.Tools</h3>
<p>Created the ultimate tool guide for the #1 NYT Best-Selling book 'Tools of Titans' by Tim Ferriss</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Portfolio Section -->
<!-- Start intj Section -->
<div class="intj">
<div class="overlay"></div>
<div class="container">
<div class="qoute-wrapper">
<a href="https://www.16personalities.com/intj-personality" target="_blank">
<p class="intjauthor">- INTJ PERSONALITY -</p>
</a>
<p class="words">
</span>People with the INTJ personality type are imaginative yet decisive, ambitious yet private, amazingly curious, but they do not squander their energy. INTJs form just two percent of the population, and women of this personality type are especially
rare.</p>
</div>
</div>
</div>
<!-- End intj Section -->
<!-- Start gallery Section -->
<div class="portfolio center" id="portfolio">
<div class="container">
<!-- Title -->
<div>
<h2 class="h2">GALLERY</h2>
<div class="heading-line"></div>
<p class="main-para"></p>
</div>
<!-- Mixitup controls -->
<div class="controls">
<button class="filter round-corners" data-filter="all" data-content="All">All</button>
<button class="filter round-corners" data-filter=".startup-institute" data-content="STARTUP-INSTITUTE">STARTUP INSTITUTE</button>
<button class="filter round-corners" data-filter=".branding" data-content="BRANDING">OTHER</button>
</div>
<div id="Container">
<!-- Project No. 1 -->
<div class="mix startup-institute col-md-3 col-sm-6 col-xs-6" data-my-order="1">
<div class="img-wrapper overlay-slide-right center">
<img src="img/mic3.jpg" class="center-block img-responsive" alt="project 1">
<div class="overlay-content">
<span>Talent Expo</span>
<a href="#test-popup-1" class="open-popup-link">
<i class="ion-android-search"></i>
</a>
<!-- popUp content -->
<div id="test-popup-1" class="white-popup mfp-hide">
<h3>Talent Expo</h3>
<div class="heading-line"></div>
<p class="cat">( startup institute )</p>
<img src="img/mic3.jpg" class="center-block img-responsive" alt="project 1">
<p>The moment I solved a Rubik's cube with one hand.</p>
</div>
</div>
</div>
</div>
<!-- Project No. 2 -->
<div class="mix startup-institute col-md-3 col-sm-6 col-xs-6" data-my-order="2">
<div class="img-wrapper overlay-slide-right center">
<img src="img/mic1.jpg" class="center-block img-responsive" alt="project 2">
<div class="overlay-content">
<span>Talent Expo</span>
<a href="#test-popup-2" class="open-popup-link">
<i class="ion-android-search"></i>
</a>
<!-- popUp content -->
<div id="test-popup-2" class="white-popup mfp-hide">
<h3>Talent Expo</h3>
<div class="heading-line"></div>
<p class="cat">( startup institute )</p>
<img src="img/mic1.jpg" class="center-block img-responsive" alt="project 2">
<p>Giving a 60 second pitch about myself.</p>
</div>
</div>
</div>
</div>
<!-- Project No. 3 -->
<div class="mix startup-institute col-md-3 col-sm-6 col-xs-6" data-my-order="3">
<div class="img-wrapper overlay-slide-right center">
<img src="img/mic2.jpg" class="center-block img-responsive" alt="project 3">
<div class="overlay-content">
<span>Talent Expo</span>
<a href="#test-popup-3" class="open-popup-link">
<i class="ion-android-search"></i>
</a>
<!-- popUp content -->
<div id="test-popup-3" class="white-popup mfp-hide">
<h3>Talent Expo</h3>
<div class="heading-line"></div>
<p class="cat">( illustration )</p>
<img src="img/mic2.jpg" class="center-block img-responsive" alt="project 3">
<p>Solving a Rubik's cube with one hand on stage in front of hundreds.</p>
</div>
</div>
</div>
</div>
<!-- Project No. 4 -->
<div class="mix startup-institute col-md-3 col-sm-6 col-xs-6" data-my-order="4">
<div class="img-wrapper overlay-slide-right center">
<img src="img/sigroup.jpg" class="center-block img-responsive" alt="project 4">
<div class="overlay-content">
<span>si group</span>
<a href="#test-popup-4" class="open-popup-link">
<i class="ion-android-search"></i>
</a>
<!-- popUp content -->
<div id="test-popup-4" class="white-popup mfp-hide">
<h3>si group</h3>
<div class="heading-line"></div>
<p class="cat">( startup institute )</p>
<img src="img/sigroup.jpg" class="center-block img-responsive" alt="project 4">
<p>The Startup Institute Summer 2016 cohort. Big group of smart weirdo's right here.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End gallery Section -->
<!-- Start Footer Section -->
<div class="footer center" id="content">
<div class="container">
<div class="row">
<div class="follow-me">follow me</div>
<div class="col-md-12 col-xs-12 links">
<!-- Social links -->
<div class="icon-wrapper center">
<a href="http://www.twitter.com/john_m_egan" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/johnmegan" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://medium.com/@John_M_Egan" target="_blank"><i class="fa fa-medium"></i></a>
<a href="https://github.com/jmegan" target="_blank"><i class="fa fa-github"></i></a>
<a href="mailto:[email protected]?Subject=Hello%20again" target="_top"><i class="fa fa-envelope-o"></i></a>
</div>
</div>
<div class="col-md12 col-xs-12 copyright">
<h6>© John Egan</h6>
</div>
</div>
</div>
</div>
<!-- End Footer Section -->
<!-- Start To Top button -->
<div class="back-to-top center">
<i class="ion-android-navigate"></i>
</div>
<!-- End To Top button -->
<!-- Start scroll percentage -->
<div id="scroll"></div>
<!-- End scroll percentage -->
<!-- Including jQuery file -->
<script src="js/jquery-1.12.1.min.js"></script>
<!-- Including jQuery.appear file -->
<script src="js/jquery.appear.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- easy pie chart -->
<script src="js/jquery.easypiechart.min.js"></script>
<!-- NiceScroll plugin -->
<script src="js/jquery.nicescroll.min.js"></script>
<!-- animate numbers plugin -->
<script src="js/jquery.animateNumber.min.js"></script>
<!-- Horizontal bar chart -->
<script src="js/bars.js"></script>
<!-- mixitup plugin -->
<script src="js/jquery.mixitup.min.js"></script>
<!-- animated background header -->
<script src="js/TweenLite.min.js"></script>
<!-- magnific popup js file -->
<script src="js/magnific-popup.js"></script>
<!-- form validation file -->
<script src="js/jqBootstrapValidation.js"></script>
<!-- Owl carousel js file -->
<script src="js/owl.carousel.min.js"></script>
<!-- Custom file -->
<script src="js/plugins.js"></script>
<!-- Wow.js file -->
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>