-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
526 lines (511 loc) · 26.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>B. Kaveesh</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
</head>
<body>
<header>
<div class="logo">
<img src="img/me3.jpg">
</div>
<div class="navDiv">
<label for="menu">
<i class="fa-solid fa-bars"></i>
</label>
</div>
<input type="checkbox" id="menu">
<ul class="nav">
<label for="menu">
<i class="fa-solid fa-xmark"></i>
</label>
<li><a href="#home">Home</a></li>
<li><a href="#skills">My Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</header>
<div class="container">
<div class="banner" id="home">
<div class="content">
<p>WELCOME TO MY PROFILE</p>
<h1>
Hi, I'm B. Kaveesh <br/>
a <div class="gradientText">
<div class="job" data-job1="{Developer.}" data-job2="{Software.}"></div>
</div>
</h1>
<p class="width">
Motivated Software Engineering graduate with a TopUp degree from LMU and undergraduate from University of Kelaniya, eager to embark on a career. Proficient in Java and C#, with a keen interest in web technologies. Skilled in technically designing, testing, and maintaining software solutions. Possesses strong analytical skills, proactive attitude, and a commitment to delivering quality work
</p>
<div class="find">
<h3>FIND WITH ME</h3>
<ul>
<a href="./Kaveesh-CV.pdf" download="true"><li><div class="dbtn">Download CV</div><i class="fa-solid fa-download download"></i></li></a>
<a href="https://github.com/kaveeshbhashitha" target="_blank"><li><i class="fa-brands fa-github"></i></li></a>
<a href="mailto:kaveeshbhashitha@gmail.com" target="_blank"><li><i class="fa-brands fa-google"></i></li></a>
<a href="mailto:kaveesh-ps20021@stu.kln.ac.lk" target="_blank"><li><i class="fa-regular fa-envelope"></i></li></a>
<a href="https://www.linkedin.com/in/bhashitha-kaveesh/" target="_blank"><li><i class="fa-brands fa-linkedin-in"></i></li></a>
<a href="tel:+94713116142"><li><i class="fa-brands fa-whatsapp"></i></li></a>
<!-- <li><i class="fa-solid fa-phone"></i></li> -->
</ul>
</div>
</div>
<div class="avatar">
<img src="img/me3.jpg" alt="">
</div>
</div>
<div id="skills">
<h1 class="title">My Skills and Experience</h1>
<div class="listProject">
<div class="item">
<img src="img/pl.jpg" alt="">
<div class="name underline">
Progamming Languages
</div>
<div class="icon-container">
<div class="icon-item">
<i class="devicon-csharp-plain colored"></i>
<span>Desktop | Web Application</span>
</div>
<div class="icon-item">
<i class="devicon-java-plain colored"></i>
<span>Java | Mavan - Desktop | Web</span>
</div>
<div class="icon-item">
<i class="devicon-python-plain colored"></i>
<span>Python for AI | ML | DL</span>
</div>
<div class="icon-item">
<i class="devicon-php-plain colored"></i>
<span>Backend Scripting</span>
</div>
</div>
</div>
<div class="item">
<img src="img/wl.png" alt="">
<div class="name underline">
Web Technology
</div>
<div class="icon-container">
<div class="icon-item">
<i class="devicon-html5-plain colored"></i>
<span>HTML | Frontend Development</span>
</div>
<div class="icon-item">
<i class="devicon-css3-plain colored"></i>
<span>CSS | Frontend styling</span>
</div>
<div class="icon-item">
<i class="devicon-javascript-plain colored"></i>
<span>JavaScript | Dynamic Web</span>
</div>
<div class="icon-item">
<i class="devicon-sass-original colored"></i>
<span>SASS | Frontend styling</span>
</div>
</div>
</div>
<div class="item">
<img src="img/db.jfif" alt="">
<div class="name underline">
Database Technology
</div>
<div class="icon-container">
<div class="icon-item">
<i class="devicon-mongodb-plain-wordmark colored"></i>
<span>MongoDB | NoSQL-Non-Relational</span>
</div>
<div class="icon-item">
<i class="devicon-mysql-plain-wordmark colored"></i>
<span>MySQL | Relational DB</span>
</div>
<div class="icon-item">
<i class="devicon-microsoftsqlserver-plain colored"></i>
<span>JMSSQL | Relational DB</span>
</div>
<div class="icon-item">
<i class="devicon-oracle-original colored"></i>
<span>Oracle | For PL/SQL & SQL</span>
</div>
</div>
</div>
<div class="item">
<img src="img/fw.jpg" alt="">
<div class="name underline">
FrameWork & Libraries
</div>
<div class="icon-container">
<div class="icon-item">
<i class="devicon-react-original-wordmark colored"></i>
<span>ReactJS | UI Design</span>
</div>
<div class="icon-item">
<i class="devicon-spring-original colored"></i>
<span>Spring Boot | REST API</span>
</div>
<div class="icon-item">
<i class="devicon-dotnetcore-plain colored"></i>
<span>.NET | API and Web Development</span>
</div>
<div class="icon-item">
<i class="devicon-laravel-original colored"></i>
<span>Laraval | Web Development</span>
</div>
</div>
</div>
<div class="item">
<img src="img/ide.png" alt="">
<div class="name underline">
Development and Environments
</div>
<div class="icon-container">
<div class="flex">
<div class="icon-item">
<i class="devicon-visualstudio-plain colored"></i>
<span>VS</span>
</div>
<div class="icon-item">
<i class="devicon-vscode-plain colored"></i>
<span>VS Code</span>
</div>
<div class="icon-item">
<i class="devicon-intellij-plain colored"></i>
<span>IntelliJ</span>
</div>
<div class="icon-item">
<i class="devicon-prolog-plain colored"></i>
<span>Prologue</span>
</div>
</div>
<div class="flex">
<div class="icon-item">
<i class="devicon-minitab-plain colored"></i>
<span>Minitab</span>
</div>
<div class="icon-item">
<i class="devicon-windows11-original colored"></i>
<span>Windows</span>
</div>
<div class="icon-item">
<i class="devicon-ubuntu-plain-wordmark colored"></i>
<span>Linux/Ubuntu</span>
</div>
</div>
</div>
</div>
<div class="item">
<img src="img/dv.webp" alt="">
<div class="name underline">
Documentation & Others
</div>
<div class="icon-container">
<div class="flex">
<div class="icon-item">
<i class="devicon-azure-plain colored"></i>
<span>Azure</span>
</div>
<div class="icon-item">
<i class="devicon-git-plain colored"></i>
<span>GIT</span>
</div>
<div class="icon-item">
<i class="devicon-github-original colored"></i>
<span>GitHub</span>
</div>
<div class="icon-item">
<i class="devicon-postman-plain colored"></i>
<span>Postman</span>
</div>
</div>
<div class="flex">
<div class="icon-item">
<i class="devicon-composer-line colored"></i>
<span>Composer</span>
</div>
<div class="icon-item">
<i class="devicon-selenium-original colored"></i>
<span>Selenium</span>
</div>
<div class="icon-item">
<i class="devicon-junit-plain-wordmark colored"></i>
<span>JUnit</span>
</div>
</div>
</div>
</div>
</div>
</div>
<h1 class="title">My Journey and Achievements</h1>
<div class="tab" id="experience">
<div class="container">
<div class="list">
<div class="item">
<div class="time">2007-2020</div>
<i class="fa-solid fa-school-flag"></i>
<div class="content">
<div class="job">My School Life</div>
<div class="company">Sri Dharmaloka Collage, Kelaniya</div>
<div class="des">
<!-- 15 -->
I have successfully completed my primary and secondary education with phisical science stream with Com.Maths, Physics and Chemistry.
</div>
</div>
</div>
<div class="item">
<div class="time">2021-2023</div>
<i class="fa-solid fa-scroll"></i>
<div class="content">
<div class="job">Higher Diploma</div>
<div class="company">Pearson Collage, London | UK</div>
<div class="des">
<!-- 15 -->
I have completed HND in computing - General successfully with Programming, information Security, Networking, Prototyping and etc.
</div>
</div>
</div>
<div class="item">
<div class="time">2023 - 2024</div>
<i class="fa-solid fa-graduation-cap"></i>
<div class="content">
<div class="job">BEng.in Software Engineering</div>
<div class="company">London Metropolitan University, UK</div>
<div class="des">
<!-- 15 -->
Successfully Completed batcholor's of SE top-up degree with First Class Honors by achieving giant milestone in my life.
</div>
</div>
</div>
<div class="item">
<div class="time">2022 - Present</div>
<i class="fa-solid fa-award"></i>
<div class="content">
<div class="job">BSc.in Computer Science (Honors)</div>
<div class="company">University of Kelaniya, SL</div>
<div class="des">
<!-- 15 -->
I strated my higher studies with state university in SL and get selected for Specialization with Computer Science Honors by achieving next milestone.
</div>
</div>
</div>
<div class="item">
<div class="time">2024 - Present</div>
<i class="fa-solid fa-briefcase"></i>
<div class="content">
<div class="job">Web Developer</div>
<div class="company">Smart Grid Research Group (NoF)</div>
<div class="des">
<!-- 15 -->
As my first delivery of success, I developed fully functional website for <a href="http://sgrl.elect.uom.lk/" target="_blank" style="color: rgb(16, 16, 203);">SGRL</a> funded by ADB Sri Lanka and deployed for sustainable energy researchers.
</div>
</div>
</div>
</div>
</div>
</div>
<h1 class="title">My Projects and Developments</h1>
<div class="listProject" id="projects">
<div class="item">
<img src="img/p11.png" alt="">
<div class="name">
SmartGrid Lab Website
</div>
<p class="desc">Full functional website developed with Laravel/PHP with jetstream/Node.js and MySQL database <br>Site is developed for publish research, projects, news and administrations. <a href="http://sgrl.elect.uom.lk/" target="_blank" style="color: rgb(16, 16, 203);">sgrl.elect.uom.lk</a></p>
<div class="techs">Technology : Laraval/Jetstream | PHP | HTML | CSS | JS | MySQL | Ubuntu </div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/sgrl.elect.uom.lk" target="_blank" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p9.png" alt="">
<div class="name">
Powergrid solution Website
</div>
<p class="desc">Landing page for powergrid solution company with PHP, HTML, CSS, JS and Bootstrap. <br>Site is developed for publish services, projects and advertistments. <a href="http://powergrid.lk/" target="_blank" style="color: rgb(16, 16, 203);">powergrid.lk</a></p>
<div class="techs">Technology : PHP | HTML | CSS | Bootstrap | Ubuntu </div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/powergrid.lk" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p8.jpeg" alt="">
<div class="name">
Netflix Clone for Coursework
</div>
<p class="desc">Fully functional netflix clone that almost same to real netflix site developed for university coursework <br>Application developed using ReactJS, SpringBoot, MySQL and Stripe Payment</p>
<div class="techs">Technology : React.Js | SpringBoot | HTML | CSS | Stripe Payment | MySQL</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/netflix-frontend" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p7.png" alt="">
<div class="name">
EMS Cloud - Music App
</div>
<p class="desc">Fully complete music app designed with Figma for UI/UX coursework</p>
<div class="techs">Technology : Figma | Unsplash | Figma Icons</div>
<div class="icon-container">
<a href="" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p10.png" alt="">
<div class="name">
Resturant Website
</div>
<p class="desc">Fully functional resturant website that facilitate table reservation, registration & login, food online ordering, online payments and all resturant services with one website</p>
<div class="techs">Technology : PHP | HTML | CSS | JS | Stripe | PHPMailar | MySQL</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/restaurant-app" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p5.png" alt="">
<div class="name">
MediHelp Hospital Management system
</div>
<p class="desc">Web application for small hospital develop for different users and multiple access levels that fully automate hospital operatios and streamline patient services by reducing paper work and manual operations</p>
<div class="techs">Technology : React.Js | SpringBoot | HTML | CSS | Email.Js | MySQL</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/HMS-Application" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p4.png" alt="">
<div class="name">
Aerospace Shopping Site
</div>
<p class="desc">E commerce applicattion that targets highers social levels that facilitate services to purchase and customize aerospace products to customers including operations on both customers and admins</p>
<div class="techs">Technology : ASP.NET | HTML | CSS | JS | Bootstrap | Stripe | MSSQL</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/Rythose" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p3.png" alt="">
<div class="name">
Hospital Management System
</div>
<p class="desc">Standalone desktop hospital management system developed with C# programming language that can be operate only for hospital staff with MSSQL database</p>
<div class="techs">Technology : .NET | C# | MSSQL DB</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/Hospital-Management-System" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p2.png" alt="">
<div class="name">
Country Railway Service website
</div>
<p class="desc">Web site for railway passengers to seat reservation, ticket booking, online payments, passenger registration and login as well as admin operations for managements purposes.</p>
<div class="techs">Technology : React.Js | SpringBoot | HTML | CSS | Email.Js | Stripe | Google oAuth | MySQL</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/railway-backend" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p1.png" alt="">
<div class="name">
Vehical Rental Service
</div>
<p class="desc">Standalone desktop application for record vehical and customer details for vehical rental service to streamline company's operations with MSSQL database</p>
<div class="techs">Technology : .NET | C# | MSSQL DB</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/Rent-a-car-service-managment-system" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
<div class="item">
<img src="img/p6.png" alt="">
<div class="name">
AI Chatbot
</div>
<p class="desc">Computer-based voice assistance for the hospital environment. The patients or any person who is coming to have services from hospital can use this system to get help before they meet hospital staff or can be taken instant relief solution before meet a doctor. </p>
<div class="techs">Python | NumPy | TensorFlow | Pickle | NLTK | TTS | Pyttsx3 | Tkinter | Keras | JSON</div>
<div class="icon-container">
<a href="https://github.com/kaveeshbhashitha/AI-chatBot" class="pbtn"><div class="dbtn">See More</div><i class="fa-brands fa-github download"></i></a>
</div>
</div>
</div>
<div id="contact">
<h1 class="title">Contact Me</h1>
<ul class="contact">
<li><i class="fa-brands fa-facebook-f"></i></li>
<a href="https://github.com/kaveeshbhashitha" target="_blank"><li><i class="fa-brands fa-github"></i></li></a>
<a href="mailto:kaveeshbhashitha@gmail.com" target="_blank"><li><i class="fa-brands fa-google"></i></li></a>
<a href="mailto:kaveesh-ps20021@stu.kln.ac.lk" target="_blank"><li><i class="fa-regular fa-envelope"></i></li></a>
<a href="https://www.linkedin.com/in/bhashitha-kaveesh/" target="_blank"><li><i class="fa-brands fa-linkedin-in"></i></li></a>
<a href="tel:+94713116142"><li><i class="fa-brands fa-whatsapp"></i></li></a>
</ul>
</div>
</div>
<div id="">
<h1 class="title thanks">Thank you !</h1>
<div class="footer">
<div class="list">
<ul>
<li><strong>My Prefer</strong></li>
<li>Java, C#, JS</li>
<li>ReactJS, SpringBoot</li>
<li>CSS, Bootstrap</li>
<li>MySQL, MSSQL</li>
<li>Windows, Ubuntu</li>
</ul>
</div>
<div class="list">
<ul>
<li><strong>My Projects</strong></li>
<li>Web Applications</li>
<li>Websites</li>
<li>Desktop Applications</li>
<li>Content Writing</li>
<li>UI Design</li>
</ul>
</div>
<div class="list">
<ul>
<li><strong>Non-Technical Skills</strong></li>
<li>Adaptability</li>
<li>Colloboration</li>
<li>Attention on Detail</li>
<li>Continuous Learning</li>
<li>Time Managment</li>
<li>Communication</li>
</ul>
</div>
<div class="list">
<ul>
<li><strong>Memberships</strong></li>
<li>Mathematics Students Association, UOK</li>
<li>AWS Community, DSCS</li>
<li>Statistics and Computer Science Socity</li>
</ul>
</div>
<div class="list">
<ul>
<li><strong>Personal Details</strong></li>
<li>Home: 29/1, Eksath Mawatha</li>
<li>Mahara, Kadawatha</li>
<li>Tel: 0713116142</li>
<li class="space">
<a href="https://github.com/kaveeshbhashitha" target="_blank" class="lastl"><i class="fa-brands fa-github"></i></a>
<a href="mailto:kaveeshbhashitha@gmail.com" target="_blank" class="lastl"><i class="fa-brands fa-google"></i></a>
<a href="mailto:kaveesh-ps20021@stu.kln.ac.lk" target="_blank" class="lastl"><i class="fa-regular fa-envelope"></i></a>
<a href="https://www.linkedin.com/in/bhashitha-kaveesh/" target="_blank" class="lastl"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="tel:+94713116142" class="lastl"><i class="fa-brands fa-whatsapp"></i></a>
</li>
</ul>
</div>
</div>
<div class="fcenter">
<p>Developed by M.A.B. Kavessh | <script>document.write(new Date().getFullYear())</script></p>
</div>
</div>
</div>
</body>
</html>