Kapcsolati adatok ikonokkal HTML Sablon

Négy kapcsolati kártya vezet be egy kész statikus szakaszt

A felső kártyasor azonnal használható kapcsolati információs réteget biztosít a statikus HTML-oldal számára. Négy egyforma fehér kártya kör alakú ikonokkal rendszerezi a helyszín, a telefon, a fax és az e-mail adatait, így a látogatók gyorsan áttekinthetik a lényeges tudnivalókat, mielőtt elérnék az alatta lévő, részletesebb területet. Az ismétlődő elrendezés már elég kidolgozott ahhoz, hogy befejezett kapcsolati alszakaszként működjön, és ne pusztán üres elrendezési helykitöltő legyen.

Az alsó rész ezt a célt mélyíti el anélkül, hogy a blokkot önálló oldallá alakítaná. A bal oldalon a „Kapcsolati adatok” címsor, a kísérő bekezdés és a kör alakú kép megteremtik a kontextust. A jobb oldalon az űrlap összegyűjti az e-mailt, a nevet és az üzenetet, majd egy küldési gombbal zárul. A kétoszlopos struktúra vizuálisan különválasztja a magyarázó tartalmat és a közvetlen visszajelzést, míg a hivatkozott e-mail-cím további kapcsolatfelvételi lehetőséget ad.

Egy statikus HTML-oldalon vagy webhelyen belül ez a blokk elhelyezhető a befogadó projekt navigációja, bevezetői, szolgáltatásai vagy lábléctartalma mellett. Ciánkék háttere, fehér kártyái és kiegyensúlyozott térközei eleve megadják azt a vizuális és tartalmi elrendezést, amely egy önálló kapcsolati szakaszhoz szükséges. Az oldal és a webhely többi részéért továbbra is a befogadó projekt felel.