body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #f5f7fb; color: #1f2933; } .hero { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #ffffff; padding: 60px 20px 80px 20px; text-align: center; } .hero-inner { max-width: 1080px; margin: 0 auto; } .hero h1 { font-size: 2.6rem; margin-bottom: 16px; } .hero p { font-size: 1.1rem; margin-bottom: 28px; opacity: 0.95; } .hero-cta { display: inline-flex; align-items: center; gap: 10px; } .btn-primary { background-color: #f97316; color: #ffffff; padding: 14px 26px; border-radius: 999px; border: none; font-size: 1rem; font-weight: bold; cursor: pointer; text-decoration: none; display: inline-block; } .btn-primary:hover { background-color: #ea580c; } .btn-secondary { color: #e5e7eb; text-decoration: none; font-size: 0.95rem; } .hero-small { font-size: 0.85rem; margin-top: 14px; opacity: 0.9; } .section { padding: 60px 20px; } .section-inner { max-width: 1080px; margin: 0 auto; } .section-title { font-size: 2rem; margin-bottom: 10px; text-align: center; } .section-subtitle { font-size: 1rem; margin-bottom: 40px; text-align: center; color: #6b7280; } .features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .feature-card { background-color: #ffffff; border-radius: 12px; padding: 24px 22px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05); border: 1px solid #e5e7eb; } .feature-title { font-size: 1.15rem; margin-bottom: 8px; } .feature-text { font-size: 0.95rem; color: #6b7280; } .badge { display: inline-block; font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; background-color: rgba(15, 23, 42, 0.12); color: #e5e7eb; margin-bottom: 14px; } .hero .badge { background-color: rgba(15, 23, 42, 0.32); } .benefits-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 32px; font-size: 0.98rem; color: #4b5563; } .benefits-list li { list-style: none; position: relative; padding-left: 20px; } .benefits-list li:before { content: "•"; position: absolute; left: 2px; color: #2563eb; } .cta-section { background-color: #111827; color: #f9fafb; text-align: center; padding: 50px 20px; } .cta-inner { max-width: 720px; margin: 0 auto; } .cta-title { font-size: 1.8rem; margin-bottom: 10px; } .cta-text { font-size: 0.98rem; margin-bottom: 24px; color: #d1d5db; } .cta-note { margin-top: 12px; font-size: 0.8rem; color: #9ca3af; } .footer { padding: 18px 20px 26px 20px; font-size: 0.8rem; color: #9ca3af; text-align: center; } .footer a { color: #6b7280; text-decoration: none; } .footer a:hover { text-decoration: underline; } @media (max-width: 900px) { .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .hero { padding: 40px 16px 52px 16px; } .hero h1 { font-size: 2rem; } .features-grid { grid-template-columns: 1fr; } .benefits-list { grid-template-columns: 1fr; } .hero-cta { flex-direction: column; } }
LANÇAMENTO ESPECIAL

Crie Landing Pages Profissionais em Minutos

Modelo moderno, responsivo e otimizado para conversão. Personalize o conteúdo e publique hoje mesmo, sem precisar saber programar.

Quero Minha Landing Page Ver como funciona

Sem necessidade de cartão de crédito • Comece com um template pronto • Código 100% em HTML + CSS

Pensada para converter mais

Uma estrutura simples, clara e objetiva, ideal para capturar leads, vender produtos ou apresentar seu serviço.

Design Responsivo

Funciona perfeitamente em computadores, tablets e celulares, garantindo a melhor experiência em qualquer tela.

Código Limpo

HTML e CSS organizados, fáceis de editar e integrar com qualquer ferramenta de e-mail, formulário ou pixel.

Foco em Conversão

Estrutura baseada em boas práticas de copywriting, hierarquia visual e chamadas para ação claras.

Ideal para quem precisa de resultados rápidos

Substitua páginas lentas e complicadas por um modelo direto ao ponto.

Pronto para lançar sua próxima página ainda hoje?

Use este template como base, ajuste textos, cores e links, conecte ao seu formulário favorito e comece a receber contatos automaticamente.

Baixar Template em HTML
Você recebe o arquivo completo em HTML + CSS para editar no editor de texto de sua preferência.