Kontaktinformation med ikoner HTML-mall

Ett färdigt kontaktavsnitt för statiska HTML-sidor

Den övre raden är redan organiserad som en färdig kontaktsammanfattning: fyra likadana vita kort presenterar plats, telefon, fax och e-post via enhetliga ikoner, etiketter och förklarande text. Eftersom korten delar samma visuella uttryck kan de placeras på en statisk HTML-sida utan att man först behöver ta fram en separat layout för varje kommunikationsväg. Bakgrunden med berg och moln skapar en vidsträckt visuell inramning, samtidigt som kortens ytor gör informationen lättläst.

Den nedre uppdelningen utökar avsnittets praktiska funktion. Till vänster samlar den mörka panelen rubriken ”Kontaktinformation” tillsammans med inmatningsfält för e-post, namn och meddelande samt en skicka-åtgärd. Till höger ger kartan en geografisk överblick i ett ljusare visuellt fält. Detta gör blocket idealiskt för en statisk sida som behöver kontaktuppgifter, en kontaktpunkt för förfrågningar och en kartpresentation samlat på en och samma plats. Kringliggande avsnitt på sidan kan hantera navigering, introduktioner, tjänster eller annat innehåll, medan detta färdiga avsnitt behåller sin specifika kontaktfunktion. Dess interna uppbyggnad kan smidigt anpassas till den omslutande HTML-sidan utan att den tydliga uppdelningen mellan sammanfattande kort, direktkontakt och geografisk referens går förlorad. Den förberedda strukturen ger dessutom en statisk implementation en väldefinierad visuell övergång från den stämningsfulla övre bakgrunden till de funktionella nedre panelerna.