Detailed personal profile — education timeline, 12-skill grid, CEFR English level indicator, hobbies list, 5 expandable club/organization cards, and a link to the Certificates Viewer.
Profile, education timeline, ১২টি skill chip, CEFR language level, ৫টি expandable club card, এবং Certificates Viewer — সব একসাথে।
Vertical timeline with 3 education nodes: BSc in KUET (current), HSC from Notre Dame College, SSC from school. Each has institution name, department/group, year, and GPA badge.
৩টি education milestone। Timeline node-এ institution, department, year, এবং GPA badge। AOS fade-left animation।
12 skill badges arranged in a flex-wrap grid. Each badge has an icon and label. Hover effect: slight scale-up + red border glow. Categories are visually color-coded.
১২টি skill badge। Hover করলে scale হয় এবং red glow আসে। Color দিয়ে category বোঝানো হয়।
A visual CEFR (Common European Framework of Reference) scale showing English proficiency. The current level (C1 — Advanced) is highlighted with a red glow. Other levels are dimmed.
English proficiency CEFR scale (A1–C2)। Current level C1 highlighted। Visitors সহজে বুঝতে পারে।
5 club/organization cards that expand on click. Each card shows the club name + role, then expands to reveal activities, achievements, and duration. Uses toggleClubDetails() JS function.
৫টি card click করলে expand হয়। Club name, role, activities — সব toggle করে দেখানো হয়।
Accessible from the About page — a separate certificates-viewer.html page. Shows all 10 certificates with filter tabs by category, a grid view, and a PDF inline viewer.
About page থেকে link করা আলাদা page। Category filter, grid view, inline PDF viewer সহ ১০টি certificate।
certificates-data.json — all metadata stored in JSON| File | Type | Purpose |
|---|---|---|
| About me/about.html | Core | Main about page — all sections |
| About me/about-desktop.css | CSS | Page-specific styles — chip grid, club cards, CEFR scale, particle canvas |
| About me/certificates-viewer.html | Sub-page | Certificates viewer — filter tabs, grid, inline PDF viewer |
| About me/certificates-data.json | Data | Array of certificate objects — title, issuer, date, file path, category |
| Optimization/styles.css | CSS | Global reset + base styles |
| Optimization/navbar-autohide.css/.js | Shared | Desktop navbar with autohide on scroll |
| Optimization/Background/background-system.css | Shared | Animated grid + particle background |
| Particle Canvas (inline JS) | JS | Canvas element particles-canvas with floating dots |
| toggleClubDetails() | Function | Expands/collapses club card body on click |
| Font Awesome 6 (CDN) | Icons | All icon usage |
| Google Fonts — Inter | Font | Primary typeface |