Kontakty a kontaktní formulář Šablona HTML

Hotová kontaktní sekce pro vložení do statického HTML

Sloupec s údaji o adrese a sociálními sítěmi dává sekci jasný informační účel, zatímco přilehlý sloupec s formulářem nabízí přímý způsob, jak získat jméno, e-mail a zprávu od návštěvníka. Nadpisy „kde nás najdete“, „sledujte nás“ a „kontaktní formulář“ společně vytvářejí strukturu obsahu, aniž by okolní stránka musela základní rozvržení kontaktů zajišťovat. Čtyři ikony odkazů na sociální sítě představují samostatný bod kontaktu umístěný pod výzvou ke sledování.

Černé pozadí, vysoký žlutý panel, bílé verzálkové nadpisy, světle šedá obdélníková pole a ohraničený prvek Odeslat jsou v rámci bloku již plně sladěny. To znamená, že sekci lze do statické HTML stránky vložit jako jednu připravenou kontaktní zónu, zatímco okolní sekce obstarají úvodní texty, služby, navigaci či další obsah webu. Blok by měl zůstat jedinou sekcí a nemělo by se s ním nakládat jako s celým statickým webem.

Svislé rozestupy navíc pomáhají udržet přehledný vztah mezi informacemi vlevo a sledem polí vpravo. Formulářová pole přirozeně směřují k akci Odeslat, zatímco odkazy na sociální sítě zůstávají od tohoto toku interakce vizuálně oddělené. V kontextu statického HTML se tento blok skvěle hodí ve chvíli, kdy stránka potřebuje soběstačnou kontaktní plochu spojující lokalizační údaje s jednoduchou strukturou pro odeslání zprávy.