Tabela de preços simples Modelo HTML

Três cartões equivalentes formam uma secção de preços estática e pronta a usar

Os três cartões modulares fornecem uma área de comparação de preços completa para uma secção de página HTML estática. Cada cartão respeita a mesma sequência: a designação do plano identifica o nível, o preço mensal apresenta o valor principal, a indicação do ciclo de faturação contextualiza o pagamento recorrente, a descrição adiciona informações complementares e o botão de compra define o próximo passo. A organização destes elementos em colunas de igual largura permite que os visitantes comparem as opções disponíveis sem terem de alternar entre diferentes blocos de conteúdo.

O fundo cinzento-claro da secção emoldura a linha, enquanto os cartões brancos criam limites bem definidos em torno de cada opção tarifária. A tipografia escura alinhada ao centro mantém a consistência interna, e o realce conferido ao preço ajuda os utilizadores a localizarem rapidamente o dado mais importante. Os botões cor-de-rosa arredondados proporcionam um ponto de fecho visual homogéneo sem retirar o caráter estático da secção. Utilizado no interior de uma página HTML estática, este bloco assume a apresentação de valores enquanto as secções adjacentes garantem apresentações, especificações de serviços, testemunhos, informações de contacto ou elementos de navegação. A secção encontra-se pronta para o seu propósito específico, cabendo ao projeto HTML geral a disposição global da página e do site.