-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
496 lines (491 loc) · 30.9 KB
/
index.html
File metadata and controls
496 lines (491 loc) · 30.9 KB
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
<!--To align elements horizontally:margin=auto LOL !!-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
window.location.href = "https://deepb.co/"
</script>
<meta name="theme-color" content="#002060">
<link rel="apple-touch-icon" sizes="144x144" href="favicon-ios.png" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Deep Bhattacharyya - DeeplyDiligent</title>
<meta name="description"
content="Welcome to Deep Bhattacharyya's Portfolio. Deep lives in Melbourne, Australia and is a web and software developer with a side passion for teaching. ">
<meta name="keywords"
content="Deep, Bhattacharyya, Deep Bhattacharyya, Web Developer, Mobile applications, Web Design, Python, Software Developer, Australia, Melbourne, Victoria">
<meta name="author" content="Deep Bhattacharyya">
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.0/css/mdb.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="animate.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Flamenco' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type='text/javascript'
data-cfasync='false'>window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({ c: 'f807d6cc-efad-4e9e-bf81-7d1ebaa99ae0', f: true }); done = true; } }; })();</script>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.1/js/mdb.min.js"></script>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="header.png" class="deeply-diligent-logo" alt="DeeplyDiligent">
</a>
</div>
<div class="collapse navbar-collapse nav-collapse" id="myNavbar" data-toggle="collapse"
data-target=".nav-collapse.in">
<ul class="nav navbar-nav">
<li><a href="#top">Home</a></li>
<li><a href="#profile">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#work-experience">Work Experience</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right social-network-icons">
<li><a href="https://www.linkedin.com/in/deeplydiligent/"><i
class="fa fa-linkedin-square fa-lg"></i></a></li>
<li><a href="https://www.facebook.com/deeplydiligent"><i
class="fa fa-facebook-square fa-lg"></i></a></li>
<li><a href="https://twitter.com/deeplydiligent"><i class="fa fa-twitter-square fa-lg"></i></a></li>
<li><a href="https://github.com/DeeplyDiligent"><i class="fa fa-github-square fa-lg"></i></a></li>
</ul>
</div>
</div>
</nav>
<div class="main">
<a class="anchor" id="top"></a>
<div class="jumbotron quote">
<div class="container text-center">
<h1 class="twr" text="Throw me into the wolves and I will return leading the pack."></h1>
<p class="tw2" text="- Seneca"></p>
</div>
</div>
<a class="anchor" id="profile"></a>
<div class="jumbotron profile" id="profile-card">
<div class="w3-container fadeInLeft" data-wow-delay="0.3s">
<div class="w3-card-4" style="margin:auto;max-width:500px">
<header class="w3-container w3-light-grey">
<h3 class="card-title fadeInLeft">Deep Bhattacharyya</h3>
</header>
<div class="w3-container">
<div class="summary container-fluid">
<div class="row">
<div class="col-sm-2">
<img src="./images/face.jpg" alt="Deep Bhattacharyya"
class="w3-circle face-image w3-left">
</div>
<div class="col-sm-10">
<p class="profile-text">Student at Monash University.<br><span class="address"><span
class="glyphicon glyphicon-map-marker"></span> Clayton, VIC
3800 Australia</span>
</p>
</div>
<p class="profile-text">Currently Studying:<br>Commerce Specialist (Finance) <br>+ IT
(Business Information Systems)</p>
<p class="profile-text">Working knowledge of:<br>Python, Java, Javascript, HTML, CSS,
node.JS, React Native, Bootstrap, PHP and VBA.</p>
<p class="profile-text">Year 12 Graduate from John Monash Science School:<br>Atar of
98.3 out of 99.95</p>
</div>
</div>
</div>
<a href="https://www.linkedin.com/in/deeplydiligent/">
<button class="w3-button w3-block w3-dark-grey"
href="https://www.linkedin.com/in/deeplydiligent/">Connect With Me On <i
class="fa fa-linkedin-square"></i> <span
class="glyphicon glyphicon-chevron-right"></span></button>
</a>
</div>
<div class="cert-table" style="width:100%; overflow-x:auto">
<table class="certificate" style="margin:auto; margin-top:40px">
<tr>
<td>
<a data-toggle="modal" data-target="#certificate-1"
class="testdome-certificate-stamp silver">
<img src="images/cert-sm.png" style="margin:auto; display:block; height:100px" />
</a>
</td>
<td>
<a href='https://play.google.com/store/apps/details?id=deeplydiligent.vidnote'>
<img src="images/gplay.png" style="margin:auto; display:block; height:80px" />
</a>
</td>
<td>
<a
href='https://www.youracclaim.com/badges/199ec681-09b6-4092-9fcd-76d729e4b3c4/linked_in_profile'>
<img src="images/capm.png" style="margin:auto; display:block; height:100px" />
</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<a class="anchor" id="projects"></a>
<div class="jumbotron projects" id="recent-projects-jumbotron">
<div class="projects-showcase">
<h1 class="recent-headings-title recent-shapes">Recent Projects</h1>
<br><br><br>
<div class="recent-shapes highlight-app w3-container w3-card-4"
onclick="location.href='http://play.google.com/store/apps/details?id=deeplydiligent.vidnote&hl=en';"
style="cursor: pointer;">
<div class="row">
<div class="col-sm-4 card-image">
<img src="./images/ic_launcher.png">
</div>
<div class="col-sm-8">
<div class="card-block">
<h4 class="card-title">Lyrical.io - A Lyrics Maker</h4>
<p class="card-text">An app for all your lyric writing needs. Download it now from the
play store!</p>
<a class="play-store-sticker-1"
href='https://play.google.com/store/apps/details?id=deeplydiligent.vidnote'>
<img src="images/gplay.png"
style="max-width:180px; height:auto; margin:auto; display:block" />
</a>
</div>
</div>
</div>
</div>
<br><br>
<div class="container-fluid" style="padding:0px">
<div class="row" style="margin:0px">
<div class="col-sm-6 recent-shapes" style="padding:0px">
<div class="projects-card w3-container">
<div class="w3-card-4" style="width:auto;">
<header class="w3-container w3-blue">
<h1 style="font-size:30px">🤖 DeeplyDiligent Bot</h1>
</header>
<div class="projects w3-container">
<p>In the emerging field of Artificial Intelligence, I created a bot to help
people remember their daily tasks. In the future, Google Calendar
integration will ensure users can be reminded on all devices. This project
uses node.JS and mySQL, which were used to communicate with the server and
store reminders.</p>
</div>
<a>
<button type="button" class="w3-button w3-block w3-blue" data-toggle="modal"
data-target="#messengerBot">
View A Screenshot <i class="fa fa-camera"></i>
</button>
</a>
</div>
</div>
</div>
<div class="col-sm-6 recent-shapes" style="padding:0px">
<div class="projects-card w3-container">
<div class="w3-card-4" style="width:auto;">
<header class="w3-container w3-blue">
<h1 style="font-size:27px"><span
class="glyphicon glyphicon-th-list"></span> Employee Tracking
App for NBN</h1>
</header>
<div class="projects w3-container">
<p>Designed a PHP based form to be used at my father's workplace for project
management. Used my experience in PHP and MySQL to create a robust and
adaptable solution, as required by the specification given by the company.
Data entry skills such as input validation and mail merge were also
important.</p>
</div>
<a>
<button type="button" class="w3-button w3-block w3-blue" data-toggle="modal"
data-target="#employeeTracker">
View A Screenshot <i class="fa fa-camera"></i>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="row" style="margin:0px">
<div class="col-sm-6 recent-shapes" style="padding:0px">
<div class="projects-card w3-container">
<div class="w3-card-4" style="width:auto;">
<header class="w3-container w3-blue">
<h1 style="font-size:24px"><span
class="glyphicon glyphicon-list-alt"></span> Python Data
Verifier for ClimateWatch</h1>
</header>
<div class="projects w3-container">
<p>Designed and programmed a Guided User Interface to be used to validate data
collected from public by the ClimateWatch organisation. The program
integrated with the Google Search By Image API to check if the user
submitted an image found elsewhere online. Learnt to work with tkinter,
numpy and pillow.</p>
</div>
<a>
<button type="button" class="w3-button w3-block w3-blue" data-toggle="modal"
data-target="#python">
View A Screenshot <i class="fa fa-camera"></i>
</button>
</a>
</div>
</div>
</div>
<div class="col-sm-6 recent-shapes" style="padding:0px;">
<div class="projects-card w3-container">
<div class="w3-card-4" style="width:auto; heigh:auto;">
<header class="w3-container w3-blue">
<h1 style="font-size:24px"><span
class="glyphicon glyphicon-globe"></span> DeeplyDiligent Website
</h1>
</header>
<div class="projects w3-container">
<p>This website was made as a personal project in an endeavour to grow my reach
using Search Engine Optimisation (SEO) techniques and to learn the Material
Bootstrap framework for CSS. I was able to grow my expertise in designing
elegant websites in addition to developing my online profile.</p>
</div>
<a>
<button type="button" class="w3-button w3-block w3-blue" data-toggle="modal"
data-target="#thisWebsite">
View A Screenshot <i class="fa fa-camera"></i>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="anchor" id="work-experience"></a>
<div class="jumbotron work-experience" id="work-e-jumbotron">
<div class="work-experience-showcase">
<h1 style="display:inline-block" class="work-e-shapes">Work Experience</h1><br><br><br><br>
<div class="col-xl-12 work-e-shapes">
<div class="media mb-1">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop align-self-center" alt="MASA" src="./images/MASA_FA.png">
</div>
<div class="media-body">
<h4 class="media-heading">IT and Graphics Officer - Monash Accounting Students' Association
</h4>
<p>
- Created eye-catching graphics for marketing events to
600+ members with over 100 people in attendance at big events<br>
- Updated the MASA website every week<br>
- Created a sign up form for all events to increase traffic to the website by 200%<br>
- Served multiple roles in a team of 30 people including First Year Representative,
Graphics Officer and IT Officer.<br>
</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop align-self-center" alt="Folder" src="./images/folder.jpg">
</div>
<div class="media-body">
<h4 class="media-heading">File and Finder - IT Startup</h4>
<p> - Using Test Driven Development to boost reliability of MVP.<br>
- Writing 500 lines Front End Code in React.JS, inclding over 10 classes.<br>
- Integrating the front-end with back-end APIs.<br>
- Working within a team using github.
</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop" src="./images/lm.png" alt="Learnmate Pty Ltd">
</div>
<div class="media-body">
<h4 class="media-heading">Learnmate - Tutoring VCE Physics (March 2017 to Present)</h4>
<p>
I have been delivering VCE Physics tuition lessons since March after receiving
a study score of 47/50 for VCE Physics. This experience taught me to simplify
concepts so students who didn't have the same background as me could understand.
Furthermore, it also built my ability to run my own business as an independent
contractor and selling myself to clients.
1</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop align-self-center" alt="Hungry Jacks'"
src="https://upload.wikimedia.org/wikipedia/commons/b/b1/Hungry_Jack%27s.svg">
</div>
<div class="media-body">
<h4 class="media-heading">Hungry Jack's - Team Member (June 2017 to December 2017)</h4>
<p>Worked in a fast paced retail environment, sharpening my problem solving and teamwork
skills. I was able to pick up new techniques rapidly, allowing me to provide faster
service and impressing my managers.</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop" src="./images/msa.png" alt="Monash Student's Association">
</div>
<div class="media-body">
<h4 class="media-heading">MSA Finance Intern - Accounting (Aug 2017 to Oct 2017)</h4>
<p>As an accounting intern, I was responsible for proccessing accounts payable, recievable
invoices as well as parts of payroll. I developed sharp data entry and communication
skills during this work placement, while also getting to know what it was like working
for a non-profit organisation.</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop" src="./images/jb.png" alt="JB Hi-Fi">
</div>
<div class="media-body">
<h4 class="media-heading">JB Hi-Fi - Software Advisor (Dec 2016 to Jan 2017)</h4>
<p>In this Christmas Casual position at JB Hi-Fi, I served thousands of customers in their
busiest time of the year. I was responsible for credit card payments, processing of
dockets and upselling popular movies and games.</p>
</div>
</div>
<hr>
<div class="media mb-1 work-e-shapes">
<div class="media-left waves-light work-exp-pics-pos">
<img class="work-exp-img-crop" src="./images/jmss.png" alt="John Monash Science School">
</div>
<div class="media-body">
<h4 class="media-heading">John Monash Science School - Teaching Computer Games Programming
(January 2016 to April 2016)</h4>
<!-- Reference to teamwork David-->
<p>As a co-curricular teacher at John Monash Science School, together with another collegue
(<a href="https://www.linkedin.com/in/david-p-2a5762b6/">David Pham</a>), our
responsibilities included planning and delivering 12 lessons in an engaging and
informative way to allow students to create their own two dimensional game. This
objective was then assessed in the form of a presentation where students were asked to
make a simple game and then present it in a set amount of time. The progress of each
student was tracked in excel and a final participation grade was awarded based on their
presentations.</p>
</div>
</div>
</div>
</div>
</div>
<a class="anchor" id="contact"></a>
<div class="jumbotron contact">
<div class="contact-showcase">
<h1 style="display:inline-block">Contact</h1>
<br><br>
<p style="font-family: 'Courier New', Courier, monospace; word-wrap: break-word;">if
(programmer.cannotBeReachedBy(smokeSignals)){<br> pleaseFillForm();<br>}</p><br>
<p>Thanks for taking the time to visit my website. If you have any questions or comments, feel free to
fill out the form below or contact me directly at:</p>
<p style="word-wrap: break-word; margin-left:20px">
Email:  <a
href="mailto:bhattacharyya.deep@gmail.com">bhattacharyya.deep@gmail.com</a><br>Mobile: +61 0434 1000 56
</p>
<a href="https://goo.gl/forms/h7YuDAgAAJsCkMzR2" class="btn btn-success btn-send" target="_blank"
style="margin-bottom:10px;margin-top:10px">Fill form <span
class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
<footer>
<p class="text-center" style="font-family: 'Flamenco'; font-size:20px"> © Deep Bhattacharyya 2018</p>
</footer>
<!-- Modal -->
<div class="modal fade" id="messengerBot" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">DeeplyDiligent Facebook Messenger Bot</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/botss.png" />
</div>
</div>
</div>
</div>
<div class="modal fade" id="employeeTracker" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Employee Tracker for NBNCo</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/emptrackss.png" />
</div>
</div>
</div>
</div>
<div class="modal fade" id="python" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Python Data Verification and Graphing for
ClimateWatch</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/pythonss.png" />
</div>
</div>
</div>
</div>
<div class="modal fade" id="thisWebsite" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">DeeplyDiligent Website Made in HTML/CSS/JS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/thiswebsitess.png" />
</div>
</div>
</div>
</div>
<div class="modal fade" id="certificate-1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header" href="https://www.testdome.com/cert/hz6f9yfwfx">
<a href="https://www.testdome.com/cert/hz6f9yfwfx">
<h5 class="modal-title" id="exampleModalLabel">TestDome Certificate in HTML/CSS/JS</h5>
</a>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<a href="https://www.testdome.com/cert/hz6f9yfwfx">
<img src="images/certificate.png" />
<div>Please click on the image to see the official certificate.</div>
</a>
</div>
</div>
</div>
</div>
</div>
<script>new WOW().init();</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script>
</body>
</html>