VIOLETTE — online store of niche perfumery (HTML/CSS/JS)

A full-fledged layout of the niche perfume online store VIOLETTE with an elegant purple design. Implemented on a clean stack without frameworks and builds.

What has been done:
• Home page — hero section, moving advantages bar, olfactory families, bestsellers, promo banner with countdown timer, reviews, subscription form.
• Catalog — product grid with filters (family, for whom, price) and sorting (popularity, price, rating, new arrivals).
• Product card — gallery, note pyramid (top/heart/base), selection of volume 30/50/100 ml with automatic price recalculation, quantity counter, similar fragrances.
• Cart — quantity change, deletion, promo codes, delivery calculation, order placement. Data is stored in localStorage and synchronized between pages.
• Fully responsive design, appearance animations on scroll, pop-up notifications, mobile menu.

Stack: HTML5, CSS3 (Flexbox, Grid, CSS variables, animations), vanilla JavaScript (ES6+).
Interface in Ukrainian, prices in hryvnias.

#html #css #javascript #frontend #layout #webdesign #responsive #landing #onlinestore #ui