-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
415 lines (390 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
<!DOCTYPE html>
<html class="overflow-x-hidden h-full" lang="en">
<head>
<meta charset="utf-8">
<title>Akhteruzzaman</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!-- Template CSS Files -->
<link rel="stylesheet" href="assets/css/circle.css" >
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/component.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- CSS Skin File -->
<link rel="stylesheet" href="assets/css/skins/green.css">
<!-- Modernizr JS File -->
<script src="assets/js/modernizr.min.js"></script>
</head>
<body class="home font-Poppins text-fs-16 text-black-6 font-medium leading-lh-1.6 relative w-full h-full bg-white overflow-hidden">
<!-- Preloader Starts -->
<div id="preloader" class="fixed z-100 group left-0 top-0 h-screen w-full flex justify-center items-center pointer-events-none before:absolute before:left-0 before:top-0 before:w-1/2 before:h-full before:bg-light-grey before:transition-all before:duration-300 after:absolute after:right-0 after:top-0 after:w-1/2 after:h-full after:bg-light-grey after:transition-all after:duration-300 [&.preloaded]:before:animate-finishanimation [&.preloaded]:after:animate-finishanimation">
<div class="line m-0 h-250 w-3 rounded-4 relative overflow-hidden transition-all duration-700 before:animate-animateline before:z-10 before:absolute before:left-0 before:top-1/2 before:w-3 before:h-0 before:-translate-y-1/2 after:animate-animatebgline after:absolute after:left-0 after:w-1 after:h-full after:bg-transparent after:-translate-y-full group-[.preloaded]:opacity-0 group-[.preloaded]:!h-full group-[.preloaded]:after:opacity-0"></div>
</div>
<!-- Preloader Ends -->
<!-- Header Starts -->
<header class="header from-lg:fixed from-lg:right-30 from-lg:bottom-0 from-lg:z-30 from-lg:flex from-lg:items-center from-lg:h-[calc(100vh-200px)] from-lg:top-100 from-lg:opacity-100 from-lg:transition from-lg:duration-300 from-lg:[&.hide-header]:z-0 from-lg:[&.hide-header]:opacity-0" id="navbar-collapse-toggle">
<!-- Fixed Desktop Navigation Starts -->
<ul id="desktop-nav" class="icon-menu down-lg:hidden from-md:block uppercase">
<li class="desktop-nav-element group cursor-pointer w-50 h-50 relative flex items-center transition duration-300 my-20 mx-0 rounded-full bg-light-grey active">
<i class="fa fa-home absolute left-0 right-0 mx-auto block text-center top-15 pointer-events-none text-fs-19 group-hover:text-white group-[.active]:text-white transition-all duration-300"></i>
<div class="block p-0 w-50 h-50" >
<h2 class="absolute text-center -z-10 block h-50 pr-25 pl-30 text-fs-15 right-0 opacity-0 text-white leading-lh-50 font-medium transition-all duration-300 rounded-30 group-hover:opacity-100 group-hover:right-27 group-hover:rounded-tl-30 group-hover:rounded-bl-30 group-hover:rounded-tr-none group-hover:rounded-br-none">Home</h2>
</div>
</li>
<li class="desktop-nav-element group cursor-pointer w-50 h-50 relative flex items-center transition duration-300 my-20 mx-0 rounded-full bg-light-grey">
<i class="fa fa-user absolute left-0 right-0 mx-auto block text-center top-15 pointer-events-none text-fs-19 group-hover:text-white group-[.active]:text-white transition-all duration-300"></i>
<div class="block p-0 w-50 h-50" >
<h2 class="absolute text-center -z-10 block h-50 pr-25 pl-30 text-fs-15 right-0 opacity-0 text-white leading-lh-50 font-medium transition-all duration-300 rounded-30 group-hover:opacity-100 group-hover:right-27 group-hover:rounded-tl-30 group-hover:rounded-bl-30 group-hover:rounded-tr-none group-hover:rounded-br-none">About</h2>
</div>
</li>
</ul>
<!-- Fixed Desktop Navigation Ends -->
<!-- Mobile Menu Starts -->
<nav class="hidden down-md:block relative">
<div id="menuToggle" class="fixed top-30 right-30 z-50 select-none pt-19 pl-16 w-54 h-54 rounded-5 bg-light-grey xs:right-15 xs:top-4 xs:pb-13 xs:w-49 xs:h-49">
<input id="inputmobile" class="h-54 w-54 absolute top-0 left-0 opacity-0 z-20 cursor-pointer peer" type="checkbox">
<span class="flex h-0.5 w-23 mb-5 relative bg-black-6 z-10 rounded-3 origin-0 custom-transition peer-checked:rotate-45 peer-checked:translate-x-1 peer-checked:translate-y-0"></span>
<span class="flex h-0.5 w-23 mb-5 relative bg-black-6 z-10 rounded-3 origin-0-100 custom-transition peer-checked:opacity-0 peer-checked:scale-0-2"></span>
<span class="flex h-0.5 w-23 mb-5 relative bg-black-6 z-10 rounded-3 origin-0-100 custom-transition peer-checked:-rotate-45 peer-checked:translate-x-2 peer-checked:translate-y-2"></span>
<ul class="fixed m-0 left-0 top-0 w-full h-full pt-60 bg-light-grey -translate-x-full ease-menu-mobile duration-500 peer-checked:transform-none [&>li]:cursor-pointer [&>li]:after:absolute [&>li]:after:h-px [&>li]:after:w-[calc(100%-60px)] [&>li]:after:bg-grey [&>li]:after:left-30 [&>li:last-child]:after:hidden" id="mobile-nav">
<li class="mobile-nav-element active relative pl-30 home-link">
<div class="uppercase delay-2000 no-underline relative text-fs-26 xs:text-fs-18 py-14">
<i class="fa fa-home"></i>
<span class="absolute left-50 xs:left-35 font-normal">Home</span>
</div>
</li>
<li class="mobile-nav-element relative pl-30">
<div class="uppercase delay-2000 no-underline relative text-fs-26 xs:text-fs-18 py-14">
<i class="fa fa-user"></i>
<span class="absolute left-50 xs:left-35 font-normal">About</span>
</div>
</li>
</ul>
</div>
</nav>
<!-- Mobile Menu Ends -->
</header>
<!-- Header Ends -->
<!-- Main Content Starts -->
<div class="w-full h-full pages overflow-hidden">
<!-- Home Starts -->
<div class="page page--current" id="home">
<div class="bg-accent fixed w-full h-200prcnt -rotate-15 -top-1/2 -left-83prcnt hidden from-lg:block"></div>
<div class="flex items-center h-screen w-full down-lg:mx-auto down-lg:justify-center xs:text-left down-lg:text-center ">
<!-- Desktop Image Starts -->
<img class="hidden from-lg:block fixed w-1/3 h-[calc(100vh-80px)] left-40 top-40 rounded-30 shadow-2 object-cover" src="assets/img/zaman.jpg" alt="">
<!-- Desktop Image Ends -->
<div class="from-lg:ml-100/3 from-lg:w-2/3">
<div class="mx-auto max-w-550 custom-md-1:max-w-450">
<!-- Mobile Image Starts -->
<img src="https://via.placeholder.com/300x300" class="hidden down-lg:block xs:!hidden rounded-full w-270 h-270 mx-auto mb-25 border-4 border-solid border-light-grey" alt="my picture">
<!-- Mobile Image Ends -->
<!-- Informations Starts -->
<h1 class="text-fs-51 text-accent font-Poppins relative uppercase font-bold leading-lh-62 pl-70 before:absolute before:left-0 before:top-29 before:h-4 before:w-40 before:rounded-10 custom-md-2:text-fs-42 down-xl:before:hidden down-xl:pl-0 custom-md-2:leading-lh-52 down-md:text-fs-38 down-md:leading-lh-48 down-md:mt-29 down-md:mb-13 xs:text-fs-29 xs:leading-lh-39 xs:mt-18">Akhteruzzaman</h1>
<h3 class="uppercase text-fs-26 xs:text-fs-21 pb-22 font-semibold">Full-Stack Developer (Laravel, VueJS, WordPress)</h3></span>
<p class="font-Open-sans mt-15 mb-28 leading-lh-35 down-lg:mt-2.5 down-lg:mb-23 down-lg:text-fs-15 down-lg:leading-lh-30"> I’m a passionate programmer and
I'm a Full Stack Web & Software Developer specializing in Laravel, Vue.js, and WordPress. Passionate about building scalable applications, I create seamless digital experiences with clean code, modern design, and innovative solutions
</p>
<p style="margin-bottom: 5%;">
Live Work Links: <br>
<a href="https://skilledbird.com/" style="color: blue;" target="_blank">https://skilledbird.com </a> <span style="color: black;"> - E-Learning System with Vue JS & Laravel</span>
<a href="https://pukucrm.akhteruzzaman.com/" style="color: blue;" target="_blank">https://pukucrm.com </a> <span style="color: black;"> - CRM made with Vue & Firebase</span>
<a href="https://restorapos.akhteruzzaman.com/" style="color: blue;" target="_blank">https://restorapos.com </a> <span style="color: black;"> - POS made with Vue & Firebase</span>
<a href="https://rasoighar.akhteruzzaman.com/" style="color: blue;" target="_blank">https://rasoighar.com </a> <span style="color: black;"> - E-Commerce made with Vue & Firebase</span>
<a href="https://mshassociate.com/" style="color: blue;" target="_blank">https://mshassociate.com </a> <span style="color: black;"> - Laravel based legal service management</span>
</p>
<div id="link-about" class="button group cursor-pointer overflow-hidden inline-block leading-lh-1.4 rounded-30 text-ellipsis text-center align-middle select-none transition-all duration-250 ease-in-out uppercase no-underline relative z-10 py-16 pr-70 pl-35 text-fs-15 font-semibold text-white bg-transparent outline-0 before:absolute before:-z-10 before:left-0 before:right-0 before:top-0 before:bottom-0 before:translate-x-full hover:before:translate-x-0 before:transition before:duration-300 before:ease-out">
<span class="relative z-20 text-black-6 group-hover:text-white transition-all duration-300">more about me</span>
<span class="absolute -right-px bottom-0 w-55 h-55 flex items-center justify-center rounded-full text-white text-fs-19 fa fa-arrow-right bg-accent"></span>
</div>
<!-- Informations Ends -->
</div>
</div>
</div>
</div>
<!-- Home Ends -->
<!-- About Starts -->
<div class="page " id="about">
<div class="w-full">
<!-- Section Title Starts -->
<div class="mx-auto w-full relative py-80 text-center xs:px-25 xs:pt-16 xs:pb-14 xs:bg-light-grey xs:border-b xs:border-grey xs:fixed xs:left-0 xs:right-0 xs:top-0 xs:z-20">
<h2 class="text-fs-56 font-black font-Poppins uppercase text-black-6 m-0 xs:text-fs-26 xs:text-left xs:leading-lh-1.2">
about <span class="text-accent">me</span>
</h2>
<span class="text-fs-110 absolute left-0 right-0 top-1/2 tracking-10 leading-lh-0.7 font-extrabold text-light-grey-2 -translate-y-1/2 uppercase xs:hidden">resume</span>
</div>
<!-- Section Title Ends -->
<div class="xl:max-w-1140 custom-md-3:max-w-[calc(100%-195px)] lg:max-w-960 md:max-w-720 sm:max-w-540 xs:max-w-full mx-auto">
<div class="flex flex-row down-lg:flex-col">
<!-- Personal Informations Starts -->
<div class="xl:basis-1/2 lg:basis-5/12 down-lg:basis-full">
<h3 class="uppercase text-fs-26 xs:text-fs-21 pb-22 font-semibold">
personal infos
</h3>
<img class="hidden xs:block rounded-full border-4 border-solid border-light-grey w-230 h-230 mb-25 mx-auto" src="https://via.placeholder.com/300x300" alt="">
<div class="flex justify-between xs:justify-start font-Open-sans capitalize">
<div class="basis-1/2 [&>div]:pb-20 [&>div:last-child]:pb-0 text-fs-15 xs:text-fs-14">
<div>
<span class="opacity-80">
first name :
</span>
<span class="xs:block custom-md-2:block font-semibold">
AKHTERUZZAMAN
</span>
</div>
<div>
<span class="opacity-80">
address :
</span>
<span class="xs:block custom-md-2:block font-semibold">
Kuala Lumpur, Malaysia
</span>
</div>
<div>
<span class="opacity-80">
email :
</span>
<span class="xs:block custom-md-2:block font-semibold">
</span>
</div>
</div>
<div class="basis-1/2 [&>div]:pb-20 [&>div:last-child]:pb-0 text-fs-15 xs:text-fs-14">
<div>
<span class="opacity-80">
phone :
</span>
<span class="xs:block custom-md-2:block font-semibold">
+60 11 61 394017
</span>
</div>
<div>
<span class="opacity-80">
langages :
</span>
<span class="xs:block custom-md-2:block font-semibold">
English, Bengali, Hindi, Japanese ( Basics )
</span>
</div>
</div>
</div>
</div>
<!-- Personal Informations Ends -->
<!-- Facts Starts -->
<div class="xl:basis-1/2 lg:basis-7/12 down-lg:basis-full down-lg:mt-50">
<div class="flex down-lg:-mx-15 flex-wrap">
<div class="w-1/2 px-15">
<div class="pt-20 xs:pt-15 pr-30 xs:pr-20 pb-25 xs:pb-20 pl-40 xs:pl-25 border border-grey rounded-5 mb-30 xs:mb-25">
<h3 class="relative inline-block font-bold text-fs-50 xs:text-fs-40 text-accent leading-lh-1.2 after:content-['+'] after:absolute after:-right-24 after:text-fs-33 after:font-light after:top-2">
7
</h3>
<p class="relative xs:text-fs-14 uppercase pl-45 xs:pl-0 xs:before:hidden font-Open-sans font-medium before:absolute before:left-0 before:top-13 before:w-30 before:h-1 before:bg-black-5">
years of <span class="block">experience</span>
</p>
</div>
</div>
<div class="w-1/2 px-15">
<div class="pt-20 xs:pt-15 pr-30 xs:pr-20 pb-25 xs:pb-20 pl-40 xs:pl-25 border border-grey rounded-5 mb-30 xs:mb-25">
<h3 class="relative inline-block font-bold text-fs-50 xs:text-fs-40 text-accent leading-lh-1.2 after:content-['+'] after:absolute after:-right-24 after:text-fs-33 after:font-light after:top-2">
20
</h3>
<p class="relative xs:text-fs-14 uppercase pl-45 xs:pl-0 xs:before:hidden font-Open-sans font-medium before:absolute before:left-0 before:top-13 before:w-30 before:h-1 before:bg-black-5">
completed <span class="block">projects</span>
</p>
</div>
</div>
</div>
</div>
<!-- Facts Ends -->
</div>
<hr class="border-t border-solid border-t-grey mx-auto max-w-40prcent mt-70 mb-55">
<h3 class="uppercase text-fs-26 xs:text-fs-21 pb-48 font-semibold text-center">
my skills
</h3>
<!-- Skills Starts -->
<div class="flex w-full flex-wrap">
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p90 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">90%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">PHP</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p90 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">90%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">Laravel</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p90 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">90%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">Vue</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p90 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">80%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">WordPress</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p80 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">80%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">Firebase</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p60 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">60%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">Python</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p80 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">80%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">Moodle</h6>
</div>
<div class="w-1/4 mb-48 down-sm:w-1/2 xs:mb-16">
<div class="c100 p60 float-none mx-auto bg-light-grey after:!bg-white">
<span class="!text-black-6">60%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
<h6 class="uppercase font-Open-sans text-center mt-24 xs:mt-8">React Native</h6>
</div>
</div>
<!-- Skills Ends -->
<hr class="border-t border-solid border-t-grey mx-auto max-w-40prcent mt-35 mb-55">
<h3 class="uppercase text-fs-26 xs:text-fs-21 pb-48 font-semibold text-center">
experience & certifications
</h3>
<!-- Resume Starts -->
<div class="flex down-sm:flex-col from-sm:mb-40">
<!-- Experience Starts -->
<div class="w-1/2 down-sm:w-full">
<ul>
<li class="relative pr-20 pl-60 mb-50 after:absolute after:top-0 after:left-20 after:bg-grey after:w-1 after:h-full">
<div class="bg-accent w-40 h-40 absolute left-0 leading-lh-40 text-center z-10 rounded-full text-white">
<i class="fa fa-briefcase"></i>
</div>
<span class="text-black-6 text-fs-12 py-1 px-10 inline-block mb-12 rounded-20 font-semibold bg-light-grey opacity-80 font-Open-sans uppercase">
Apr 2023 - Mar 2025
</span>
<h5 class="uppercase text-fs-18 mt-7 mb-10">
Full Stack Developer
<span class="opacity-80 font-semibold text-fs-15 relative pl-26 font-Open-sans before:absolute before:w-10 before:h-2 before:bg-black-6 before:left-7 before:top-9 before:opacity-80">
G.O.A.T Collectibles Sdn Bhd · Full-time
</span>
</h5>
<p class="font-Open-sans text-fs-14">
Develop, test, and maintain a complete learning management system with Vue JS and Laravel.
</p>
</li>
<li class="relative pr-20 pl-60 mb-50 after:absolute after:top-0 after:left-20 after:bg-grey after:w-1 after:h-full">
<div class="bg-accent w-40 h-40 absolute left-0 leading-lh-40 text-center z-10 rounded-full text-white">
<i class="fa fa-briefcase"></i>
</div>
<span class="text-black-6 text-fs-12 py-1 px-10 inline-block mb-12 rounded-20 font-semibold bg-light-grey opacity-80 font-Open-sans uppercase">
Mar 2019 - Dec 2022
</span>
<h5 class="uppercase text-fs-18 mt-7 mb-10">
Web Application Developer
<span class="opacity-80 font-semibold text-fs-15 relative pl-26 font-Open-sans before:absolute before:w-10 before:h-2 before:bg-black-6 before:left-7 before:top-9 before:opacity-80">
Rongdhanu Group
</span>
</h5>
<p class="font-Open-sans text-fs-14">
Build CRM for company internal uses. Develop E-Commerce Application.
</p>
</li>
</ul>
</div>
<!-- Experience Ends -->
<!-- Education Starts -->
<div class="w-1/2 down-sm:w-full">
<ul>
<li class="relative pr-20 pl-60 mb-50 after:absolute after:top-0 after:left-20 after:bg-grey after:w-1 after:h-full">
<div class="bg-accent w-40 h-40 absolute left-0 leading-lh-40 text-center z-10 rounded-full text-white">
<i class="fa fa-graduation-cap"></i>
</div>
<span class="text-black-6 text-fs-12 py-1 px-10 inline-block mb-12 rounded-20 font-semibold bg-light-grey opacity-80 font-Open-sans uppercase">
2023
</span>
<h5 class="uppercase text-fs-18 mt-7 mb-10">
Google Data Analytics Professional Certificate
<span class="opacity-80 font-semibold text-fs-15 relative pl-26 font-Open-sans before:absolute before:w-10 before:h-2 before:bg-black-6 before:left-7 before:top-9 before:opacity-80">
Coursera
</span>
</h5>
</li>
<li class="relative pr-20 pl-60 mb-50 after:absolute after:top-0 after:left-20 after:bg-grey after:w-1 after:h-full">
<div class="bg-accent w-40 h-40 absolute left-0 leading-lh-40 text-center z-10 rounded-full text-white">
<i class="fa fa-graduation-cap"></i>
</div>
<span class="text-black-6 text-fs-12 py-1 px-10 inline-block mb-12 rounded-20 font-semibold bg-light-grey opacity-80 font-Open-sans uppercase">
2017
</span>
<h5 class="uppercase text-fs-18 mt-7 mb-10">
Web Development with PHP & Laravel
<br><span class="opacity-80 font-semibold text-fs-15 relative pl-26 font-Open-sans before:absolute before:w-10 before:h-2 before:bg-black-6 before:left-7 before:top-9 before:opacity-80">
IBCS Primax
</span>
</h5>
</li>
</li>
</ul>
</div>
<!-- Education Ends -->
</div>
<!-- Resume Ends -->
</div>
</div>
</div>
<!-- About Ends -->
</div>
<!-- Main Content Ends -->
<!-- Template JS Files -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/masonry.pkgd.min.js"></script>
<script src="assets/js/classie.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/cbpGridGallery.js"></script>
<script src="assets/js/jquery.hoverdir.js"></script>
<script src="assets/js/menu.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>