Kontaktní informace s ikonami Šablona HTML

Hotová sekce kontaktů pro statické HTML stránky

Horní řada je již uspořádána jako ucelený přehled kontaktů: čtyři shodné bílé karty uvádějí adresu, telefon, fax a e-mail prostřednictvím jednotných ikon, popisků a doprovodného textu. Díky společnému vizuálnímu zpracování karet je lze snadno vložit do statické HTML stránky, aniž by bylo nutné nejprve navrhovat samostatný styl pro každý komunikační kanál. Pozadí s motivem hor a oblaků vytváří působivý vizuální rámec, zatímco plocha karet zaručuje bezproblémovou čitelnost údajů.

Spodní rozdělení rozšiřuje praktické využití sekce. Tmavý panel vlevo sdružuje nadpis „Kontaktní údaje“, vstupní pole pro e-mail, jméno a zprávu a akci odeslání. Vpravo umístěná mapa zasazuje polohu do souvislostí ve světlejším vizuálním poli. Díky tomu se blok skvěle hodí pro statickou stránku, která vyžaduje kontaktní údaje, formulář pro dotazy i zobrazení mapy na jednom sladěném místě. Okolní sekce stránky mohou nést navigaci, úvodní texty, služby nebo jiný obsah, zatímco tato předpřipravená sekce si zachovává svou specifickou kontaktní roli. Její vnitřní uspořádání lze přizpůsobit nadřazené HTML stránce, aniž by se setřel rozdíl mezi souhrnnými kartami, přímou komunikací a geografickým určením. Připravená struktura navíc statické realizaci zajišťuje jasný vizuální přechod od atmosférického horního pozadí k funkčním spodním panelům.