Lekcje otwarte Szablon HTML

Karta misji tworzy gotową sekcję statyczną

Nagłówek „Nasza misja” oraz dwa akapity objaśniające nadają temu blokowi wyraźny cel informacyjny, zanim użytkownik dotrze do przycisku „Dowiedz się więcej”. Zamiast prezentować zbiór niepowiązanych treści, sekcja zamyka swój przekaz w pojedynczej zaokrąglonej, białej karcie. Karta ta nachodzi na lewą dolną część dużego, okrągłego zdjęcia po prawej stronie, dzięki czemu tekst i obraz wspólnie tworzą spójną deklarację misji.

Niebieski, poziomy pas tła oddziela sekcję od otaczających treści, a biała karta zapewnia czytelny kontrast dla czarnego nagłówka i tekstu głównego. Żółty akcent przycisku wyznacza widoczny kolejny krok, nie zmieniając przy tym głównej roli bloku jako wprowadzenia do misji organizacji. Informacja o źródle zdjęcia pozostaje elementem treści uzupełniających, nie rywalizując z głównym przekazem.

Na statycznej stronie HTML blok ten można umieścić jako kompletną sekcję „O nas” lub sekcję misji, podczas gdy inne sekcje zapewniają nawigację, dodatkowe informacje i strukturę na poziomie całej strony. Układ treści jest już wystarczająco zdefiniowany na potrzeby wdrożenia statycznego: nagłówek, tekst opisowy, opracowanie graficzne zdjęcia, podpis oraz wezwanie do działania są ze sobą powiązane wizualnie, bez konieczności przekształcania sekcji w pełną stronę lub witrynę internetową.