About This Template
A premium, fully responsive one-page landing template for a weight-loss and healthy-lifestyle program. The design leans into vibrant leaf greens and energising citrus, with bold rounded type and confident stats — a fresh, motivating home for a program that promises real shifts.
SlimShift 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 health & medical business.
Key Features
- ✓Framework-free — pure HTML5, CSS3 (custom properties, Grid, Flexbox, `clamp()`), vanilla JavaScript
- ✓Fresh-energy aesthetic — leaf greens with citrus accents and geometric Sora display type
- ✓Fluid responsive — 3 breakpoints, no horizontal scroll on any viewport
- ✓Scroll reveal — IntersectionObserver-powered `.reveal` animations (respects `prefers-reduced-motion`)
- ✓Mobile nav — burger toggle with `aria-expanded` accessible pattern
- ✓Hero crossfade — automatic 6s image transition via `.hero-bg img` + `.active` class
- ✓Form validation — `[data-form]` hook with `.form-ok` / `.form-err` / `.show` toggle
- ✓Glyph icons — custom inline SVG icons in markup, no icon library dependency
- ✓Original imagery — production-quality health photography, no placeholders