About This Template
A premium, framework-free HTML/CSS/vanilla-JS template for restaurants, bistros, and seasonal dining experiences. Built bespoke from the subject — not a recolored scaffold.
OLIVO 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
- ✓Reservation bar — live "OPEN TONIGHT" indicator with service times
- ✓Hero tasting — full-bleed food image, course number label, spec-box (seatings, prices, pairing)
- ✓Course strip — horizontal scroll showing tonight's tasting progression
- ✓Readout stats — 4-cell data band with count-up animation
- ✓Signature dishes — 6 dish cards with image, name, price, description
- ✓Tasting menu display — dotted-line menu items, course headers, dietary tags (V/VG)
- ✓À la carte section — starters, mains, sides with prices
- ✓Chef story — feature split with biography and philosophy
- ✓Dining gallery — mosaic photo grid (wide + tall items)
- ✓Hours strip — opening times in 4-column grid
- ✓Testimonials — 3-column cards with star ratings
- ✓Contact/reservation form — guests, date, time, dining style, occasion, dietary, inline validation, no `alert()`
- ✓Private events card — capacity, enquiry link
- ✓Scroll reveals — IntersectionObserver with staggered delays (`.d1`…`.d4`)
- ✓Count-up animation — stats count from 0 to target on scroll
- ✓Active nav — auto-highlight via `location.pathname`
- ✓Footer year — `[data-year]` auto-fills current year
- ✓Reduced motion — `@media (prefers-reduced-motion)` disables all animation
- ✓Original imagery — 25 source images from BD-Restaurant (`assets/img/`): `about-us.jpg`, `banner-bg.jpg`, `credit-cards.png`, `logo.png`, `menu-1..9.jpg`, `reservations-bg.jpg`, `slider-1/2/3.jpg`, `team-1..4.jpg`, `testimonial-1/2/3.jpg`, `testimonial-bg.jpg`