Delivered a fast and lightweight institutional information portal
Preparing the next view...
Daffodil International University / Case study
Institutional News & Notice Aggregation Platform
Daffodil News Portal is a static institutional web platform built for Daffodil International University to aggregate and present official news, notices, academic journals, and campus events in a structured, responsive layout. Built using HTML5, Bootstrap 5, and custom CSS, the system provides fast access to university updates with a clean, dependency-light architecture deployed on Netlify.
- Company
- Daffodil International University
- Role
- Frontend engineering
- Year
- Selected work
- Duration
- Product delivery
The Daffodil News Portal is a framework-free static website designed to serve as a centralized information hub for university news, notices, academic journals, and campus events. It focuses on simplicity, fast loading, and direct access to institutional content, relying entirely on HTML, CSS, and CDN-based dependencies without any backend or build system.
HTML5CSS3Bootstrap 5.1.3FontAwesomeGoogle Fonts
02 / Outcome
What changed after the work.
Improved accessibility of university notices and news
Enabled simple deployment with zero build complexity
Maintained consistent branding aligned with university identity
03 / Engineering decisions
Challenge, implementation, outcome.
Challenge
Managing fully hardcoded content without CMS or API layer
Implementation
Developed full static UI using HTML and Bootstrap
Outcome
Delivered a fast and lightweight institutional information portal
Challenge
Handling large unoptimized image assets (~23MB total)
Implementation
Implemented responsive layouts for all sections
Outcome
Improved accessibility of university notices and news
Challenge
Maintaining scalability in a single-page HTML architecture
Implementation
Structured academic content sections (news, journals, notices)
Outcome
Enabled simple deployment with zero build complexity
04 / System view
How the product moves.
single-page section-based layout
01Static HTML
02Bootstrap Rendering
03CDN Assets
04Client Browser (no backend processing)
Core features
- Responsive Bootstrap-based navigation system
- Full-screen hero section with university branding and CTAs
- Official notice board linking to external PDF notices
- Academic journal showcase with hover interactions
- Campus news and events card grid layout
- Contact form UI with social media integration
- Fully responsive design across mobile and desktop devices
- Static deployment via Netlify CDN
My contribution
- Developed full static UI using HTML and Bootstrap
- Implemented responsive layouts for all sections
- Structured academic content sections (news, journals, notices)
- Integrated external university links and resources
- Managed deployment through Netlify static hosting
Performance and quality
- Fast load time due to static HTML structure
- No JavaScript framework overhead
- CDN-based asset delivery for UI libraries
- Simple DOM structure improves rendering speed
- Cross-browser layout validation
- Responsive design testing across devices
- Manual UI verification for navigation and links
Next case study
Scatch