Ny utmaning för din HTML-mall

Blocket presenterar ett träningserbjudande genom en asymmetrisk tvåkolumners komposition. Den vänstra sidan kombinerar en övre träningsbild med en nedre vit panel med rubriken ”Träna med oss”, kompletterande text och en ”Börja nu”-knapp. Till höger finns en prisruta ovanför en andra fitnessbild, med information om träningsfrekvens och knappen ”Gå med nu”. Mörk kolgrå, klarröda accenter, vita innehållspaneler och överlappande rektangulära former ger sektionen ett visuellt djup i flera lager. Det är ett fokuserat, återanvändbart område för ett träningserbjudande snarare än en komplett sida.

Två träningspaneler bildar en färdig statisk sektion

Vänster och höger kolumn delar redan upp erbjudandet i två relaterade budskap. ”Träna med oss” introducerar träningsinriktningen intill en bild, ett beskrivande stycke och åtgärden ”Börja nu”. Mittemot placerar prisområdet med texten ”Från” uppgiften om 79 $/pass och information om passfrekvens ovanför en andra bild och åtgärden ”Gå med nu”. Detta ger en statisk HTML-sida en färdig sektion för att presentera ett erbjudande, utan att den omgivande sidan behöver tillhandahålla blockets centrala innehållssamband.

Det asymmetriska arrangemanget spelar också en viktig roll för hur sektionen kan placeras. De två bilderna är inramade i vita rektangulära paneler, medan textytorna använder vita innehållsytor mot en mörk kolgrå bakgrund. Klarröd rubriktext och accentformer drar blickarna till träningsbudskapet och åtgärdspunkterna, samtidigt som överlappande rektangulära paneler skapar djup utan att införa interaktion – blocket är statiskt. På en mer omfattande HTML-sida kan det placeras mellan inledande innehåll och ytterligare detaljer, kundomdömen eller kontaktuppgifter. Det omgivande projektet ansvarar fortfarande för navigering och övriga sidytor, medan denna färdiga sektion håller ihop träningserbjudandet, prissammanhanget, bilderna och de två interaktionspunkterna. Upplägget kan därför exporteras som en del av ett statiskt HTML-projekt och samtidigt behålla en tydlig, självständig sektionsroll.

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 50729 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.