Pomoc drogowa Szablon HTML

Zdjęcie pojazdu z podniesioną maską stanowi oś gotowej sekcji usług

Blok łączy w sobie gotowy układ najważniejszych elementów sekcji usług motoryzacyjnych: duże zdjęcie niebieskiego auta z otwartą maską oraz trzy nachodzące na siebie karty serwisowe. Karty są ułożone poziomo wzdłuż dolnej krawędzi fotografii i przedstawiają Wymianę filtra powietrza, Wodę do akumulatora oraz Czyszczenie filtra klimatyzacji. Tytuł każdej usługi uzupełniono akapitem opisu, dzięki czemu sekcja może prezentować kilka kategorii serwisowych bez konieczności tworzenia osobnego projektu karty dla każdej z nich.

Na statycznej stronie HTML ten blok może działać jako kompletna, wykończona sekcja treści, podczas gdy sąsiadujące sekcje zapewniają nawigację, teksty wprowadzające, dodatkowe usługi, dane kontaktowe czy inne elementy witryny. Statyczny model interakcji kieruje uwagę na widoczną relację między zdjęciem a trzema podsumowaniami usług. Wyraźne niebieskie, fioletowe i stonowane czerwone tła pomagają użytkownikom rozróżnić karty, a wyśrodkowana biała typografia zachowuje jednolitą formę prezentacji. Jasne, pozbawione ramek zdjęcie i swobodne odstępy dają sekcji przestrzeń wokół nachodzącego na obraz dolnego rzędu. W efekcie powstaje gotowy układ usług, który można łatwo wkomponować w szerszy statyczny projekt bez ryzyka pomylenia go z całą stroną lub kompletną witryną.