Institutional News & Notice Aggregation Platform
Sife Mahmud Simon
esc
F1
F2
F3
F4
F5
F6
F7
F8
F8
F10
F11
F12
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
—_
+ =
delete
tab
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
caps lock
A
S
D
F
G
H
J
K
L
:;
"'
return
shift
Z
X
C
V
B
N
M
<,
>.
?/
shift
fn
control
option
command
command
option
Institutional News & Notice Aggregation Platform
Static University Information Portal
Tech Stack
Frontend
HTML5
CSS3
Bootstrap 5.1.3
FontAwesome
Google Fonts
Backend
None (fully static site)
Tools
Netlify Hosting
CDN-based asset delivery
Static file deployment pipeline
Company: Daffodil International University
Type:
Status:
Year:
Duration:
Overview
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.
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
- Clean section-based single-page layout
Challenges
- Managing fully hardcoded content without CMS or API layer
- Handling large unoptimized image assets (~23MB total)
- Maintaining scalability in a single-page HTML architecture
- Non-functional contact form due to lack of backend integration
- Dependency on external CDNs for UI libraries and fonts
- No build pipeline leading to lack of optimization and caching control
Results
- Delivered a fast and lightweight institutional information portal
- Improved accessibility of university notices and news
- Enabled simple deployment with zero build complexity
- Maintained consistent branding aligned with university identity
- Provided scalable foundation for future CMS or API integration
Technologies Used
- Bootstrap for responsive grid and UI components
- FontAwesome for iconography and UI enhancement
- Google Fonts for typography styling
- Netlify for static hosting and deployment
- CSS transitions for hover interactions and UI effects
Responsibilities
- 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
Architecture
Type: fully static web application
Pattern: single-page section-based layout
Data Flow: Static HTML → Bootstrap Rendering → CDN Assets → Client Browser (no backend processing)
Integrations
- Bootstrap CDN for UI framework
- FontAwesome CDN for icons
- Google Fonts CDN for typography
- Netlify static hosting platform
- External university links for journals and notices
Performance Optimizations
- 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
Testing
- Cross-browser layout validation
- Responsive design testing across devices
- Manual UI verification for navigation and links
- Content rendering validation across sections
User Roles
User: Browse news, notices, journals, and campus events
Admin: Manually update content via HTML and redeployment