Profile Page
Mobile About
Touch-optimized profile page with accordion education timeline, horizontally scrollable skill chips, collapsible club cards, and CEFR language proficiency section.
Desktop about-এর mobile adaptation। Accordion cards, horizontal scroll chips, tap-to-expand interaction pattern।
mobile/about/index.html
Accordion Pattern
Horizontal Scroll
Page Sections
About Page Features
Desktop about-এর সব features mobile-এ touch-friendly pattern-এ adapt করা হয়েছে।
Education Timeline
Accordion-style cards for BSc KUET, HSC, SSC. Tap header to expand full details. max-height transition creates smooth collapse effect.
Tap করলে education detail expand হয়। CSS max-height: 0 → auto transition।
Skill Chips
Horizontally scrollable row of 12 skill chips. CSS overflow-x: scroll; scroll-snap-type: x. Momentum scrolling with -webkit-overflow-scrolling: touch.
Swipe করে chips scroll করা যায়। Touch momentum scrolling enabled।
Club Cards
5 collapsible club/organization cards. Click header → toggleClubDetails(n) JS function → expand description + role info.
৫টি club — tap করলে expand, আবার tap করলে collapse। JS accordion pattern।
CEFR Language
Visual CEFR language proficiency bars for English and Bangla. Same as desktop but single-column layout on mobile.
English C1, Bangla native — visual bar chart। Mobile-এ full-width, desktop-এ grid।
Interaction Pattern
Accordion Cards
Education timeline-এর accordion design — desktop-এ সব দেখা যায়, mobile-এ collapse করা থাকে।
Mechanical Engineering · CGPA in progress · Khulna, Bangladesh
Skills
Horizontal Scroll Chips
Right swipe করে আরও chips দেখুন। Desktop-এ grid, mobile-এ horizontal row।
SolidWorks
MATLAB
Python
Arduino
HTML/CSS/JS
Ansys FEA
AutoCAD
Proteus
Git/GitHub
Fusion 360
Microsoft Office
LaTeX
Desktop vs Mobile Layout Difference
Desktop about-এ সব education cards simultaneously দৃশ্যমান — vertical timeline style। Mobile-এ screen space save করতে accordion pattern। Club cards উভয়তেই accordion, কিন্তু mobile-এ default closed, desktop-এ প্রথমটি open।