About This Template
A premium, framework-free HTML/CSS/vanilla-JS template for car audio, diagnostics, and smart-upgrade specialists. Built bespoke from the subject — not a recolored scaffold.
CEPAIR 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 home services & trades business.
Key Features
- ✓Scan-line hero — animated vertical scan line over grid background with floating diagnostic panels
- ✓Diagnostic status badge — "System Online" with animated green pulse dot
- ✓Service cards — 6 modules with image overlays, hover scale, and "Popular" tag support
- ✓About-band — dual-image mosaic with narrative, 6-item check grid, and CTA box
- ✓Process steps — 4-column numbered cards with connecting line accents and hover glow
- ✓Testimonials — 3-column cards with star ratings and avatar initials
- ✓Contact form — service dropdown + vehicle field + message, inline validation, success toast
- ✓Contact info cards — phone, email, workshop address, business hours
- ✓Embedded map — Google Maps iframe on contact page
- ✓Scroll reveals — IntersectionObserver with clip-path wipe (`.reveal`) and fade-up animations
- ✓Staggered children — `.stagger` container delays child animations sequentially
- ✓Navbar — fixed with backdrop blur, scroll-state background, active link indicator, burger menu
- ✓Back-to-top — fixed button appears on scroll with green glow shadow
- ✓Footer year — `#current-year` auto-fills current year
- ✓Reduced motion — CSS respects `prefers-reduced-motion` for scan-line and reveal animations
- ✓Responsive — 3 breakpoints (991px, 767px): stacked grids, hidden hero visual, mobile nav drawer
- ✓Original imagery — 11 source images from the original template (about, carousel, feature, service-1 through service-6)