Linda lista numerada Modelo HTML

Quatro cartões numerados compõem uma seção estática pronta para usar

A seção reúne a sua apresentação de destaques essencial numa composição já preparada: quatro cartões brancos, quatro rótulos numerados, quatro parágrafos explicativos e quatro links «mais». A grelha de dois por dois permite organizar facilmente o conteúdo numa primeira e segunda linha sem necessidade de criar novas soluções estruturais. Em segundo plano, a superfície azul-clara e a forma irregular em azul oferecem um acabamento visual cuidado que distingue o grupo de cartões do restante conteúdo da página.

Num contexto de HTML estático, este bloco tem capacidade para apresentar uma mensagem completa em torno dos pontos destacados mantendo-se como apenas uma seção da página. Os rótulos destacados de 01 a 04 estabelecem uma ordem de leitura, mas os cartões não dependem de carrosséis ou elementos expansíveis; a interação é estática e todos os itens estão visíveis em simultâneo. Isto torna a seção ideal para quando é necessário comparar ou ler de relance vários pontos em conjunto, em vez de os apresentar um a um.

A página envolvente pode incluir o seu próprio cabeçalho de seção, navegação, introdução ou conteúdos complementares, enquanto este bloco assume o papel de exibição dos itens em destaque. Textos, links, cores e espaçamentos podem ser ajustados ao projeto, mas a estrutura funcional já está definida. Enquanto seção HTML pronta para usar, o seu ponto forte é o equilíbrio entre uma organização de conteúdo consistente e um tratamento de fundo diferenciador, permitindo enriquecer uma página estática com uma área de destaques estruturada sem ter de construir a grelha de cartões de raiz.