Spaces:
Running
Running
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3 Vídeos Gratuitos - Imposto de Renda Sem Complicação</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> <style> .gradient-bg { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); } .video-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .check-icon { color: #10b981; } .input-focus:focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); } </style> </head> <body class="bg-gray-50 min-h-screen"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <!-- Hero Section --> <div class="gradient-bg rounded-2xl shadow-xl overflow-hidden mb-12"> <div class="px-8 py-12 md:py-16 md:px-12 lg:flex lg:items-center lg:justify-between"> <div class="lg:w-1/2"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4"> <i class="fas fa-file-invoice-dollar mr-3"></i> Imposto de Renda Sem Complicação </h1> <p class="text-xl text-blue-100 mb-6"> Aprenda a declarar corretamente e evite a temida malha fina! </p> <div class="bg-white bg-opacity-20 rounded-lg p-4 inline-block"> <p class="text-white font-semibold"> <i class="fas fa-gift mr-2"></i> Receba 3 vídeos gratuitos com o essencial </p> </div> </div> <div class="lg:w-1/2 mt-8 lg:mt-0 lg:pl-12"> <div class="bg-white rounded-lg shadow-lg p-6"> <h2 class="text-2xl font-bold text-gray-800 mb-4 text-center">Cadastre-se agora</h2> <iframe width="100%" height="305" src="https://6046817e.sibforms.com/serve/MUIFAHHQudm4xHQ4Rrh9rY08gJXslM5Y7vK2K8-M3foLei8six4pJ8LAuLTAMbSbjEOrFXFhp0bj7fvGinGAwbfWRtj1BSnTAHytYLEEfObyaDyhogx1l9ws2_nyWoopG7uRmndtK2x6tqsO_NzvwPZeLuvqGnAglG8AE_AaVramTDmkoubQyiv2Yvb-yAF09B61bO9MXI927RLH" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"> </iframe> </div> </div> <div> <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Seu melhor e-mail</label> <input type="email" id="email" required class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 input-focus transition duration-200" placeholder="[email protected]"> </div> <button type="submit" class="w-full gradient-bg text-white font-bold py-3 px-4 rounded-lg hover:opacity-90 transition duration-200 flex items-center justify-center"> <i class="fas fa-play-circle mr-2"></i> Quero assistir os vídeos </button> <p class="text-xs text-gray-500 text-center"> <i class="fas fa-lock mr-1"></i> Seus dados estão seguros. Nunca enviaremos spam. </p> </form> </div> </div> </div> </div> ... </div> </body> </html> - Initial Deployment
559a7f4
verified