-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
548 lines (405 loc) · 23 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
<!DOCTYPE html>
<!--[if lt IE 8 ]>
<html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Mohammed Maaz</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">Home</a></li>
<li><a class="smoothscroll" href="#about">About</a></li>
<li><a class="smoothscroll" href="#resume">Resume</a></li>
<li><a class="smoothscroll" href="#portfolio">Achievements</a></li>
<li><a class="smoothscroll" href="#testimonials">Take Away</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">I'm Mohammed Maaz</h1>
<h3>I was raised in Bangalore, India. I'm a <span>tech-geek</span> cum <span>programmer</span> and a <span>gadget freak</span>
. I have been working with web development since 2015, I have worked in different environments, from big consultancy companies to medium sized start ups. I
am a self-motivated and self-taught professional who likes to solve problems.
If you are interested to know more <a class="smoothscroll"
href="#about">start
scrolling</a>
</h3>
<hr/>
<ul class="social">
<li><a target="_blank" href="https://www.facebook.com/maazmmd"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/maazmmd"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://google.com/+MohammedMaaz93"><i class="fa fa-google-plus"></i></a>
</li>
<li><a target="_blank" href="https://www.linkedin.com/in/mohammed-maaz"><i
class="fa fa-linkedin"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/maazmmd"><i class="fa fa-instagram"></i></a>
</li>
<li><a target="_blank" href="https://www.github.com/maazmmd"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
</div>
<p class="scrolldown">
<a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
</p>
</header> <!-- Header End -->
<!-- About Section
================================================== -->
<section id="about">
<div class="row">
<div class="three columns">
<img class="profile-pic" src="images/profilepic.jpg" alt="Profile Picture"/>
</div>
<div class="nine columns main-col">
<h2>About Me</h2>
<p>Born and brought up in Bangalore, India 🇮🇳.
I must admit that I am addicted to gadget's, being a gadget freak. I love learning new things whether
its
related to tech, art or whatever.
I do believe that If you want to achieve something then you cannot give an average effort because if it
can be achieved by an average effort everybody would do it. I love travelling, every now and then
#wanderlust, I am a certified <span>Java Programmer</span>, <span>a Full Stack Web Developer</span> and
<span>MongoDB Developer</span>.
</p>
<div class="row">
<div class="columns contact-details">
<h2>Contact Details</h2>
<p class="address">
<span>Mohammed Maaz</span><br>
<span>[email protected]</span><br>
<span>Toronto, Ontario 🇨🇦🍁</span><br>
<span>From Bangalore, India 🇮🇳</span><br>
<span>Mb : +1 - 807 - 357 - 5855</span>
</p>
</div>
<div class="columns download">
</div>
</div> <!-- end row -->
</div> <!-- end .main-col -->
</div>
</section> <!-- About Section End-->
<!-- Resume Section
================================================== -->
<section id="resume">
<!-- Work -->
<div class="row work">
<div class="three columns header-col">
<h1><span>Work</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns">
<h3>Centre for Global Health Research </h3>
<p class="info">Software Developer / Research Analyst <span>•</span> <em class="date">Sep 2017
- Sep 2018</em></p>
<p>
The Centre for Global Health Research (CGHR) is an independent organization co-sponsored by St. Michael’s Hospital (Toronto) and the University of Toronto. CGHR which is into Health Research. My work is to design, develop web and mobile based applications. Being a Full Stack Developer, I got to Learn lot of things in here. My responsibility included:
<br><br>
<b>Role: Software Developer </b>
<br> Designed, Developed and Implemented MEAN Stack application used in Healthcare Research.
<br> Responsible for development and maintenance of Legacy applications(J2EE Arch - AngularJs, Spring Boot, Groovy, h2 Database).
<br> Keep the code and the features implemented by the other developers in accordance to the requirements.
<br> Requirement gathering from healthcare scientists and develop functionalities based on their needs.
<br> Deploy applications remotely by accessing via ssh.
<br> Migration of applications, healthcare data (database) on private servers from public domain servers.
<br> Keep the Project Manager and the IT Leads updated on the overall progress of the projects and manage the tasks distributed to the team.
<br> Product development using NodeJS, integration with AWS and external tools.
</p>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="twelve columns">
<h3>NTT Data</h3>
<p class="info">Senior Software Engineer <span>•</span> <em class="date">June 2015 - August
2017</em></p>
<p>
NTT Data was my first workplace where I worked as a Software Engineer and later was promoted to Senior Software Engineer. I was best among my peer batch and always tried diffferent approaches in writing a new API. As a developer my duties were to develop complex requirements of Insurance practice Java with Angular as front end and which various Databases as endpoints. My responsibility included:
<br><br>
<b>Role: Software Engineer </b>
<br> Trained in Java, Angular JS, J2EE Architecture.
<br> Worked with multiple teams to solve customer issues.
Active participation in reviews meetings, training, design
discussion.
<br> Requirement clarifications and system documentation.
Understanding business requirements from business
analyst and clients.
<br> Dashboard graphs for presenting a summary of activities.
Develop different functionalities in different modules of
Insurance Practice Web app with core Java, REST API,
Angularjs.
<br> Resolved critical bugs in the product to improve
performance and help customers to Go Live (Received
Spot Award for the same).
<br><br>
<b>Role: Senior Software Engineer </b>
<br> Trained peers in technologies, soft skills & quality process.
<br> Interview, training, and guidance to new developers.
<br> Designed, developed a document Creator/Generator.
<br> Designed, developed Notification dispatcher for customers in Insurance practice, the notifications included email, message via NodeJS, Java email and sms engines.
<br> Application architecture design and library development.
<br> Keep the code quality high reviewing code from other developers and suggesting improvements.
<br> Collaborated with Project Managers and creative teams to deliver original, efficient solutions; advised clients and provided expertise.
</p>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Work -->
<!-- Education -->
<div class="row education">
<div class="three columns header-col">
<h1><span>Education</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns">
<h3>Masters - MS in Computer Science</h3>
<p class="info">Lakehead University <span>•</span> <em class="date">2018-2020</em></p>
<p>
Graduated Master of Science in Computer Science @Lakehead University, Thunder Bay, Ontario, Canada 🇨🇦🍁
</p>
<h3>Bachelor of Engineering - Computer Science & Engineering</h3>
<p class="info">PES University (Formerly PESIT Bangalore South Campus) <span>•</span> <em class="date">June 2015</em></p>
<p>
I completed my Bachelors in Engineering in Computer Science stream. I was a decent student in my engineering time. Java, Mathematics were my favourite subjects. Late night studies, midnight walks for a cup of ginger tea was part of every day in college time.
</p>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns">
<h3>Pre-University / Higher Education</h3>
<p class="info">Vijaya Main College - II PUC<span>•</span> <em class="date">May 2011</em></p>
<p>
I completed Pre-University in Vijaya College. I pursued PCMB in my PU and secured an aggregate of 86% in core subjects. Group studies and hanging around with friends was fun during those days, interestingly tech talks always amazed me then as well.
</p>
<p class="info">St.Joseph Indian High School - SSLC<span>•</span> <em class="date">April 2009</em></p>
<p>
Being an Josephite then was proud moment due to interschoo competitions. Loved Mathematics during my school tenure and was passionate over outdoor play like cricket, badminton and had a lot of fun during those days playing around with friends.
</p>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Education -->
<!-- Skills -->
<div class="row skill">
<div class="three columns header-col">
<h1><span>Skills</span></h1>
</div>
<div class="nine columns main-col">
<p>
<b> Technologies : </b><br>
<b>Front-End:</b> HTML, CSS, JavaScript, Bootstrap, jQuery, Ajax, Jade, CoffeeScript, Angular.<br>
<b>Back-End:</b> Java, Groovy, NodeJs, Python, R, Spring MVC / Boot, MEAN Stack, ExpressJs, RestAPI, EJB2, EJB3, SMTP.<br>
<b>Automation:</b>Gradle, Maven.<br>
<b>ORM:</b> IBatis, MyBatis, Mongoose.<br>
<b>Databases:</b> My SQL, DB2, MS SQL. NoSql Databases: Mongo DB.<br>
<b>Servers:</b> Tomcat, JBoss, WebLogic, AWS, Heroku, GCP.<br>
<b>Version Control:</b> Git, Bitbucket, SVN<br>
<b>Tools / Software’s:</b>Eclipse, IntelliJ, WebStorm, Sublime, Atom, Slack, Beyond Compare, Visual Studio, Android Studio, Postman, JBoss, Web Logic, MS Office.<br>
<b>Platforms / OS:</b> Windows, Prefer : Mac, Linux.
</p>
<div class="bars">
<ul class="skills">
<li><span class="bar-expand html5"></span><em>JAVA</em></li>
<li><span class="bar-expand jquery"></span><em>Angular</em></li>
<li><span class="bar-expand jquery"></span><em>Node JS</em></li>
<li><span class="bar-expand illustrator"></span><em>HTML5 CSS3 Javascript</em></li>
<li><span class="bar-expand illustrator"></span><em>SQL</em></li>
<li><span class="bar-expand wordpress"></span><em>MongoDB</em></li>
<li><span class="bar-expand html5"></span><em>Spring Framework</em></li>
<li><span class="bar-expand illustrator"></span><em>MEAN Stack</em></li>
</ul>
</div><!-- end skill-bars -->
</div> <!-- main-col end -->
</div> <!-- End skills -->
</section> <!-- Resume Section End-->
<!-- Portfolio Section
================================================== -->
<section id="portfolio">
<div class="row">
<div class="twelve columns collapsed">
<h1>Check Out Some of My Achievements.</h1>
<!-- portfolio-wrapper -->
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/HP_Java_Certification.png" alt="Image description" target="_blank">
<img alt="Hp Java Certification" src="images/portfolio/HP_Java_Certification.png"/>
</a>
</div>
</div> <!-- item end -->
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/PES_DIS_1SEM.png" alt="Image description" target="_blank">
<img alt="PES Disstinction 1st Sem" src="images/portfolio/PES_DIS_1SEM.png"/>
</a>
</div>
</div> <!-- item end -->
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/PES_DIS_2SEM.png" alt="Image description" target="_blank">
<img alt="PES Disstinction 2nd Sem" src="images/portfolio/PES_DIS_2SEM.png"/>
</a>
</div>
</div> <!-- item end -->
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/NTT_Spot_Award.png" alt="Image description" target="_blank">
<img alt="Ntt Data Spot Award" src="images/portfolio/NTT_Spot_Award.png"/>
</a>
</div>
</div> <!-- item end -->
</div>
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/ToastMaster_Certification.png" alt="Image description"
target="_blank">
<img alt="Toast Master Certification" src="images/portfolio/ToastMaster_Certification.png"/>
</a>
</div>
</div> <!-- item end -->
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/Vijaya_NoNarcotics.png" alt="Image description" target="_blank">
<img alt="Vijaya No Narcotocs Campaign" src="images/portfolio/Vijaya_NoNarcotics.png"/>
</a>
</div>
</div>
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/M220J.png" alt="Image description" target="_blank">
<img alt="M220J" src="images/portfolio/M220J.png"/>
</a>
</div>
</div>
<div class="columns portfolio-item">
<div class="">
<a href="images/portfolio/M220JS.png" alt="Image description" target="_blank">
<img alt="M220JS" src="images/portfolio/M220JS.png"/>
</a>
</div>
</div> <!-- item end -->
</div> <!-- portfolio-wrapper end -->
</div> <!-- twelve columns end -->
</div> <!-- row End -->
</section> <!-- Portfolio Section End-->
<!-- Call-To-Action Section
================================================== -->
</section> <!-- Call-To-Action Section End-->
<!-- Testimonials Section
================================================== -->
<section id="testimonials">
<div class="text-container">
<div class="row">
<div class="two columns header-col">
<h1><span>Some Motivation to take away</span></h1>
</div>
<div class="ten columns flex-container">
<div class="flexslider">
<ul class="slides">
<li>
<blockquote>
<p>
You must be the change you wish to see in the world .
</p>
<cite>Mahatma Gandhi</cite>
</blockquote>
</li> <!-- slide ends -->
<li>
<blockquote>
<p>
The person who reads too much and uses his brain too little will fall into lazy
habits of thinking.
</p>
<cite>Albert Einstein</cite>
</blockquote>
</li> <!-- slide ends -->
<li>
<blockquote>
<p>
Normal is getting dressed in clothes that you buy for work and driving through
traffic in a car that you are still paying for – in order to get to the job you need
to pay for the clothes and the car, and the house you leave vacant all day so you
can afford to live in it.
</p>
<cite>Ellen Goodman</cite>
</blockquote>
</li> <!-- slide ends -->
</ul>
</div> <!-- div.flexslider ends -->
</div> <!-- div.flex-container ends -->
</div> <!-- row ends -->
</div> <!-- text-container ends -->
</section> <!-- Testimonials Section End-->
<!-- Contact Section
================================================== -->
<!-- footer
================================================== -->
<footer>
<div class="row">
<div class="twelve columns">
<ul class="social-links">
<li><a target="_blank" href="https://www.facebook.com/maazmmd"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/maazmmd"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://google.com/+MohammedMaaz93"><i class="fa fa-google-plus"></i></a>
</li>
<li><a target="_blank" href="https://www.linkedin.com/in/mohammed-maaz"><i
class="fa fa-linkedin"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/maazmmd"><i class="fa fa-instagram"></i></a>
</li>
<li><a target="_blank" href="https://www.github.com/maazmmd"><i class="fa fa-github"></i></a>
</li>
</ul>
<ul class="copyright">
<li>Thanks to <h3>Mahtab Alam / Sagar Patke</h3></li>
</ul>
<ul class="copyright">
<li><strong>© <script>document.write(new Date().getFullYear())</script>. All rights reserved|</strong>Mohammed Maaz </li>
</ul>
</div>
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/init.js"></script>
</body>
</html>