Formularz Kontaktowy z Informacjami i Mapą

Zadanie:

Stworzyć stronę z formularzem kontaktowym obok sekcji zawierającej informacje kontaktowe oraz mapę Google.

Instrukcje do zadania:

1. Formularz Kontaktowy:

   • Stwórz formularz z polami: Imię i Nazwisko, Email, Telefon oraz Treść wiadomości.
   • Dodaj przycisk „Wyślij” do formularza.
   • Stylizuj formularz, aby wyglądał estetycznie i był przyjazny dla użytkownika.

2. Sekcja Informacyjna:

   • W sekcji obok formularza dodaj informacje kontaktowe: adres, telefon, email.
   • Dodaj mapę Google jako iframe, aby pokazać lokalizację firmy.
   • Stylizuj sekcję, aby była przejrzysta i dobrze pasowała do reszty strony.

3. Responsywność:

   • Użyj media queries, aby kontener z formularzem i informacjami był układany pionowo na mniejszych ekranach.

Przykładowe rozwiązanie zadania: