About This Template
A premium, framework-free HTML/CSS/vanilla-JS template for a patisserie and celebration-cake shop. Built bespoke from the subject — counter-display identity, not a recolored scaffold. Cream, cocoa, raspberry and butter; sprinkle dots, floating counter cards and sugar-pop reveals.
Cake Shop HTML Template 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
- ✓Ribbon — cocoa bar with dot + hours + tel/CTA
- ✓Floating counter card — rotated .6deg, 6px cocoa shadow, `float` 4.5s, butter price-tag rotated 4deg
- ✓Sugar sprinkle field — three radial-gradient dot layers (raspberry/butter/mint) on hero
- ✓Offer band — cocoa copy + cream media, raspberry sticker rotated -4deg
- ✓Menu boards — cream-2 top + pill + 3-col item grid (1:1 images, price + `data-add`)
- ✓Micro-cart — `data-add` → `data-cart-count` badge + "Added ✓" 900ms demo (no persistence)
- ✓Service trio — 2px cocoa cards, hover lift + shadow
- ✓About frame — rotated -.7deg + butter hand note, mint check circles
- ✓Team + quotes — 2px cocoa cards, butter “ quote mark, butter-deep stars
- ✓Contact grid — cocoa info + cream-3 form (2px cocoa shadow, 6px 6px)
- ✓Sticky header — backdrop blur, pill nav, burger drawer at 720px
- ✓Scroll reveals — IntersectionObserver, `.reveal` + `.d1`…`.d3`, sugar pop
- ✓Active nav — auto-highlight via `location.pathname`
- ✓Footer year — `[data-year]` auto-fills current year
- ✓Reduced motion — disables float + reveals
- ✓Original imagery — 15 source images from CakeZone (`assets/img/`): `hero.jpg`, `offer.jpg`, `cake-1..3.jpg`, `about.jpg`, `service.jpg`, `team-1..3.jpg`, `testimonial-1..4.jpg`, `bg.jpg`