-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
536 lines (505 loc) · 28.5 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
<!DOCTYPE html>
<!-- saved from url=(0039)http://friend-814-2017.bitballoon.com/# -->
<html lang="en">
<head>
<!-- META -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Friend_814 is a personal portfolio Template">
<meta name="keywords" content="resume, cv, portfolio, creative, developer, freelancer, modern, onepage, clean">
<meta name="author" content="Abdelaziz_Slim">
<!-- PAGE TITLE -->
<title>Tej</title>
<!-- PAGE ICON -->
<link rel="icon" type="image/x-icon" href="thumbnail.png">
<!-- BOOTSTRAP CSS -->
<link rel="stylesheet" href="assests/css/bootstrap.min.css">
<!-- FONT AWESOME CSS -->
<link rel="stylesheet" href="assests/css/font-awesome.min.css">
<!-- MAGNIFIC POPUP CSS -->
<link rel="stylesheet" href="assests/css/magnific-popup.css">
<!-- GOOGLE FONTS -->
<link rel="stylesheet" href="assests/css/css">
<!-- MAIN STYLE CSS -->
<link rel="stylesheet" href="assests/css/style.css">
<!-- RESPONSIVE CSS -->
<link rel="stylesheet" href="assests/css/media.css">
<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assests/js/html5shiv.min.js"></script>
<script src="assests/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="back_color2">
<!-- Start Preloader & ToTop Btn -->
<div class="preloader">
<span class="circls">
<span class="circle1"></span>
<span class="circle2"></span>
</span>
</div>
<div class="to_top active" id="to_top">
<i class="fa fa-angle-double-up" aria-hidden="true"></i>
</div>
<!-- /End Preloader & ToTop Btn -->
<!-- Start Navigation -->
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand color1" href="#"><span class="span_color">Tej</span> Poudel</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my_navbar"
aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div class="collapse navbar-collapse" id="my_navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="font_size13 current" data-link="#home">Home</a></li>
<li><a href="#" class="font_size13" data-link="#about">About</a></li>
<li><a href="#" class="font_size13" data-link="#skills">Skills</a></li>
<li><a href="#" class="font_size13" data-link="#resume">Resume</a></li>
<li><a href="#" class="font_size13" data-link="#portfolio">Portfolio</a></li>
<!-- <li><a href="#" class="font_size13" data-link="#testimonial">Testimonials</a></li>
<li><a href="#" class="font_size13" data-link="#blog">Blog</a></li> -->
<li><a href="#" class="font_size13" data-link="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- /End Navigation -->
<!-- Start Home -->
<header id="home" class="section back_color2">
<div class="background"></div>
<div class="header_content">
<h1 class="myname">Tej Poudel</h1>
<div id="typed-strings" style="display: none;">
<p>a Front-End Developer <i class="fa fa-code" aria-hidden="true"></i></p>
<p>a Back-End Developer <i class="fa fa-database" aria-hidden="true"></i></p>
<p>a Web Designer <i class="fa fa-paint-brush" aria-hidden="true"></i></p>
<p>a Creative UI/UX Designer <i class="fa fa-magic" aria-hidden="true"></i></p>
</div>
<p><span class="span_color">I'am </span><span id="typed">a Full Stack Developer</span></p>
<a href="#" class="btn contactme">Contact Me</a>
</div>
<button type="button" class="to_down"><i class="glyphicon glyphicon-menu-down" aria-hidden="true"></i></button>
</header>
<!-- End Home -->
<!-- Start About -->
<section id="about" class="section about_us section_padding back_color2">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-7">
<div class="about_paragraph">
<h2 class="color1">About <span class="span_color">Me</span></h2>
<p class="line_height28 font_size16"> My name is Tej Poudel. I am a full stack web developoer.
I have bachelors degree in Information and technology from Tribhuvan University Nepal and I
am taking Coding Boot Camp in University of California Berkeley Extension.<br><br>I have
been working as an Atlassian(Jira) developer, full stack developer and business analyst.
Recently I worked as an Atlassian Developer at Airbnb a reputed internet company of US.
I am proficient in JavaScript, Ruby on Rails, HTML, CSS, Bootstrap, Python, Java and Node
Js. I am still learning and brushing up my skills for web and software development. I love
coding and learning new technologies.<br><br>I want to be a successful computer programmer.
I am
planning to build a startup and start business in the future. Only thing about me is I
never get tired of coding. </p>
<a class="btn mt_20" href="#">Download My CV</a>
</div>
</div>
<div class="col-xs-12 col-md-5">
<div class="about_picture">
<img src="assests/images/me.jpeg" alt="ME :)">
</div>
</div>
</div>
</div>
</section>
<!-- /End About -->
<!-- Start Skills -->
<section id="skills" class="section skills section_padding back_color1">
<div class="container">
<h2 class="color1"><span class="span_color">My</span>Skills</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-html5 color1" aria-hidden="true"></i>
<h3 class="color1">HTML5</h3>
<p class="line_height28 color1">I have 5 years of experience in HTML.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-css3 color1" aria-hidden="true"></i>
<h3 class="color1">CSS3</h3>
<p class="line_height28 color1">I have 5 years of experience in CSS.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-code color1" aria-hidden="true"></i>
<h3 class="color1">JS/ES6</h3>
<p class="line_height28 color1">I have 5 years of experience in JavaScript.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<span>100%</span>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-code color1" aria-hidden="true"></i>
<h3 class="color1">Ruby</h3>
<p class="line_height28 color1">I have expert level proficiency in Ruby.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-code color1" aria-hidden="true"></i>
<h3 class="color1">React JS</h3>
<p class="line_height28 color1">I have 1 year experience in React JS.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<span>90%</span>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-code color1" aria-hidden="true"></i>
<h3 class="color1">Node JS</h3>
<p class="line_height28 color1">I have 3 years of experience in Node JS.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-code color1" aria-hidden="true"></i>
<h3 class="color1">Mongo DB</h3>
<p class="line_height28 color1">I have 3 years of experience in Mondo DB.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="service_item back_color2 mt_20">
<i class="fa fa-git color1" aria-hidden="true"></i>
<h3 class="color1">Git</h3>
<p class="line_height28 color1">I have 5 years of experience in Git.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 100%;">
<!-- <span>100%</span> -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /End Skills -->
<!-- Start Work Experience -->
<section id="resume" class="section experience section_padding back_color2">
<div class="container">
<h2 class="color1"><span class="span_color">My</span> Experience</h2>
<ul class="back_color1">
<li class="in-view">
<div class="back_color2">
<h3 class="color1">Full Stack Developer</h3>
<h5 class="color1">Docknock, Remote</h5>
<time datetime="2020-02-14">Apr 2017 to Present</time>
<p>• Working as a Contractor for wellness startup to develop optimized full stack web
Application.</p>
<p>• Gather business requirements and prepare software requirements specification documents as
per
business need for healthcare.</p>
<p> • Designed and developed website using HTML5, CSS3, JavaScript, jQuery, React JS, Node JS,
Bootstrap, Ajax and MongoDB based on W3C standard.</p>
<p> • Develop RESTful services using Node JS Loopback framework, create Node JS middleware
application server to encapsulate modern JS widget and control set to develop multiple
upload
functionality.</p>
<p>• Managing the team of 7 engineers including developer, and tester who are working remotely
to
build Web and mobile app.</p>
</div>
</li>
<li class="in-view">
<div class="back_color2">
<h3 class="color1">Jira Developer</h3>
<h5 class="color1">Airbnb, San Francisco</h5>
<time datetime="2020-02-14">June 2018 to Present</time>
<p>•Gathered and analyzed requirements for business processes and Software Development Life
Cycle
(SDLC) to determine ways to optimize/improve JIRA Service Desk setup and workflows, as well
as
identify where functionality can/cannot meet user requests.</p>
<p>•Developed metrics dashboards in JIRA Service Desk to provide end-users and business
leadership
with meaningful operational/performance metrics and status reports.</p>
<p>•Actively and consistently supported about 200 different JIRA projects, and team(s) to
understand and enrich the customer experience, help maintain JIRA Service Desk projects and
perform as local admin for the teams.</p>
<p>•Develop UI for Jira Service Desk using different frameworks and languages such as HTML,
CSS,
JavaScript and Groovy and run the different testing procedures for the new projects, file
the
bug reports, troubleshoot the problems and fix the bugs. </p>
</div>
</li>
<li class="in-view">
<div class="back_color2">
<h3 class="color1">EDI Business Analyst</h3>
<h5 class="color1">Cognosante Healthcare, Mclane VA</h5>
<time datetime="2020-02-14">Jan 2015 to Feb 2016</time>
<p>•Reviewed and evaluated 20-25 health insurance claims per day and reported them to the lead
analyst. </p>
<p>•Identified and solved customer information and processing problems related to 1095-A form.</p>
<p>•Worked in all phases of business requirements, process design, development and
implementation
of enrollment resolution and reconciliation for insurance exchanges.</p>
<p>•Used MS Excel, SQL, FileZilla, share point, and JIRA to update tickets, analyze and
exchange
files.</p>
</div>
</li>
</ul>
</div>
</section>
<!-- /End Work Experience -->
<!-- Start Latest Works -->
<section id="portfolio" class="section works section_padding back_color1">
<div class="container">
<h2 class="color1"><span class="span_color">My</span> Works</h2>
<!-- <div class="works_control">
<button type="button" class="btn color1 mixitup-control-active" data-filter="all">All</button>
<button type="button" class="btn color1" data-filter=".w_design">Design</button>
<button type="button" class="btn color1" data-filter=".w_development">Development</button>
<button type="button" class="btn color1" data-filter=".w_photography">Photography</button>
</div> -->
<div class="works_content" id="MixItUp706889">
<div class="row">
<div class="mix col-xs-12 col-sm-6 col-md-4 w_development" data-order="1">
<div class="work_item">
<img src="assests/images/trailertube.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="https://tejpoudel.github.io/trailer-tube/">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/trailertube.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mix col-xs-12 col-sm-6 col-md-4 w_development" data-order="2">
<div class="work_item">
<img src="assests/images/clickygame.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="https://github.com/tejpoudel/clicky-game">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/clickygame.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mix col-xs-12 col-sm-6 col-md-4 w_photography" data-order="3">
<div class="work_item">
<img src="assests/images/211Sonoma.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="http://211sonoma.org/">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/211Sonoma.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mix col-xs-12 col-sm-6 col-md-4 w_design w_development" data-order="4">
<div class="work_item">
<img src="assests/images/GifTastic.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="https://tejpoudel.github.io/giftastic.github.com/">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/GifTastic.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mix col-xs-12 col-sm-6 col-md-4 w_design" data-order="4">
<div class="work_item">
<img src="assests/images/Word_Guess_Game.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="https://tejpoudel.github.io/Word-Guess-Game.com/">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/Word_Guess_Game.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mix col-xs-12 col-sm-6 col-md-4 w_design" data-order="4">
<div class="work_item">
<img src="assests/images/Burger.png" class="size" alt="portfolio">
<div class="item_caption">
<a href="https://github.com/tejpoudel/burger">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
<a href="assests/images/Burger.png" class="popup">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /End Latest Works -->
<!-- Start Blog
<section id="blog" class="section blog section_padding back_color1">
<div class="container">
<h2 class="color1"><span class="span_color">My</span> Blog</h2>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4">
first post
<div class="post mt_20">
<div class="post_img">
<img src="assests/images/blog0.jpg" alt="photo post">
<time datetime="2017-02-14 20:00" class="date color1"><i class="fa fa-calendar" aria-hidden="true"></i>
20 february 2017</time>
</div>
<h3 class="color1 font_size16">Music Player Design</h3>
<p class="post_title color1"><i class="fa fa-user" aria-hidden="true"></i> Posted By
<a href="#"><span class="span_color">Admin</span></a>
</p>
<p class="post_details color1 line_height28 font_size16">Lorem Ipsum is simply dummy text of
the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
<a href="#" class="read_more color1">READ MORE <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
/first post
</div>
</div>
</div>
</section>
End Blog-->
<!-- Start Contact -->
<section id="contact" class="section section_padding back_color2">
<div class="container">
<h2 class="color1">Contact <span class="span_color">Me</span></h2>
<div class="contact_me row">
<div class="col-xs-12 col-md-4">
<address>
<div class="contact">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span class="color1 font_size16">Address :</span>
<p class="color1">Sunnyvale California, USA</p>
</div>
<div class="contact">
<i class="fa fa-phone" aria-hidden="true"></i>
<span class="color1 font_size16">Phone :</span>
<p class="color1">+1 707 380 9225</p>
</div>
<div class="contact">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span class="color1 font_size16">Email :</span>
<p class="color1">tej.pou@gmail.com</p>
</div>
</address>
</div>
<div class="col-xs-12 col-md-8">
<form class="form-horizontal contact_form" method="post"><input type="hidden" name="form-name"
value="form 1">
<div class="form-group form-group-lg">
<div class="col-xs-12">
<input type="text" class="font_size16 form-control" id="inputname" placeholder="Name"
name="user" required="required">
</div>
</div>
<div class="form-group form-group-lg">
<div class="col-xs-12">
<input type="email" class="font_size16 form-control" id="inputemail" placeholder="Email"
name="email" required="required" autocomplete="email">
</div>
</div>
<div class="form-group form-group-lg">
<div class="col-xs-12">
<textarea class="font_size16 form-control" rows="5" id="inputmessage" placeholder="Your Message"
name="message" required="required"></textarea>
</div>
</div>
<div class="form-group form-group-lg">
<div class="col-xs-12">
<button type="submit" class="btn font_size16">SEND</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- /End Contact -->
<!-- Start Footer -->
<footer>
<div class="links">
<a href="https://www.linkedin.com/in/tej-poudel/"><i class="fa fa-linkedin color1" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/newsbinodp"><i class="fa fa-facebook color1" aria-hidden="true"></i></a>
<a href="https://twitter.com/Tejbinod"><i class="fa fa-twitter color1" aria-hidden="true"></i></a>
<a href="https://github.com/tejpoudel"><i class="fa fa-github color1" aria-hidden="true"></i></a>
<p class="ccopy color1">All Right Reserved<i class="fa fa-heart" aria-hidden="true"></i>Tej Poudel<a href="#"
target="_blank"></a> - 2018</p>
</div>
</footer>
<!-- /End Footer -->
<!-- JQUERY JS -->
<script src="assests/js/jquery-3.1.0.min.js"></script>
<!-- BOOTSTRAP JS -->
<script src="assests/js/bootstrap.min.js"></script>
<!-- TYPED JS -->
<script src="assests/js/typed.min.js"></script>
<!-- MAGNIFIC POPUP JS -->
<script src="assests/js/jquery.magnific-popup.min.js"></script>
<!-- MIXITUP JS -->
<script src="assests/js/mixitup.min.js"></script>
<!-- SCRIPT JS -->
<script src="assests/js/script.js"></script>
</body>
</html>