Zadanie: Portal „Moje Akwarium”

Stwórz responsywną (w oparciu o procenty) witrynę internetową, która służy do katalogowania gatunków ryb.

1. Struktura HTML (index.html)

Strona musi posiadać następujące sekcje:

• Baner: Nagłówek $H1$ „Encyklopedia Ryb Egzotycznych”.

• Menu (Nav): Cztery odnośniki: Strona główna, Galeria, Kontakt, Cennik.

• Kontener Główny:

  • Panel Lewy: Tabela z dwiema kolumnami (Nazwa, Środowisko) i trzema wierszami danych.

  • Panel Środkowy: Zdjęcie ryby (ryba.jpg) z podpisem pod spodem (użyj znaczników <figure> i <figcaption>).

  • Panel Prawy: Formularz zapisu do newslettera (input na e-mail, checkbox „Zgoda” oraz przycisk „Wyślij”).

• Stopka: Twój PESEL oraz data wykonania.

2. Zaawansowany Arkusz CSS (styl.css)

Skonfiguruj style według wytycznych (pamiętaj o box-sizing: border-box):

• Menu: * Szerokość 100%, tło #34495e, tekst biały.

  • Odnośniki (a) mają być wyświetlane jako bloki (display: inline-block), mieć dopełnienie (padding) 15 px i nie posiadać podkreślenia.

• Układ Trójkolumnowy (Kontener):

  • Lewy: 25% szerokości, tło jasnoszare.

  • Środkowy: 50% szerokości, tło białe, tekst wyśrodkowany.

  • Prawy: 25% szerokości, tło jasnoszare.

• Tabela:

  • Musi zajmować 90% szerokości panelu lewego.

  • Obramowanie wszystkich komórek: 1 px, ciągłe, czarne.

  • Co drugi wiersz tabeli ma mieć tło #bdc3c7 (użyj nth-child(even)).

• Formularz:

  • Pola input mają mieć zaokrąglone rogi (border-radius: 5 px) i margines dolny 10 px.