Ingredienser näringsfakta HTML-mall

Denna färdiga sektion presenterar receptinformation genom en stabil delad layout. Ett stort matfotografi fyller den vänstra kolumnen, medan den högra kolumnen rymmer två paneler placerade ovanpå varandra. Den övre panelen har rubriken ”Ingredienser” och en lista med fyra ingredienser som inkluderar rivna morötter, farinsocker och russin. Den nedre panelen har titeln ”Näringsvärde” och innehåller ett stycke om näringsinnehåll per portion. En klargul bakgrund ramar in kompositionen, och vita samt ljusgrå paneler, röda rubriker och länkar, två textlänkar samt dekorativa matikoner förstärker den statiska innehållsstrukturen.

En statisk receptsektion med två förberedda informationsytor

Matbilden, ingredienslistan och näringsstycket utgör redan en fokuserad sektion för receptdetaljer som passar utmärkt på en statisk HTML-sida. Bilden fyller vänstersidan från topp till botten och ger sektionen en stark visuell förankring. Till höger ligger panelen Ingredienser ovanför panelen Näringsvärde, vilket gör att besökare smidigt kan gå från ingredienserna till portionsbeskrivningen utan att behöva leta genom irrelevant innehåll.

Listan med fyra ingredienser innehåller rivna morötter, farinsocker och russin, medan den nedre panelen samlar näringsinformationen i ett eget textfält. Vita och ljusgrå bakgrunder gör att de två panelerna framträder tydligt mot sektionens klargula bakgrund. Röda rubriker och länkar ger en enhetlig visuell vägledning, och generösa avstånd förhindrar att informationen klumpas ihop till en enda tät kolumn.

Som en statisk HTML-sektion kan detta block svara för receptinformationen medan andra sektioner på sidan hanterar navigering, introduktioner, fler recept eller kontaktuppgifter. Blocket har ett tydligt avgränsat syfte: det tillhandahåller en färdig matbild och två tillhörande informationsytor i stället för en hel sida. Nicepages HTML-export kan användas på det övergripande projektet när den bredare statiska strukturen är färdig.

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