About This Template
A premium, framework-free HTML template for authentic Italian restaurants. Built with semantic HTML, custom CSS design tokens, and vanilla JavaScript. No dependencies required.
Trattoria Bella is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a food & restaurant business.
Key Features
- ✓Responsive Design — Mobile-first layout with breakpoints at 980px, 720px, and 480px
- ✓Burger Navigation — Animated mobile menu toggle with aria-expanded accessibility
- ✓Scroll Reveal — IntersectionObserver-powered animations (respects prefers-reduced-motion)
- ✓Form Validation — Client-side validation with `.form-ok` / `.form-err` feedback (no alerts)
- ✓Active Navigation — Current page highlighted via location.pathname
- ✓Auto Year — `[data-year]` elements auto-populated with current year
- ✓Menu Filtering — Category tabs filter menu cards on the Menu page
- ✓20 Images — Stock photos included in `assets/img/`