<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Seu Guia Completo para o Cajon</title> <style> :root { –primary: #10b981; –dark: #111827; –light: #f9fafb; –text-dark: #374151; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; } body { background-color: var(–light); color: var(–text-dark); line-height: 1.6; } .container { max-width: 900px; margin: 0 auto; padding: 20px; } header { text-align: center; padding: 30px 0; background: var(–dark); color: white; } .hero-section { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; margin: 30px 0; } @media (max-width: 768px) { .hero-section { grid-template-columns: 1fr; } } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .ebook-preview img { max-width: 100%; height: auto; border-radius: 8px; } .price-box { background: white; padding: 30px; text-align: center; border-radius: 12px; border: 2px solid var(–primary); } .price-new { font-size: 2.5rem; font-weight: bold; color: var(–primary); } .btn-buy { display: block; background-color: var(–primary); color: white; padding: 15px; text-decoration: none; font-weight: bold; border-radius: 8px; margin-top: 15px; } .chapter { background: white; padding: 15px; margin-bottom: 10px; border-radius: 8px; border-left: 4px solid var(–primary); } .about, .faq, .guarantee { background: white; padding: 20px; border-radius: 8px; margin-top: 20px; } footer { text-align: center; padding: 20px; color: #6b7280; } </style> </head> <body> <header><h1>Aprenda a Tocar Cajon com Wladimir Modry</h1></header> <div class="container"> <div class="hero-section"> <div class="video-container"><iframe src="https://youtube.com" allowfullscreen></iframe></div> <div class="ebook-preview"><img src="LINK_DA_SUA_IMAGEM_AQUI" alt="Capa Ebook"></div> </div> <div class="price-box"> <p>Por Apenas <span class="price-new">R$ 27,00</span></p> <a href="SEU_LINK_HOTMART" class="btn-buy">Quero Aprender Cajon Do Zero</a> </div> <h2>Sobre o Conteúdo</h2> <div class="chapter"><h3>Capítulos 1-4</h3><p>Escolha, postura, toques, ritmos (Pop, Rock, MPB) e exercícios de coordenação.</p></div> <div class="about"><h2>Sobre o Autor</h2><p>Wladimir Modry, músico experiente.</p></div> <div class="faq"><h2>Perguntas Frequentes</h2><p>Conteúdo digital, acesso imediato, 7 dias de garantia.</p></div> <div class="guarantee"><h3>🛡️ Garantia de 7 Dias</h3><p>Satisfação ou dinheiro de volta.</p></div> </div> <footer><p>© 2026 Wladimir Modry – Todos os direitos reservados.</p></footer> </body> </html>

Terms-Conditions