Kontaktujte školu Šablona HTML

Stejně široké sloupce vytvářejí hotovou statickou kontaktní sekci

Levý panel již obsahuje veškerý základní obsah této sekce: nadpis „Kontaktujte nás“, vstupní pole pro jméno a e-mail, ovládací prvek souhlasu, textové pole zprávy a akci odeslání. Pravý panel nese fotografii z laboratorního prostředí, takže blok vyjadřuje účel kontaktu i tematický kontext, aniž by bylo nutné vytvářet samostatnou oblast pro obrázek. Na velkých obrazovkách zajišťují stejně široké sloupce snadné odlišení formuláře od doprovodného vizuálního prvku.

Uvnitř statické HTML stránky může toto uspořádání sloužit jako připravená kontaktní sekce, zatímco okolní sekce poskytují zbývající informace a navigaci stránky. Formulář zůstává funkčním těžištěm a fotografie pomáhá určit vzdělávací či vědecké prostředí, na které vizuální obsah odkazuje. Tmavě antracitové orámování odděluje sekci od sousedního obsahu, zatímco teplý okrový panel formuláře vytváří výrazný podklad pro kompaktní bílé ovládací prvky a doleva zarovnaný nadpis.

Blok je proto ideální jako hotová statická sekcija, nikoli jako kompletní samostatná stránka. Uspořádání jeho obsahu je již plně optimalizováno pro sběr kontaktních údajů, zatímco nadřazený projekt HTML může určit okolní návaznost, obsahový cíl i celkovou architekturu webu. Sekci lze upravovat nebo kombinovat s jinými bloky, aniž by se narušila vazba mezi formulářem a doprovodným snímkem z laboratoře.