Farma zwierząt Szablon HTML

Dwa nachodzące na siebie panele tworzą gotowe wprowadzenie do tematyki gospodarstwa

Fotografia na pełną szerokość tworzy tło wizualne, prezentując kobietę z kozami w wiejskim otoczeniu na świeżym powietrzu. W jej górnej części dwa jednokolorowe, prostokątne panele nakładają się na zdjęcie, zamiast zajmować osobną kolumnę z tekstem. Taki układ pozwala zachować widoczność fotografii, zapewniając jednocześnie informacjom tekstowym wyodrębnioną, czytelną przestrzeń w ramach tej samej sekcji.

Lewy panel z etykietą „Biografia” przedstawia Kate Humble za pomocą nagłówka informującego o jej narodzinach w 1968 roku i dorastaniu na wsi w hrabstwie Berkshire. Prawy panel, oznaczony jako „Gospodarstwo Kate”, zawiera powiązany nagłówek prezentujący Humble by Nature jako funkcjonującą farmę na obrzeżach Monmouth. Dwa odnośniki „Więcej” stanowią odrębną ścieżkę z każdego panelu informacyjnego do materiałów uzupełniających.

Umieszczony na statycznej stronie HTML blok może pełnić funkcję kompletnej sekcji wprowadzającej „o nas” bez konieczności projektowania układu kluczowych treści od zera. Otaczająca strona może zapewnić nawigację, inne sekcje oraz szerszą strukturę witryny, podczas gdy ten gotowy moduł eksponuje relację między sylwetką założycielki a gospodarstwem. Przygaszona czerwień i grafit paneli, biały krój pisma oraz podkreślone łącza nadają statycznej sekcji dopracowaną oprawę wizualną, którą można zachować lub dostosować do strony nadrzędnej.