Rozdział 2 · Zadanie końcowe

Projekt «O mnie 2.0»

Stosujemy wszystko, czego nauczyliśmy się w Rozdziale 2, do strony «O mnie» z Rozdziału 1.

Zadanie

Otwórz swój plik about-me.html z Rozdziału 1 i zaktualizuj go:

  1. Wynieś wszystkie style do osobnego pliku style.css, podłącz przez <link>
  2. Zamień słowa-kolory (red, blue) na kody HEX
  3. Główny nagłówek <h1> zrób przez id, nadaj mu własny styl
  4. Otocz blok z hobby lub zdjęciem <div class="card"> z ramką, zaokrąglonymi rogami i tłem
  5. Dodaj normalną czcionkę przez font-family dla całej strony (body)
  6. Zrób przynajmniej jeden link wyglądający jak prawdziwy przycisk (klasa .btn)
  7. Dodaj mały formularz «Napisz do mnie» — imię, wiadomość, przycisk
  8. Jeśli masz kilka kart lub bloków obok siebie — rozmieść je przez display: flex
  9. Dodaj :hover chociaż na jeden przycisk lub kartę
Nie trzeba wszystkiego

Najważniejsze, żeby strona wyglądała schludniej i «dojrzalej» niż pod koniec Rozdziału 1.

Rozdział 2 ukończony!

Dalej — Rozdział 3: JavaScript. Przyciski w końcu zaczną coś robić po kliknięciu.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska