About This Template
A premium, framework-free e-commerce storefront built with semantic HTML, CSS custom properties, and vanilla JavaScript. Designed for product discovery, featuring a curated catalog with category filtering, hover-interactive product cards with a distinctive price-tag badge motif, and a working cart demo.
ESHOP 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 e-commerce & retail business.
Key Features
- ✓Product Grid: 9 cards across 3 categories (Fashion, Electronics, Accessories) with tab-based filtering and animated transitions
- ✓Price Tag Badges: Clip-path angled tags with `salePulse` animation on sale items — the template's signature motif
- ✓Hover Interactions: Product cards lift with shadow bloom; quick-add and wishlist buttons slide in from below
- ✓Cart Demo: Click any cart button to increment `[data-cart-count]` with a spring-bump animation and toast notification
- ✓Hero Slider: 3-image auto-rotating slider with dot navigation, pause-on-hover
- ✓Scroll Reveals: `IntersectionObserver` with `threshold: 0.12` for staggered entrance animations
- ✓Active Navigation: Current page highlighted in nav, burger menu for mobile
- ✓Contact Form: Client-side validation with `data-form` attribute, `.form-ok` / `.form-err` message states
- ✓Stats Counter: Animated number counting on the About page using `IntersectionObserver`
- ✓Responsive: 980px breakpoint (2-col grid), 720px breakpoint (1-col + burger menu)
- ✓Accessibility: Semantic HTML, ARIA labels, `role` attributes, `prefers-reduced-motion` support
- ✓Performance: Zero dependencies, lazy-loaded images, requestAnimationFrame throttling on scroll