Våra nyheter HTML-mall

Tre artikelförhandsvisningar bildar en komplett statisk sektion

Den centrerade introduktionen 'Vår blogg' och de tre korten bildar tillsammans en sammanhängande bloggsektion för en statisk HTML-sida. Varje kort följer samma tydliga förhandsvisningsmönster: en bild, rubrik, metadata för datum och kommentarer samt en 'Läs mer'-länk. Detta ger den omgivande sidan en färdig sammanfattningsyta för artiklar utan att sidan själv behöver bygga upp sektionens interna hierarki.

Den enskilda treraderskolumnen håller alla tre förhandsvisningarna synliga samtidigt så att besökare kan överblicka och jämföra artiklarna med ett ögonkast. Bilder av arkitektur och stadsbyggnad skapar ett enhetligt tema, medan den ljust lavendelfärgade toningen avgränsar sektionen från intilliggande innehåll. Mörklila rubriktext och lila länkar eller knappar knyter ihop introduktionen med kortraden, och mittkortets lätt kontrasterande panel tillför skärpa utan att skapa en avvikande innehållstyp.

När detta block används som en del av en HTML-mall kan det ingå i en mer omfattande statisk sida eller webbplats tillsammans med sektioner för navigering, ytterligare innehåll eller övergripande sidstruktur. Sektionen i sig förblir helt inriktad på att visa artikelpuffar. Dess färdiga utformning ger den statiska strukturen en tydlig bloggyta, samtidigt som det omgivande HTML-projektet ansvarar för det övergripande sidflödet och eventuella publiceringssystem.