Citaatblok HTML-sjabloon

Een complete getuigenissectie voor plaatsing in statische HTML

Het citaat, de auteurstoewijzing en het ronde portret vormen aan de linkerzijde van de sectie al een herkenbaar getuigenisgedeelte. Het aangrenzende koraalrode Studio-paneel voegt een tweede inhoudelijke functie toe in plaats van het citaat te herhalen: het biedt een koptekst, een toelichtende alinea, een link voor fotocredits en vier links naar sociale media. Samen maken deze zones het blok uitermate geschikt als een kant-en-klare combinatie van getuigenis en studio binnen een statische HTML-pagina.

De lichtgrijze achtergrond geeft de sectie een duidelijke omlijsting, terwijl de witte afgeronde kaart en het koraalrode afgeronde paneel voldoende contrast bieden om de twee rollen van elkaar te onderscheiden. Een groot aanhalingsteken geeft aan waar de lezer moet beginnen, en het portret naast de naamsvermelding geeft de verklaring een gezicht en context. De opvallende serif-titel introduceert vervolgens de studio-informatie zonder met het citaat te concurreren.

Binnen een statisch HTML-project kan dit blok halverwege de pagina worden geplaatst, tussen andere secties die bredere introducties, diensten of contactgegevens bevatten. De interactie is statisch, waardoor de sectie communiceert via hiërarchie, tussenruimte en onderlinge verhoudingen in plaats van met een slider of uitklapbaar element. De rest van de pagina levert de navigatie en aanvullende inhoud; dit blok blijft gericht op het tonen van één getuigenis met bijbehorende studio-context.