Notícias

Tabela de planos e preços em HTML e CSS [Atualizado 2021]

Tabela totalmente criada em CSS e HTML para demonstrar preços e funcionalidades no site.

Trabalhar com vendas de serviços ou produto, exige uma demonstração clara do que está vendendo os planos e os preços, nesse componente, simples você encontra uma tabela que faz esse trabalho.

Geralmente quando se trabalha com prestação de serviços as empresas sempre tem um plano em destaque, nesse componente também tem um plano que está em destaque, com a coloração diferenciada dos demais planos e com tamanho um pouco maior.

Pronta para ser usado de inspiração, estudo ou em projetos pessoais. Foram usados alguns itens externos que deixarei descrito abaixo como a fonte e os ícones. Mas para quem tem um pouco de conhecimento isso não será problema algum.

E para quem está apenas atrás de inspiração para montar uma tabela de planos e preços também não será. também foi feita em SCSS você pode converter o código para CSS  ou se tiver conhecimento de uso, pode usar assim mesmo.

Não usa nenhum Framework, feita toda a mão, os ícones são do https://fontawesome.com/ .

No projeto foi usado a fonte Rubik do google.com/fonts

Clique aqui para ver outros componentes.

Isto foi útil?

Obrigado pelo seu feedback!
cupcom

Recent Posts

Por que investir em UX: Importância da Experiência do Usuário para sua Empresa

Antes de explorarmos os motivos pelos quais sua empresa deve investir em UX (User Experience),…

2 horas ago

Descubra 6 vantagens de escolher o WooCommerce para criar sua loja virtual

Nesse artigo vamos falar um pouco das vantagens de usar o Woocommerce em seu projeto…

6 horas ago

Transformar código em imagem: Confira 3 opções

Nesse artigo vamos apresentar 3 opções para transformar seus códigos em imagens e divulgar em…

10 horas ago

Google Analytics: Descubra as principais métricas para impulsionar seu e-commerce

O Google Analytics é uma ferramenta poderosa e totalmente gratuita oferecida pelo Google, que fornece…

14 horas ago

Como criar um template de e-mail marketing que vende

O E-mail Marketing ainda é uma das maneiras mais eficientes de envolver seu usuário e…

18 horas ago

Layout de e-commerce: Aprenda a criar um vendedor de sucesso e aumente suas vendas online

Se você possui ou planeja criar uma loja virtual, descubra dicas essenciais para criar um…

22 horas ago