Copy of quest descripton (in Polish)

Utwórz kopię projektu zrealizowanego na laboratoriach 1-3, a następnie zmodyfikuj

dokumenty HTML i CSS, tak, aby zastosować dodatkowe elementy struktury strony HTML, pola i atrybuty dla formularzy, dopasować odpowiednio reguły CSS.

W tym celu:

[x] zamiast bloków
zastosuj odpowiednie elementy struktury dokumentu HTML5 (np. < header >, < nav >, < aside >, < footer > itp.);
[x] dopasuj istniejące już reguły CSS do nowych elementów (np. selektor #baner zastąp selektorem header, selektor #stopka zastąp selektorem footer, itp.). Dopasuj kolorystykę strony do własnych preferencji;
[x] uzupełnij reguły CSS o dodatkowe możliwości według uznania (np. zaokrąglone narożniki - border-radius, przezroczystość elementów - box-shadow), dla pliku tabele.html – uprość reguły formatowania parzystych i nieparzystych wierszy tabeli – zastosuj td:nth-child), itp.;
[x] wykorzystaj właściwość flexbox zamiast float do pozycjonowania elementów w bloku nawigacji oraz do utworzenia układu kolumnowego. Zastosuj też box-sizing;
[x] dodaj przynajmniej jedno zapytanie o media @media, tak aby układ dwukolumnowy przechodził w jedną kolumnę dla wskazanej szerokości (np. <720px);
[x] na stronie formularze.html zmodyfikuj już istniejące pola dodatkowymi wartościami dla atrybutu type (np. email, number) i dodatkowymi atrybutami do walidacji (np. min, max, required, placeholder, title, pattern). Sprawdź efekt działania w przeglądarce po wpisaniu błędnych danych;
[x] przeprowadź walidację kodu zmodyfikowanych plików .html i arkuszy CSS. Skorzystaj z walidatorów dla HTML i CSS.