De punten HTML-sjabloon

Een kant-en-klare sectie in drie stappen voor statische HTML-paginacontent

De gecentreerde kop en de toelichtende alinea bepalen het doel van de sectie voordat de procesdetails beginnen. Daaronder bieden drie gelijkmatig verdeelde kaarten afzonderlijke inhoudsgebieden voor Stap 1, Stap 2 en Stap 3. Elke kaart volgt dezelfde interne indeling – pictogram, label in hoofdletters en beschrijvende tekst –, zodat de sectie samenhangende fasen kan presenteren zonder dat de omringende pagina de basisopzet van het proces hoeft te leveren.

De ronde pijlen zorgen voor een zichtbare samenhang tussen de kaarten. Ze laten zien dat de fasen deel uitmaken van een geordende reeks, terwijl de lichtgrijze vlakken elke stap duidelijk afbakenen van de witte achtergrond. In een statische HTML-context maakt dit het blok uitermate geschikt als een kant-en-klaar „hoe het werkt”-gedeelte binnen een bredere pagina of website. De omringende implementatie kan navigatie, aanvullende secties en context op paginaniveau leveren, terwijl dit blok de procesmatige uitleg zelf verzorgt.

Omdat de interactie statisch is, communiceert de sectie via tussenruimtes, een herhaalde kaartstructuur, pictogrammen, labels en richtinggevende grafische elementen, in plaats van bedieningselementen of wisselende toestanden. Deze kant-en-klare indeling kan in een statische pagina worden ingevoegd en vervolgens worden aangepast met de eigen tekst, pictogrammen, kleuren en afmetingen van het project, zonder de fundamentele relatie tussen de drie stappen te veranderen.