Struktura strony z 3 podstronami

Tworzenie prostego serwisu internetowego z trzema stronami HTML

Cel zadania:
Nauczenie się tworzenia wielostronicowego serwisu internetowego z wykorzystaniem podstawowych znaczników HTML, takich jak: nagłówki, akapit, odnośniki i listy.

Utwórz trzy pliki HTML:

index.html – Strona główna.
oferta.html – Strona z ofertą.
kontakt.html – Strona z danymi kontaktowymi.
Każda strona musi zawierać:

Nagłówek pierwszego poziomu <h1> z tytułem strony.
Menu nawigacyjne z trzema linkami, które prowadzą do stron:
Strona Główna,
Oferta,
Kontakt.
Treść odpowiednią dla danej strony, zgodnie z poniższym opisem.

Opis każdej strony:

1. Strona główna (index.html):

Nagłówek: Powitanie użytkownika, np. „Witamy na naszej stronie”.
Menu nawigacyjne: Linki do stron: Strona Główna, Oferta, Kontakt.
Treść:
Krótkie informacje o serwisie, podzielone na dwie sekcje:
„O stronie” – wprowadzenie i opis strony.
„Co znajdziesz na tej stronie?” – opis zawartości serwisu.
Elementy HTML: <h1>, <h2>, <p>, <a>.

2. Strona oferta (oferta.html):

Nagłówek: Tytuł strony, np. „Nasza Oferta”.
Menu nawigacyjne: Linki do stron: Strona Główna, Oferta, Kontakt.
Treść:
Kilka sekcji z opisem oferty:
„Usługi” – ogólny opis dostępnych usług.
„Dlaczego warto nas wybrać?” – argumenty przemawiające za wyborem firmy.
„Specjalne oferty” – informacja o promocjach lub wyjątkowych usługach.
Dodatkowo: Na dole strony umieść stopkę z informacją o autorze strony.
Elementy HTML: <h1>, <h2>, <p>, <a>, <footer>.

3. Strona kontakt (kontakt.html):

Nagłówek: Tytuł strony, np. „Kontakt z nami”.
Menu nawigacyjne: Linki do stron: Strona Główna, Oferta, Kontakt.
Treść:
Lista danych kontaktowych w formie listy nieuporządkowanej:
Adres,
Telefon,
E-mail.
Sekcja zachęcająca do kontaktu.
Elementy HTML: <h1>, <h2>, <ul>, <li>, <a>.

Przykład efektu końcowego: 
strona index.html:

Strona Oferta:

Strona Kontakt: