Kontaktinformation med ikoner HTML-mall

Det här blocket är en färdigställd kontaktsektion med två sammanlänkade informationsnivåer. Fyra vita kort med runda ikoner presenterar plats, telefon, fax och e-post i en horisontell rad. Den nedre delen kombinerar sedan rubriken ”Kontaktuppgifter” och ett förklarande stycke med en rund bild till vänster och ett kontaktformulär till höger. Fält för e-post, namn och meddelande leder fram till en skicka-knapp, medan den länkade e-postadressen erbjuder en direkt kontaktväg. Sektionen rymmer ett komplett kontaktbudskap och fungerar samtidigt som en integrerad del av en större sida.

Fyra kontaktkort introducerar en färdig statisk sektion

Den övre kortraden ger en statisk HTML-sida ett direkt användbart lager med kontaktinformation. Fyra likadana vita kort strukturerar adress, telefon, fax och e-post med runda ikoner, så att besökare snabbt kan överblicka viktig information innan de når det mer detaljerade området nedanför. Den upprepade strukturen är redan tillräckligt specifik för att fungera som en färdig undersektion för kontakt snarare än en tom platshållare för layout.

Den nedre zonen bygger vidare på detta syfte utan att förvandla blocket till en hel sida. Till vänster sätter rubriken ”Kontaktuppgifter”, det stödjande stycket och den runda bilden sammanhanget. Till höger samlar formuläret in e-post, namn och meddelande och avslutas med en skicka-knapp. Tvåkolumnslayouten håller förklarande innehåll och direkt respons visuellt åtskilda, samtidigt som den länkade e-postadressen ger en ytterligare kontaktväg.

På en statisk HTML-sida eller webbplats kan detta block placeras intill omgivande navigering, introduktioner, tjänster eller sidfotsinnehåll från det övergripande projektet. Den cyanblå bakgrunden, de vita korten och de balanserade avstånden ger redan det visuella och innehållsmässiga arrangemang som krävs för en fristående kontaktsektion. Det omslutande projektet ansvarar alltjämt för sidans och webbplatsens övriga struktur.

Anpassa med Nicepage

När du använder HTML Builder kommer du att kunna justera färger, teckensnitt, rubrik och fooer, layout, kolumner och andra designelement, samt innehåll och bilder.

Ladda ner

Redigera mall offline

1. Ladda ner och installera Nicepage-applikationen för Windows och Mac. Eller WordPress- och Joomla-plugins från nedladdningssida
2. Skapa en ny sida eller välj befintlig
3. Klicka på Lägg till nytt block, sök efter id 288748 och klicka på enter

Redigera mall online

Börja Onlinebyggare den här mallen på vårt webbhotell

Skapa fantastiska webbplatser

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Gratis Nicepage Builder

15 000+ mallar

Lätt Drag-n-Drop

Ingen kodning

Mobilanpassad

Nyckelord

Exportera och använd den här mallen som en HTML-webbplats

Skapa en portabel HTML-webbplats

När mallen är klar använder du alternativet HTML-export för att skapa en statisk webbplats med de filer som krävs för distribution. Den exporterade webbplatsen kan användas oberoende av Nicepage-redigeraren och distribueras på ditt föredragna webbhotell.

Nicepage tillhandahåller också SEO-inställningar och optimeringsfunktioner, inklusive sidtitlar och beskrivningar, kanoniska inställningar, rubriker, alt-text för bilder och andra egenskaper på sidnivå som hjälper till att förbereda webbplatsen för sökmotorer.

Distribuera utan ett CMS

Ladda upp den färdiga webbplatsen till den webbhotellsmiljö som passar ditt projekt. Eftersom den exporterade webbplatsen inte kräver WordPress, Joomla eller något annat CMS för att leverera sina sidor kan den placeras på din egen server, laddas upp till en webbhotellleverantör eller distribueras via en befintlig webbinfrastruktur.

Lämna ut webbplatsfilerna

De genererade webbplatsfilerna kan också tillhandahållas en klient, utvecklare eller ett webbhotellsteam. De förblir tillgängliga utanför Nicepage-redigeraren för distribution, teknisk granskning eller projektspecifik utveckling när ytterligare arbete krävs.

Detta arbetsflöde gör mallen till en praktisk grund för en portabel statisk webbplats som kan exporteras från Nicepage-redigeraren och distribueras oberoende.