There will be 9 layers to be coded, where the top menu will always repeat itself. Only the section (No. 5) will be interchangeable (the graphics, texts and links will change). The layuto structure will be the same (2 columns of 4-5 rows)
Graphics legend (example layout, one of 9)
1. Side graphics - these graphics are to be permanently pinned to the page (CSS - position: fixed). As you scroll the page, the sides constantly decorate the SPA
2. Fixed top menu - this menu is to be displayed in each group of sets. It allows you to navigate to other groups of sets, it must always be at hand.
3. Highlighted group of sets - after hovering over a given group (CSS -: hover) the field is highlighted. It is not an image, but a CSS background with a shadow. The same highlight is supposed to appear when it hovers over another group.
4. "Check set" - text + CSS - link leading to the selected group of sets.
5. Set group section - we have 9 groups (lifting, cleansing, reduction of wrinkles, pre-pigmentation, etc.). You want the set group you clicked to be displayed in this section
6. Description of the set group - text + CSS
7. Title and description of the set - text + CSS
8. Graphics presenting the cosmetic in the set. Graphics will be provided for you
9. Button leading to the product card from the selected set - text + CSS
10. Graphics dedicated to each group of sets. Graphics will be provided for you
11. Artwork, I will send
12. Description of the set group - text + CSS
13. Background - CSS