Faça upgrade para um plano premium Modelo HTML

Uma seção de preços com quatro cartões, pronta para uso em HTML estático

O título e o parágrafo de apoio definem o objetivo da seção antes que os quatro cartões apresentem as opções disponíveis. Start, Basic, Medium e Expert estão dispostos lado a lado, oferecendo a uma página em HTML estático uma área autônoma de comparação de preços em vez de um conjunto disperso de textos desconexos. Em cada cartão, o nome do plano, os limites de uso, as informações de preços e o botão «Comprar agora» permanecem alinhados verticalmente, para que o conteúdo seja lido como uma única unidade de decisão.

A opção Start é rotulada como gratuita, enquanto os outros cartões contêm detalhes de preços de exemplo. Esses valores podem ser substituídos de acordo com o projeto, mas sua presença demonstra o modelo de informação pretendido: uma comparação de planos que combina custo, limites e um ponto de ação. O fundo suavemente sombreado e o formato ligeiramente mais alto do cartão Medium conferem destaque visual sem introduzir interatividade; o bloco permanece estático. Usada em uma página ou site em HTML estático, esta seção desempenha a função de comparação de preços, enquanto as seções adjacentes fornecem navegação, contexto do produto, depoimentos, dados de contato ou outros conteúdos. O bloco está pronto, portanto, como uma estrutura de seção finalizada, e não como um site estático completo. A repetição dos cartões também facilita a leitura rápida quando a página requer uma comparação direta entre vários níveis de plano.