যেকোনো ফোন ও যেকোনো মনিটরে responsive design: UTI যেকোনো স্ক্রিনে কেমন দেখায়

বেশিরভাগ visitor ফোনে আসে — আমরা mobile-first design করি

আবেদনকারীরা বাসে কোর্স দেখেন। অভিভাবকরা কাজের পর নোটিশ পড়েন। শিক্ষকরা ক্লাসের ফাঁকে ফোনে attendance mark করেন। UTI interface ছোট স্ক্রিন দিয়ে শুরু করে বড় হয় — উল্টো নয়।

বিশ্বজুড়ে real device কভার করে এমন breakpoint

Layout common width-এ adapt হয়: 320–430px compact phone, 768px large phone/small tablet, 1024–1280px laptop, 1440px+ wide monitor। table card হয়। side navigation touch menu-তে collapse। দীর্ঘ form vertical stack, tap target যথেষ্ট বড়।

• পাবলিক ফোন bottom navigation: Home, Courses, Departments, Admission, Account — ছোট স্ক্রিনে thumb-reachable।
• Desktop navigation header-এ থাকে — বড় monitor-এ bottom bar দেখা যায় না।
• Finance ও academic table horizontal scroll বা card fallback দেয়, column চাপা পড়ে না।

যেকোনো পরিবেশে dark ও light mode

উজ্জ্বল classroom, অন্ধার dorm, outdoor glare পাঠযোগ্যতায় প্রভাব ফেলে। Sun/Moon theme switch; contrast token public page, login ও portal-এ উভয় mode-এ text legible রাখে।

সাধারণ hardware-এ performance

অনেক শিক্ষার্থী budget Android device ব্যবহার করে। unnecessary client bloat এড়াই, asset compress, institute page server-render — Bangladesh-এ common slower network-এ first paint দ্রুত থাকে।

নিজের device-এ দেখুন

1. ফোনে uttaratechnicalinstitute.com খুলে বাংলায় switch করুন।
2. landscape-এ ঘুরান — course grid broken layout ছাড়া reflow হয়।
3. desktop-এ window চওড়া করুন — content available space ব্যবহার করে, line length unreadable হয় না।

হোমপেজ দেখুন

ভর্তি যাত্রা শুরু করুন