Forchics online cosmetics store

The project is a comprehensive implementation of a high-conversion one-page product page for the cosmetics brand Forchics. The page is fully adapted for major mobile and desktop platforms. CSS Grid is used for the uniform distribution of comparison elements and social media icons. Dynamic navigation has been implemented: a fixed countdown banner and a bottom ‘Add to Cart’ bar (`position: fixed`), whose visibility is controlled by scrolling using Intersection Observer. High interactivity is achieved through ‘line-by-line’ text animation (`setTimeout`) when blocks are expanded and smooth image changes on hover (via JavaScript).

Stack: HTML, CSS, JS