Compare todos os planos Modelo HTML

Uma secção de preços compacta e pronta para uma página HTML estática

O título «Planos Promocionais» apresenta uma área comparativa completa em vez de uma série de cartões de preços desconexos. A tabela organiza seis critérios à esquerda e três colunas de planos à direita, permitindo comparar Enterprise, Advance e Starter linha a linha. Os custos do primeiro mês são de 1200 $, 900 $ e 400 $; os custos dos meses subsequentes são de 900 $, 700 $ e 300 $. Todos os planos partilham um prazo de entrega de 3 a 6 meses, enquanto as linhas de Suporte e Certificado indicam a respetiva disponibilidade através de marcas de verificação e cruzes.

Esta estrutura oferece a uma página HTML estática uma secção completa de comparação de planos com as suas principais relações de informação devidamente definidas. Os três botões «Escolher plano» oferecem pontos de resposta bem visíveis dentro do bloco, enquanto o conteúdo adjacente da página pode continuar a incluir introduções, explicações de serviços, elementos de confiança ou contactos. Assim, a secção mantém o foco em ajudar os visitantes a distinguir as condições dos planos, sem tentar conduzir toda a experiência de navegação da página.

O fundo branco, os cabeçalhos de coluna coloridos dos planos, os critérios alinhados à esquerda e os valores centrados também tornam o bloco simples de inserir entre outras secções estáticas. A sua estrutura de quatro colunas pode manter-se inalterada enquanto textos, preços, hiperligações ou estilos visuais são ajustados ao projeto HTML envolvente. O resultado é uma secção preparada para expor escolhas de planos sem implicar que o próprio bloco forneça navegação para todo o site, alojamento ou páginas adicionais.