Rozejrzeć się Szablon HTML

Wyśrodkowany obszar ze zdjęciem dla statycznych stron HTML

Monochromatyczne zdjęcie na pełną szerokość nadaje tej sekcji główną rolę wizualną, a wyśrodkowany nagłówek „Rozejrzyj się” wraz z akapitem pomocniczym tworzą zwięzłą warstwę znaczeniową. Ponieważ blok zawiera jeden obszar zdominowany przez obraz, a nie kilka niezależnych grup treści, pozwala wprowadzić temat bez konieczności stosowania dodatkowych elementów sterujących, kart czy nawigacji wewnątrz sekcji. Przyciemnienie zdjęcia tworzy ponadto czytelne tło dla białej typografii, dzięki czemu duży nagłówek szeryfowy wyraźnie odróżnia się od mniejszego akapitu.

Zastosowany na statycznej stronie HTML blok ten działa jako gotowa sekcja wprowadzająca o z góry określonym układzie bazowym. Strona nadrzędna może zawierać inne sekcje przed nim lub po nim, lecz sam blok koncentruje się na jednym przekazie wizualnym: fotograficznej scenerii połączonej z krótką zapowiedzią tekstową. Sprawia to, że idealnie nadaje się na strony wymagające nastrojowego otwarcia lub płynnego przejścia do bardziej szczegółowych treści bez przekształcania sekcji w całą stronę.

Przykładowy akapit należy zastąpić tekstem dostosowanym do danego projektu, aby odzwierciedlał charakter otaczającej strony. Jego wyśrodkowane położenie oraz relacja z tłem fotograficznym mogą pozostać bez zmian, podczas gdy implementacja w statycznym kodzie HTML zapewnia szerszą strukturę dokumentu.