-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
351 lines (331 loc) · 24.4 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<!-- TITLE OF SITE-->
<title>
Lionel A. Dsouza
</title>
<!-- META TAG -->
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="CV, Portfolio, Resume" name="description"/>
<meta content="Lionel A. Dsouza| Web Developer" name="author"/>
<!-- FAVICON -->
<link href="assets/images/favicon.ico" rel="icon"/>
<link href="assets/images/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"/>
<link href="assets/images/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76"/>
<link href="assets/images/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"/>
<!-- ========================================
Stylesheets
==========================================-->
<!-- MATERIALIZE CORE CSS -->
<link href="includes/css/materialize.min.css" rel="stylesheet"/>
<!-- ADDITIONAL CSS -->
<link href="includes/css/animate.css" rel="stylesheet"/>
<!--FONTAWESOME CSS-->
<link href="includes/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<!-- CUSTOM STYLE -->
<link href="includes/css/style.css" rel="stylesheet"/>
<link href="includes/css/main.css" rel="stylesheet"/>
<!-- RESPONSIVE CSS-->
<link href="includes/css/responsive.css" rel="stylesheet"/>
<!-- FONT AWESOME CDN CSS -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<!-- COLORS -->
<link href="includes/css/lime.css" rel="stylesheet" title="lime"/>
<!-- STYLE SWITCH STYLESHEET ONLY FOR DEMO -->
<link href="includes/css/demo.css" rel="stylesheet"/>
<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif] -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
</html>
<body>
<!-- Start Container-->
<div class="container">
<!-- row -->
<div class="row">
<!-- =========================================
SIDEBAR
==========================================-->
<!-- Start Sidebar -->
<aside class="col l4 m12 s12 sidebar z-depth-1" id="sidebar">
<!-- Sidebar row -->
<div class="row">
<!-- top section -->
<div class="heading">
<!-- ====================
IMAGE
==========================-->
<div class="feature-img">
<a href="#"><img src="includes/img/profile-img.jpg" class="responsive-img" alt=""></a>
</div>
<!-- =========================================
NAVIGATION
==========================================-->
<div class=" nav-icon">
<nav>
<div class="nav-wrapper">
<ul class="side-nav" id="nav-mobile" style="left: -250px;">
<li>
<a href="index.html">
<i class="fa fa-file-text-o" aria-hidden="true"></i> Resume
</a>
</li>
<li>
<a href="about.html">
<i class="fa fa-user-o" aria-hidden="true"></i> About
</a>
</li>
<li>
<a href="portfolio.html">
<i class="fa fa-folder-open" aria-hidden="true"></i> Portfolio
</a>
</li>
<!-- <li><a href="blog.html">Blog</a></li> -->
<!-- <li><a href="contact.html">Contact</a></li> -->
</ul>
<a class="button-collapse" data-activates="nav-mobile" href="index.html#">
<i class="fa fa-bars fa-lg">
</i>
</a>
</div>
</nav>
</div>
</div>
<div class="col l12 m12 s12 sort-info sidebar-item">
<div class="row">
<!-- ========================================
NAME AND TAGLINE
==========================================-->
<div class="title col s12 m12 l9 center-name wow fadeIn animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
<h2 class="blue-title">Lionel A. Dsouza</h2> <!-- title name -->
<span class="blue-title">Fullstack Developer</span> <!-- tagline -->
</div>
</div>
</div>
<!-- sidebar info -->
<div class="col l12 m12 s12 sort-info sidebar-item">
<div class="row">
<div class="col m12 s12 l3 icon"> <!-- icon -->
<i class="fa fa-user"></i>
</div>
<div class="col m12 s12 l9 info wow fadeIn a1 animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;"> <!-- text -->
<div class="section-item-details">
<p>A highly motivated developer with the ability to deliver by understanding the needs of clients while meeting proposed deadlines in an efficient manner. To continue to advance my career within an outstanding corporation where I will be able to utilize my skills, experience and creativity.</p>
</div>
</div>
</div>
</div>
<!-- MOBILE NUMBER -->
<div class="col l12 m12 s12 mobile sidebar-item">
<div class="row">
<div class="col m12 s12 l3 icon">
<i class="fa fa-phone"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="section-item-details">
<div class="personal">
<h4><a href="tel:603-275-4714">(603)-275-4714</a></h4> <!-- Number -->
<span>mobile</span>
</div>
</div>
</div>
</div>
</div>
<!-- EMAIL -->
<div class="col l12 m12 s12 email sidebar-item ">
<div class="row">
<div class="col m12 s12 l3 icon">
<i class="fa fa-envelope"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a3" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="section-item-details">
<div class="personal">
<h4><a href="mailto:laren2j@gmail.com">laren2j@gmail.com</a></h4> <!-- Email -->
<span>personal</span>
</div>
</div>
</div>
</div>
</div>
<!-- ADDRESS -->
<div class="col l12 m12 s12 address sidebar-item ">
<div class="row">
<div class="col l3 m12 s12 icon">
<i class="fa fa-home"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a4" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="section-item-details">
<div class="address-details"> <!-- address -->
<h4>4 Richard Drive,<br>
Derry, NH.<br>
<span>03038</span></h4>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end row -->
</aside><!-- end sidebar -->
<!-- ========================================
Cover letter
==========================================-->
<!-- =========================================
Work experiences
==========================================-->
<section class="col s12 m12 l8 section">
<div class="row">
<div class="section-wrapper z-depth-1">
<div class="section-icon col s12 m12 l2">
<i class="fa fa-suitcase"></i>
</div>
<div class="custom-content col s12 m12 l10 wow fadeIn a1 animated" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
<h2>Projects</h2>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Gambino Games</span></h3>
<span>Social networking game development company.</span>
<p>Design of Gambino games site and maintenance.
Front end UI and admin area UI.
Admin area page update and maintenance. Mail tracking and user details.
Building of admin area for their games so that they can track the players and their status, player rankings,
award bonuses, delete and edit player details, ban player.
Built custom admin areas for 4 games (Gambino Poker, Gambino Roulette, Fortunecreek Poker, YoBro
Poker).</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Brasseries de Lecu</span></h3>
<span>French Restaurant site.</span>
<p>Front-end design and UI.
Admin area functionality to set up a page and editing page contents.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Go Commerced CMS</span></h3>
<span>A VEM Client Project (E-Commerce CMS).</span>
<p>Building new modules when there is a requirement from the client.
Applications maintenance and fixing of design issues and functionality issues.
Testing and maintenance of the site and helping client solve issues by providing solutions.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Artsper</span></h3>
<span>Artwork (E-Commerce Bespoke).</span>
<p>A French e-commerce site for the client to enroll all the galleries under this site and sell their artworks
around the world.
Front-end UI and design as per client’s requirements with shopping cart features.
Admin area UI and design.
Admin area features like page set up and create page, edit and add cart details.
Set categories and sub-categories page for the artworks and paintings.
Order tracking and payment status along with customer status.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Reference Check</span></h3>
<span>PHP Web-Application.</span>
<p>Reference check is a web application built on PHP to make the reference process faster and more effective.
Referral Process tracking, Custom settings for admin and sub admin.
Activity logs tracking of jobs done on the application.
Admin area features like edit and add custom questionnaire templates.
Report generation and graphs for quick view on application process status.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Time Keeper</span></h3>
<span>PHP Web-Application.</span>
<p>A Employee Management web application to track time and payroll management tool.
Rest API and web services to fetch data on all employees in UK and India.
Admin area Dashboard with quick view and PDF report generation.
Cron Job for mail generation on monthly and weekly basis with PDF attachments on anomaly reports
Fire Drill on Demand sync using Rest API.
Employee Leave management and Report Day wise and Month wise search.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Prime</span></h3>
<span>PHP Web-Application.</span>
<p>A Project Management application to track Project status and time and resources a PMO tool.
Admin area Dashboard with quick view on all project status and PDF report generation.
Project Initiation, Project planning, Execution, monitoring and control and Project closure.
Access levels to project stake holders.
Resource monitoring and control, adding comments and upload of documents related to the project.
Activity logs tracking of jobs done on the application.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Indian Roots</span></h3>
<span>AngularJS Web-Application.</span>
<p>Indian roots mobile e-commerce application using angular JS.
Backend is handled by Magento CMS, frontend is built using Twitter bootstrap.
Front end framework used for the application is Angular JS, jQuery, Javascript.
The application makes API calls and handles the workflow.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Mint Live (Hindustan Times)</span></h3>
<span>AngularJS Web-Application.</span>
<p>Mint live is an web app for tablets and mobiles like a online interactive news portal.
Backend is handled by Slim Framework in PHP, frontend is built using custom RWD.
Front end framework used for the application is Angular JS, jQuery, Javascript.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Mara Mentor</span></h3>
<span>AngularJS Web-Application.</span>
<p>This web application is a platform where all the entrepreneur can interact with mentors who are leading
multinational companies.
platform to learn and grow. Many African countries have partnered with Mara group</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>UDIO App</span></h3>
<span>Restful API.</span>
<p>Restful API for application using code igniter 3
A RBL bank wallet application for mobile with features like bill split, recharge, bill payments and shopping
vouchers with coupons for major stores.</p>
</div>
<div class="custom-content-wrapper wow fadeIn a2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<h3>Magic Bricks and Times Now TV (Times Now Group)</span></h3>
<span>AngularJS Web-Application.</span>
<p>A website listing all the property prices and Live property news,
News and Video with Show scheduling, Polling, Debate.</p>
</div>
</div>
</div>
<!-- ========================================
Intertests
==========================================-->
<div class="section-wrapper z-depth-1">
<div class="section-icon col s12 m12 l2">
<i class="fa fa-user"></i>
</div>
<div class="interests col s12 m12 l10 wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<h2>Profiles </h2>
<ul>
<li><a target="_blank" href="https://github.com/laren2j"><i class="fa fa-github tooltipped" data-position="top" data-delay="50" data-tooltip="GitHub Profile"></i></a></li>
<li><a target="_blank" href="https://gitlab.com/u/laren2j"><i class="fa fa-gitlab tooltipped" data-position="top" data-delay="50" data-tooltip="GitLab Profile"></i></a></li>
<li><a target="_blank" href="https://in.linkedin.com/in/lionel-aaron-d-souza-b89a474a"><i class="fa fa-linkedin tooltipped" data-position="top" data-delay="50" data-tooltip="LinkedIn Profile"></i></a></li>
<li><a target="_blank" href="https://angel.co/lionel-aaron-d-souza"><i class="fa fa-angellist tooltipped" data-position="top" data-delay="50" data-tooltip="Angel List"></i></a></li>
<li><a target="_blank" href="includes/Resume-Lionel.docx" download><i class="fa fa-file-text tooltipped" data-position="top" data-delay="50" data-tooltip="Portfolio"></i></a></li>
</ul>
</div>
</div>
<!-- =======================================
portfolio Website
==========================================-->
</div><!-- end row -->
</section><!-- end section -->
<!-- end container -->
<!--=====================
JavaScript
===================== -->
<!-- Jquery core js-->
<script src="includes/js/jquery.min.js">
</script>
<!-- materialize js-->
<script src="includes/js/materialize.min.js">
</script>
<!-- wow js-->
<script src="includes/js/wow.min.js">
</script>
<!-- Masonry js-->
<script src="includes/js/masonry.pkgd.js">
</script>
<!-- Customized js -->
<script src="includes/js/init.js">
</script>
</body>