Våra platser över hela världen HTML-mall

En färdig kontaktsektion för statiska HTML-sidor

Rubriken, introduktionstexten, de parade formulärfälten och adressraden ger detta block en tydlig och fokuserad roll på en statisk HTML-sida. ”Kontakta oss” anger syftet, medan den stödjande texten förklarar att besökare kan skriva ett meddelande. Fälten för e-post och namn visas tillsammans i en kompakt tvåkolumnslayout, följt av en Skicka-knapp i full bredd. Den ordningen gör gränssnittet för att skicka meddelanden självständigt, utan att förutsätta att blocket måste hantera navigering, övergripande sidinnehåll eller andra omgivande strukturer.

De tre adressposterna tillför en andra typ av kontaktuppgifter under formuläret. Eftersom stads- och adressuppgifterna är jämnt fördelade över en rad förblir de lättlästa som referens efter att besökaren har tagit del av formuläret. I en statisk HTML-lösning kan denna kombination fungera som en komplett kontaktsektion, medan övriga sektioner tar hand om introduktioner, tjänster, kartor eller annat sidinnehåll. Den förberedda formgivningen underlättar dessutom en enhetlig integrering: den vita bakgrunden, den mörka rubriken, de rundade grå inmatningsfälten och den lila åtgärdsknappen utgör en samlad helhet snarare än en samling okopplade komponenter. Den omgivande sidan styr hur sektionen kopplas till resten av det statiska projektet, medan blocket självständigt hanterar formuläret och adressinnehållet.