-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
374 lines (354 loc) · 19.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nilesh Laxmi</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- BEGIN NAVBAR -->
<div class="navbar">
<a href="#about">About</a>
<a href="#experience">Experience</a>
<a href="#education">Education</a>
<a href="#projects">Projects</a>
<a href="#skills">Skills</a>
<a href="#contact">Contact</a>
</div>
<!-- END NAVBAR -->
<div class="container">
<!-- HEADER -->
<div class="jumbotron">
<div class="jumbotron-text">
<h1>Nilesh Laxmi</h1>
<p>Frontend Web Developer in Delhi, India.</p>
</div>
<div class="jumbotron-social">
<ul class="ul-social">
<li class="li-social-links">
<a class="social" href="https://github.com/nileshlaxmi" target="_blank"><i class="fa fa-github"
aria-hidden="true"></i></a>
</li>
<li class="li-social-links">
<a class="social" href="https://codepen.io/NileshLaxmi/" target="_blank"><i
class="fa fa-codepen" aria-hidden="true"></i></a>
</li>
<li class="li-social-links">
<a class="social" href="https://www.freecodecamp.org/nileshlaxmi" target="_blank"><i
class="fa fa-free-code-camp" aria-hidden="true"></i></a>
</li>
<li class="li-social-links">
<a class="social" href="https://www.linkedin.com/in/nilesh-laxmi-bb170280/" target="_blank"><i
class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li class="li-social-links">
<a class="social" href="https://twitter.com/NiL_468" target="_blank"><i class="fa fa-twitter"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
<div id="down-arrow">
<span><a href="#about"><i class="fa fa-chevron-down" aria-hidden="true"></i></a></span>
</div>
</div>
<!-- END HEADER -->
<!-- BEGIN ABOUT -->
<div class="row white box-shadow">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
<a class="anchor" name="about"></a>
<h2>About</h2>
</div>
<div class="content-body">
<p>Hi, I am Nilesh Laxmi. Currently working for Xavient Information Digital where we are creating an AI product for chat bot. My professional career started from Nov, 2014. In my college
years, I was involved in mobile applications development. I have developed and published around
15 phone apps in my college years.
My mobile applications were created on HTML, CSS and JavaScript. So I was able to capitalize on
my these knowledge during my professional years. </p>
<p>Personally I love to read books, posts and manga. I am avid reader of Medium and Quora posts. I
love to play cricket, football and do swimming.</p>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END ABOUT -->
<!-- BEGIN EXPERIENCE -->
<div class="row">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
<a class="anchor" name="experience"></a>
<h2>Experience</h2>
</div>
<!-- CARD #1 -->
<div class="content-body">
<div class="card">
<div class="card-header">
<h4>Xavient Information System <span class="job-title">Senior Software Engineer</span></h4>
</div>
<div class="card-content">
<p> • Creating a chat bot product
<br />• Chat bot consists of two part: Widget and its admin panel
<br />• Widget is a messenger between bot and user
<br />• Admin Panel is where we can configure bot features and create question banks
<br />• Technologies used : React, Redux, and Web Sockets in UI
<br />• Delivered one product, its qa version url:
<br />• Widget: widget-qahrbot.xavlab.xyz
<br />• Admin Panel: qahrbot.xavlab.xyz
</p>
</div>
</div>
</div>
<!-- CARD #2 -->
<div class="content-body">
<div class="card">
<div class="card-header">
<h4>NTTDATA Services <span class="job-title">Software Development Analyst</span></h4>
</div>
<div class="card-content">
<p> • Create SPA and integrate solutions to customer’s existing Websites.
<br />• Conduct different level of testing including functional, user acceptance,
integration and performance to verify client’s needs are met.
<br />• Analyze client’s business requirements and processes through document analysis,
calls or emails.
<br />• Part of Integration Operation Team and Centre of Excellence group.</p>
</div>
</div>
<!-- CARD #3 -->
<div class="card">
<div class="card-header">
<h4>Dell International Services <span class="job-title">Svc Senior Associate II</span></h4>
</div>
<div class="card-content">
<p> • Had hands on softwares such as SQL Server 2008, Visual Studio 2010 and 2012, Netbeans
7.0, IBM IIB 10, IBM WMQ v7 and WMB v7.
<br />• Worked on Unix (AIX) platform for 2 years.
<br />• Experience in Middleware, Configuration and Implementation of software products.
<br />• Create Interfaces and Integrate solutions to customer’s existing products using
Integration tool like IBM IIB10, WBIMB v7.0.
<br />• Part of 5 HL7 Go Lives and one EDI server migration team.</p>
</div>
</div>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END EXPERIENCE -->
<!-- BEGIN EDUCATION -->
<div class="row white box-shadow">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
<a class="anchor" name="education"></a>
<h2>Education</h2>
</div>
<div class="content-body">
<!-- EDUCATION 1 -->
<div class="card">
<div class="card-header">
<h4>Indraprastha University <span class="job-title">2010-2014</span></h4>
</div>
<div class="card-content">
<p>Activities and Societies: Fest Organizer, Participated in University Chess Competition,
Voluntarily Works for Training and Placement Office, Conducted Workshop on Windows Phone
Application Development.
<br />- One of the organizer of Techno-fest held in our college.
<br />- Conducted a workshop on windows phone app development.
<br />- Participated in university conducted chess competition.
<br />- Given seminar about Quantum Cryptography, and OOP technology.
<br />- Voluntarily works for TPO.</p>
</div>
</div>
<!-- EDUCATION 2 -->
<div class="card">
<div class="card-header">
<h4>DAV, Pitampura, Delhi <span class="job-title">2007-2009</span></h4>
</div>
<div class="card-content">
<p>Activities and Societies: Quiz Team, Sports Club.
<br />- Won Inter School Quiz Competition
<br />- Participated in Inter School Coding Competition
<br />- Participated in Inter School Chess Competition</p>
</div>
</div>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END EDUCATION -->
<!-- BEGIN PROJECTS -->
<div class="row">
<div class="side-content-sm"></div>
<div class="main-content-lg">
<div class="content-header">
<a class="anchor" name="projects"></a>
<h2>Projects</h2>
</div>
<div class="content-body">
<!-- CARD #1 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/full/rvJrwg/" target="_blank"><img
src="images/project-img-card-wikipedia.jpg" alt="wikipedia"></a>
</div>
<div class="project-content">
<h4>Wikipedia Viewer</h4>
<p>User can search any Wikipedia articles by submitting an input. User can also search
random articles by clicking on the ludo design. This project uses Wikipedia API. We get
a response from Wikipedia API on our request.</p>
<a href="https://codepen.io/NileshLaxmi/full/rvJrwg/" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #2 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/full/wmbbKe/" target="_blank"><img
src="images/project-img-card-weather.jpg" alt="weather"></a>
</div>
<div class="project-content">
<h4>Local Weather App</h4>
<p>This app will show current weather and temperature of user's place. User can also change
temperature from Celsius to Fahrenheit and vice-versa. This app uses freecodecamp
Weather API.</p>
<a href="https://codepen.io/NileshLaxmi/full/wmbbKe/" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #3 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/full/mxyXox/" target="_blank"><img
src="images/project-img-card-tribute.jpg" alt="tribute"></a>
</div>
<div class="project-content">
<h4>Tribute Page</h4>
<p>This page is a tribute to Sachin Tendulkar: Man who can stop time in India. It uses CSS
Flexbox technique. And one can also check out its Wikipedia Page and Cricbuzz Stats by
clicking on the link.</p>
<a href="https://codepen.io/NileshLaxmi/full/mxyXox/" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #4 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/pen/pZyQeQ" target="_blank"><img
src="images/project-img-card-document.jpg" alt="document"></a>
</div>
<div class="project-content">
<h4>JavaScript Documentation Page</h4>
<p>This is a JavaScript Documentation page. It uses CSS Flexbox technique. Anybody can use
this template for their own Technical Documenation Page</p>
<a href="https://codepen.io/NileshLaxmi/pen/pZyQeQ" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #5 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/pen/vrKqVq" target="_blank"><img
src="images/project-img-card-survey.jpg" alt="survey"></a>
</div>
<div class="project-content">
<h4>Survey Form</h4>
<p>This is just a template for survey form. It uses CSS Flexbox technique. Anybody can
utilise this for their own forms.</p>
<a href="https://codepen.io/NileshLaxmi/pen/vrKqVq" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #6 -->
<div class="project-card">
<div class="project-image">
<a href="https://codepen.io/NileshLaxmi/pen/oqjBqe" target="_blank"><img
src="images/project-img-card-portfolio.jpg" alt="portfolio"></a>
</div>
<div class="project-content">
<h4>Personal Portfolio</h4>
<p>This is just a template for portfolio. It uses CSS Flexbox technique. Anybody can utilise
this for their own portfolio website.</p>
<a href="https://codepen.io/NileshLaxmi/pen/oqjBqe" target="_blank">Codepen Link</a>
</div>
</div>
<!-- CARD #7 -->
<div class="project-card">
<div class="project-image">
<a href="https://github.com/nileshlaxmi/react/tree/master/movies-app" target="_blank"><img
src="images/project-img-card-movie.jpg" alt="wikipedia"></a>
</div>
<div class="project-content">
<h4>Movies App</h4>
<p>User can search movie by entering any keyword. This app is created using React,
Bootstrap, AJAX, React-Router and Redux. App will search movie in IMDB like repository.
API will return the result. State management is maintained by Redux. User can also mark
movie as their favorite.</p>
<a href="https://github.com/nileshlaxmi/react/tree/master/movies-app" target="_blank">Github
Link</a>
</div>
</div>
</div>
</div>
<div class="side-content-sm"></div>
</div>
<!-- END PROJECTS -->
<!-- BEGIN SKILLS -->
<div class="row white box-shadow">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
<a class="anchor" name="skills"></a>
<h2>Skills</h2>
</div>
<div class="content-body">
<ul class="ul-skills">
<li class="li-skills">HTML</li>
<li class="li-skills">CSS</li>
<li class="li-skills">Javascript</li>
<li class="li-skills">Bootstrap</li>
<li class="li-skills">jQuery</li>
<li class="li-skills">AJAX</li>
<li class="li-skills">React</li>
<li class="li-skills">Redux</li>
<li class="li-skills">Wordpress</li>
</ul>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END SKILLS -->
<!-- BEGIN CONTACT -->
<div class="row blue">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
<a class="anchor" name="contact"></a>
<h2 class="white-text">Contact Me</h2>
</div>
<div class="contact content-body">
<form method="POST" action="https://formspree.io/[email protected]">
<input type="hidden" name="_subject" value="Contact request from personal website" />
<input type="email" name="_replyto" placeholder="Your email" required>
<textarea name="message" placeholder="Your message" required></textarea>
<button type="submit">Send</button>
</form>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END CONTACT -->
<!-- BEGIN FOOTER -->
<div class="row">
<div class="side-content"></div>
<div class="main-content">
<div class="content-header">
</div>
<div class="content-body">
<p style="text-align: center">© Nilesh Laxmi 2018</p>
</div>
</div>
<div class="side-content"></div>
</div>
<!-- END FOOTER -->
</div>
</body>
</html>