Kodowanie layoutu HTML + CSS (PC oraz mobile)

Do zakodowanie będzie 9 layotów, gdzie górne menu bedzie się zawsze powtaszało. Jedynie sekcja ( nr. 5) będzie wymienna (zmieniać się będą grafiki, teksty oraz linki). Struktura layuto natomiast będzie taka sma ( 2 kolunmy po 4-5 rzedów)

Legenda do grafiki ( przykładowy layout, jeden z 9 )

1. Grafiki boczne – grafiki owe mają być na stałe przypięte do strony ( CSS - position: fixed). Przy przewijaniu strony boki nieprzerwanie zdobią SPA

2. Stałe menu górne – to menu ma się wyświetlać w każdej grupie zestawów. Pozwala ono na nawigację do innych grup zestawów, zawsze musi być pod ręką.

3. Podświetlona grupa zestawów – po najechaniu na daną grupę (CSS – :hover) pole się podświetla. Nie jest to grafika lecz tło CSS z cieniem. To samo podświetlenie ma się pojawić jak się najedzie na inną grupę.

4. “Sprawdź zestaw” – teskt + CSS – link prowadzący do klikniętej grupy zestawów.

5. Sekcja grupy zestawów – mamy 9 grup (lifting, oczyszczanie, redukcja zmarszczek, prebarwienia, itd). W tej sekcji ma się wyświetlać kliknięta grupa zestawów

6. Opis grupy zestawów – tekst + CSS

7. Tytuł i opis zestawu - tekst + CSS

8. Grafika prezentująca kosmetyku w zestawie. Grafiki będą dostarczone dla Państwa

9. Przycisk prowadzący do karty produktów z wybranego zestawu - tekst + CSS

10. Grafika dedykowana do każdej grupy zestawów. Grafiki będą dostarczone dla Państwa

11. Grafika prześlę ją

12. Opis grupy zestawów – tekst + CSS

13. Tło – CSS