quero que voce me organize o seguinte, incluir essa captura de email nessa landingpage aqui principal. <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Método BurgerMaster - Transforme-se num Chef-Empreendedor</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <script> tailwind.config = { theme: { extend: { colors: { primary: '#E74C3C', secondary: '#FFD700', } } } } </script> <style> .floating-cta { animation: pulse 2s infinite; }
@keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7); } 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(231, 76, 60, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(231, 76, 60, 0); } } .burger-shadow { filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.3)); } .testimonial-card { background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(231,76,60,0.1) 100%); } </style> </head> <body class="font-sans bg-gray-50"> <!-- Floating CTA for mobile --> <div class="lg:hidden fixed bottom-4 right-4 z-50"> <a href="#cta-section" class="floating-cta bg-primary hover:bg-red-600 text-white font-bold py-4 px-6 rounded-full shadow-lg flex items-center"> <span class="mr-2">QUERO MEU GUIA!</span> <i class="fas fa-arrow-right"></i> </a> </div> <!-- Hero Section --> <header class="bg-gradient-to-r from-primary to-red-600 text-white py-12 md:py-20"> <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> <div class="md:w-1/2 mb-8 md:mb-0"> <h1 class="text-3xl md:text-5xl font-bold leading-tight mb-4"> Você Está Cansado de Ser Escravo do Seu Próprio Negócio? <span class="text-secondary">🍔</span> </h1> <h2 class="text-xl md:text-2xl font-semibold mb-6"> Descubra Como Donos de Delivery Estão Faturando R$25.000/mês Com Apenas 4 Horas Por Dia! </h2> <p class="text-lg md:text-xl mb-8"> Mesmo Que Você Nunca Tenha Frito Um Ovo, Este Método Vai Te Transformar Num Chef-Empreendedor em 30 Dias! </p> <a href="#cta-section" class="bg-secondary hover:bg-yellow-500 text-primary font-bold py-3 px-8 rounded-lg shadow-lg transition duration-300 inline-block"> QUERO MEU GUIA GRATUITO AGORA! <i class="fas fa-arrow-right ml-2"></i> </a> </div> <div class="md:w-1/2 flex justify-center"> <img src="https://images.unsplash.com/photo-1607013251379-e6eecfffe234?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80" alt="Empreendedor feliz com hambúrguer e notebook" class="rounded-lg burger-shadow max-w-md w-full h-auto object-cover"> </div> </div> </header> <!-- Benefits Section --> <section class="py-16 bg-white"> <div class="container mx-auto px-4"> <h2 class="text-3xl md:text-4xl font-bold text-center text-primary mb-12"> <span class="border-b-4 border-secondary pb-2">Liberdade Radical</span> + <span class="border-b-4 border-secondary pb-2">Lucros Explosivos</span> </h2> <div class="grid md:grid-cols-3 gap-8 mb-16"> <!-- Benefit 1 --> <div class="bg-gray-50 p-6 rounded-lg shadow-md border-t-4 border-primary"> <div class="text-primary text-4xl mb-4"> <i class="fas fa-clock"></i> </div> <h3 class="text-xl font-bold mb-3">Horários Flexíveis</h3> <p class="text-gray-700"> Escolha quando trabalhar - das 10h às 14h se quiser. Passe mais tempo com sua família enquanto o dinheiro entra automaticamente. </p> </div> <!-- Benefit 2 --> <div class="bg-gray-50 p-6 rounded-lg shadow-md border-t-4 border-primary"> <div class="text-primary text-4xl mb-4"> <i class="fas fa-car"></i> </div> <h3 class="text-xl font-bold mb-3">Sem Chefe Nem Estresse</h3> <p class="text-gray-700"> Nada de chefe gritando - você é o dono do seu castelo burger. Tome decisões que fazem sentido para VOCÊ e seu estilo de vida. </p> </div> <!-- Benefit 3 --> <div class="bg-gray-50 p-6 rounded-lg shadow-md border-t-4 border-primary"> <div class="text-primary text-4xl mb-4"> <i class="fas fa-money-bill-wave"></i> </div> <h3 class="text-xl font-bold mb-3">Potencial Ilimitado</h3> <p class="text-gray-700"> Seu lucro cresce na medida do seu esforço. Enquanto um CLT tem teto, você pode dobrar ou triplicar sua renda quando quiser. </p> </div> </div> <!-- Testimonial --> <div class="testimonial-card p-8 rounded-lg mb-16 border border-primary border-opacity-20"> <div class="flex flex-col md:flex-row items-center"> <div class="md:w-1/3 mb-6 md:mb-0 flex justify-center"> <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Carlos - Ex-motorista de Uber" class="rounded-full w-32 h-32 object-cover border-4 border-secondary"> </div> <div class="md:w-2/3 md:pl-8"> <div class="text-primary text-5xl mb-2">"</div> <p class="text-xl italic mb-4"> "Faturei R$18.743 no primeiro mês e R$32.415 no terceiro mês! Antes era motorista de Uber trabalhando 12h/dia. Hoje tenho 3 funcionários e minha hamburgueria delivery fatura em média R$45.000/mês trabalhando apenas 4h/dia." </p> <div class="flex items-center mt-4"> <i class="fas fa-star text-yellow-400 mr-1"></i> <i class="fas fa-star text-yellow-400 mr-1"></i> <i class="fas fa-star text-yellow-400 mr-1"></i> <i class="fas fa-star text-yellow-400 mr-1"></i> <i class="fas fa-star text-yellow-400 mr-1"></i> <span class="ml-2 text-sm">5.0 em 127 avaliações</span> </div> <div class="flex items-center"> <div class="bg-primary w-12 h-1 mr-4"></div> <p class="font-bold text-primary">Carlos Silva, <span class="text-gray-600">ex-motorista de Uber - Belo Horizonte/MG</span></p> </div> </div> </div> </div> <!-- Growth Chart --> <div class="bg-gray-50 p-6 rounded-lg shadow-md mb-16"> <h3 class="text-2xl font-bold text-center text-primary mb-8"> Crescimento Explosivo: De 5 para 187 pedidos/dia em 60 dias! </h3> <div class="flex justify-center"> <div class="w-full max-w-4xl"> <div class="flex items-end h-64 mb-4 bg-white p-4 rounded-lg"> <!-- Week 1 --> <div class="flex-1 flex flex-col items-center mx-1"> <div class="bg-primary w-6 rounded-t-md relative" style="height: 10%;"> <div class="absolute -top-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs px-2 py-1 rounded whitespace-nowrap">5/dia</div> </div> <span class="text-xs mt-2">Semana 1</span> </div> <!-- Week 2 --> <div class="flex-1 flex flex-col items-center mx-1"> <div class="bg-primary w-6 rounded-t-md relative" style="height: 35%;"> <div class="absolute -top-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs px-2 py-1 rounded whitespace-nowrap">28/dia</div> </div> <span class="text-xs mt-2">Semana 2</span> </div> <!-- Week 3 --> <div class="flex-1 flex flex-col items-center mx-1"> <div class="bg-primary w-6 rounded-t-md relative" style="height: 60%;"> <div class="absolute -top-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs px-2 py-1 rounded whitespace-nowrap">87/dia</div> </div> <span class="text-xs mt-2">Semana 3</span> </div> <!-- Week 4 --> <div class="flex-1 flex flex-col items-center mx-1"> <div class="bg-primary w-6 rounded-t-md relative" style="height: 85%;"> <div class="absolute -top-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs px-2 py-1 rounded whitespace-nowrap">132/dia</div> </div> <span class="text-xs mt-2">Semana 4</span> </div> <!-- Week 8 --> <div class="flex-1 flex flex-col items-center mx-1"> <div class="bg-secondary w-6 rounded-t-md relative" style="height: 100%;"> <div class="absolute -top-6 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white text-xs px-2 py-1 rounded whitespace-nowrap">187/dia</div> </div> <span class="text-xs mt-2">Semana 8</span> </div> </div> <div class="text-center mt-4"> <p class="text-sm text-gray-600">*Resultado médio dos alunos que aplicaram todas as estratégias</p> </div> </div> </div> </div> <!-- Comparison --> <div class="grid md:grid-cols-2 gap-8 mb-16"> <div class="bg-gray-100 p-6 rounded-lg border-l-4 border-gray-400"> <h3 class="text-xl font-bold mb-4 text-gray-700">Trabalho CLT</h3> <ul class="space-y-3"> <li class="flex items-start"> <i class="fas fa-times text-red-500 mt-1 mr-2"></i> <span>Salário fixo com pouco crescimento</span> </li> <li class="flex items-start"> <i class="fas fa-times text-red-500 mt-1 mr-2"></i> <span>Horários rígidos e inflexíveis</span> </li> <li class="flex items-start"> <i class="fas fa-times text-red-500 mt-1 mr-2"></i> <span>Sem autonomia nas decisões</span> </li> <li class="flex items-start"> <i class="fas fa-times text-red-500 mt-1 mr-2"></i> <span>Estresse diário com chefes</span> </li> </ul> </div> <div class="bg-secondary bg-opacity-10 p-6 rounded-lg border-l-4 border-secondary"> <h3 class="text-xl font-bold mb-4 text-primary">Seu Negócio de Delivery</h3> <ul class="space-y-3"> <li class="flex items-start"> <i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>Lucro diretamente proporcional ao seu esforço</span> </li> <li class="flex items-start"> <i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>Você define seus horários de trabalho</span> </li> <li class="flex items-start"> <i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>Total controle sobre suas decisões</span> </li> <li class="flex items-start"> <i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>Satisfação de construir algo seu</span> </li> </ul> </div> </div> </div> </section> <!-- Recognition Section --> <section class="py-16 bg-gray-100"> <div class="container mx-auto px-4"> <h2 class="text-3xl md:text-4xl font-bold text-center text-primary mb-12"> <span class="border-b-4 border-secondary pb-2">Reconhecimento e Autoridade</span> </h2> <div class="flex flex-col md:flex-row items-center mb-12"> <div class="md:w-1/2 mb-8 md:mb-0"> <div class="aspect-w-16 aspect-h-9 bg-black rounded-lg overflow-hidden"> <!-- Video thumbnail --> <div class="w-full h-64 bg-black relative overflow-hidden"> <img src="https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80" alt="Vídeo depoimento" class="w-full h-full object-cover opacity-70"> <div class="absolute inset-0 flex items-center justify-center"> <div class="bg-primary bg-opacity-80 rounded-full p-4"> <i class="fas fa-play text-white text-4xl"></i> </div> </div> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4"> <p class="text-white font-semibold">Depoimento: De R$2.800/mês para R$45.000/mês</p> </div> </div> </div> </div> <div class="md:w-1/2 md:pl-12"> <h3 class="text-2xl font-bold text-primary mb-4">"Como virei referência na minha cidade em apenas 6 meses"</h3> <p class="text-gray-700 mb-6"> Assista ao depoimento de Mariana, que saiu de um emprego comum para se tornar a hamburgueria delivery mais famosa de sua região, aparecendo em jornais locais e sendo indicada por influencers. </p> <div class="flex flex-wrap gap-4"> <div class="bg-white px-4 py-2 rounded-full shadow-sm flex items-center"> <img src="https://via.placeholder.com/40" alt="Jornal Local" class="w-6 h-6 mr-2 rounded-full"> <span class="text-sm">Matéria no Jornal Local</span> </div> <div class="bg-white px-4 py-2 rounded-full shadow-sm flex items-center"> <img src="https://via.placeholder.com/40" alt="Influencer" class="w-6 h-6 mr-2 rounded-full"> <span class="text-sm">Indicação de Influencer</span> </div> <div class="bg-white px-4 py-2 rounded-full shadow-sm flex items-center"> <img src="https://via.placeholder.com/40" alt="Prêmio" class="w-6 h-6 mr-2 rounded-full"> <span class="text-sm">Melhor Burger 2024</span> </div> </div> </div> </div> <!-- Badges --> <div class="flex flex-wrap justify-center gap-6 mb-12"> <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center w-32 border border-secondary"> <img src="https://via.placeholder.com/80x80/FFD700/FFFFFF?text=🏆" alt="Melhor Burger" class="w-12 h-12 mb-2"> <p class="text-center text-sm font-semibold">Melhor Burger 2024</p> <p class="text-xs text-gray-500 mt-1">Revista Foodie</p> </div> <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center w-32"> <div class="text-4xl text-secondary mb-2"> <i class="fas fa-star"></i> </div> <p class="text-center text-sm font-semibold">5.0 no iFood</p> </div> <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center w-32"> <div class="text-4xl text-secondary mb-2"> <i class="fas fa-trophy"></i> </div> <p class="text-center text-sm font-semibold">Top 10 Delivery</p> </div> <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center w-32"> <div class="text-4xl text-secondary mb-2"> <i class="fas fa-award"></i> </div> <p class="text-center text-sm font-semibold">Selo de Qualidade</p> </div> </div> <!-- Social Proof --> <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> <div class="flex flex-col items-center"> <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Cliente satisfeita" class="w-16 h-16 rounded-full mb-2 object-cover border-2 border-secondary"> <p class="text-sm text-center">"Melhor burger que já comi!"<br>- Ana, SP</p> </div> <div class="flex flex-col items-center"> <img src="https://randomuser.me/api/portraits/men/22.jpg" alt="Cliente satisfeito" class="w-16 h-16 rounded-full mb-2 object-cover border-2 border-secondary"> <p class="text-sm text-center">"Pedimos toda semana!"<br>- João, RJ</p> </div> <div class="flex flex-col items-center"> <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Cliente satisfeita" class="w-16 h-16 rounded-full mb-2 object-cover border-2 border-secondary"> <p class="text-sm text-center">"Viciante demais!"<br>- Maria, BH</p> </div> <div class="flex flex-col items-center"> <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Cliente satisfeito" class="w-16 h-16 rounded-full mb-2 object-cover border-2 border-secondary"> <p class="text-sm text-center">"Não como em outro lugar"<br>- Pedro, POA</p> </div> </div> </div> </section> <!-- Offer Section --> <section id="cta-section" class="py-16 bg-primary text-white"> <div class="container mx-auto px-4 text-center"> <h2 class="text-3xl md:text-4xl font-bold mb-6"> <span class="border-b-4 border-secondary pb-2">Oferta Exclusiva com Bônus Limitados</span> </h2> <div class="max-w-3xl mx-auto bg-white bg-opacity-10 p-8 rounded-lg mb-8"> <h3 class="text-2xl font-bold mb-4 text-secondary">CLIQUE ABAIXO PARA RECEBER GRÁTIS:</h3> <ul class="text-left text-xl space-y-4 mb-8"> <li class="flex items-start"> <i class="fas fa-book text-secondary mr-3 mt-1"></i> <span><strong>Ebook:</strong> "Os 7 Segredos dos Deliverys Que Faturam R$30.000/mês"</span> </li> <li class="flex items-start"> <i class="fas fa-video text-secondary mr-3 mt-1"></i> <span><strong>Aula Bônus:</strong> "Como Montar Seu Cardápio Matador em 1 Dia"</span> </li> <li class="flex items-start"> <i class="fas fa-file-alt text-secondary mr-3 mt-1"></i> <span><strong>Checklist:</strong> "10 Passos Para Seu Primeiro Pedido em 48 Horas"</span> </li> </ul> <div class="bg-red-700 inline-block px-6 py-3 rounded-full mb-6 animate-pulse"> <div class="flex items-center justify-center space-x-2"> <span class="font-bold">TERMINA EM:</span> <div class="bg-black text-white px-2 py-1 rounded font-mono"> <span id="countdown-hours">23</span>:<span id="countdown-minutes">59</span>:<span id="countdown-seconds">59</span> </div> </div> </div> <a href="#" class="floating-cta bg-secondary hover:bg-yellow-500 text-primary font-bold py-4 px-8 rounded-lg shadow-lg text-xl transition duration-300 inline-block"> QUERO MEU GUIA GRATUITO AGORA! <i class="fas fa-arrow-right ml-2"></i> </a> <div class="mt-6 flex items-center justify-center"> <i class="fas fa-lock mr-2"></i> <span>Seus dados estão 100% seguros conosco</span> </div> </div> <div class="flex flex-col md:flex-row justify-center items-center gap-4"> <img src="https://randomuser.me/api/portraits/women/33.jpg" alt="Depoimento" class="w-16 h-16 rounded-full object-cover border-2 border-secondary"> <p class="italic"> "Recebi o guia e em uma semana já tinha meu cardápio pronto. No primeiro mês faturei R$12.450 trabalhando de casa! Obrigado pela oportunidade!" </p> </div> </div> </section> <!-- FAQ Section --> <section class="py-16 bg-white"> <div class="container mx-auto px-4"> <h2 class="text-3xl md:text-4xl font-bold text-center text-primary mb-12"> <span class="border-b-4 border-secondary pb-2">Perguntas Frequentes</span> </h2> <div class="max-w-3xl mx-auto space-y-4"> <div class="border border-gray-200 rounded-lg overflow-hidden"> <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-semibold flex justify-between items-center"> <span>Preciso ter experiência na cozinha?</span> <i class="fas fa-plus text-primary"></i> </button> <div class="faq-content hidden p-4 bg-white"> <p>Absolutamente não! Nosso método foi criado para iniciantes completos. Vamos te ensinar desde como fritar um ovo perfeito até as técnicas avançadas de preparo que fazem a diferença no sabor do seu burger.</p> </div> </div> <div class="border border-gray-200 rounded-lg overflow-hidden"> <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-semibold flex justify-between items-center"> <span>Quanto preciso investir para começar?</span> <i class="fas fa-plus text-primary"></i> </button> <div class="faq-content hidden p-4 bg-white"> <p>No guia gratuito explicamos como começar com menos de R$1.000 usando o que você já tem em casa. Muitos alunos começaram apenas com um fogão comum e uma geladeira básica.</p> </div> </div> <div class="border border-gray-200 rounded-lg overflow-hidden"> <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-semibold flex justify-between items-center"> <span>Como recebo os bônus?</span> <i class="fas fa-plus text-primary"></i> </button> <div class="faq-content hidden p-4 bg-white"> <p>Imediatamente após se cadastrar com seu e-mail, você receberá acesso ao ebook digital e ao link para assistir a aula bônus. Tudo online e disponível 24h por dia.</p> </div> </div> <div class="border border-gray-200 rounded-lg overflow-hidden"> <button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-semibold flex justify-between items-center"> <span>Preciso ter um local comercial?</span> <i class="fas fa-plus text-primary"></i> </button> <div class="faq-content hidden p-4 bg-white"> <p>Não! A beleza do modelo delivery é que você pode começar na sua própria cozinha, desde que siga as normas sanitárias locais (que explicamos detalhadamente no guia).</p> </div> </div> </div> </div> </section> <!-- Final CTA --> <section class="py-12 bg-secondary bg-opacity-10"> <div class="container mx-auto px-4 text-center"> <h2 class="text-3xl font-bold text-primary mb-6"> Não Deixe Essa Oportunidade Passar! </h2> <p class="text-xl mb-8 max-w-2xl mx-auto"> Centenas de pessoas já transformaram suas vidas com esse método. <span class="font-semibold text-primary">O próximo sucesso pode ser o seu!</span> </p> <a href="#cta-section" class="bg-primary hover:bg-red-600 text-white font-bold py-4 px-8 rounded-lg shadow-lg text-xl transition duration-300 inline-block"> QUERO MEU GUIA GRÁTIS AGORA! <i class="fas fa-arrow-right ml-2"></i> </a> </div> </section> <!-- Footer --> <footer class="bg-gray-900 text-white py-8"> <div class="container mx-auto px-4"> <div class="flex flex-col md:flex-row justify-between items-center"> <div class="mb-4 md:mb-0"> <p class="text-secondary font-bold text-xl">BurgerMaster</p> <p class="text-gray-400 text-sm">Transformando vidas através do empreendedorismo gastronômico</p> </div> <div class="flex space-x-4"> <a href="#" class="text-gray-400 hover:text-secondary transition duration-300"> <i class="fab fa-facebook-f"></i> </a> <a href="#" class="text-gray-400 hover:text-secondary transition duration-300"> <i class="fab fa-instagram"></i> </a> <a href="#" class="text-gray-400 hover:text-secondary transition duration-300"> <i class="fab fa-youtube"></i> </a> </div> </div> <div class="border-t border-gray-800 mt-6 pt-6 text-center text-gray-400 text-sm"> <p>© 2024 BurgerMaster. Todos os direitos reservados.</p> <p class="mt-2"> <a href="#" class="hover:text-secondary transition duration-300">Termos de Uso</a> | <a href="#" class="hover:text-secondary transition duration-300">Política de Privacidade</a> </p> <p class="mt-2 text-xs"> *Resultados podem variar de acordo com o esforço e dedicação de cada pessoa. </p> </div> </div> </footer> <script> // FAQ toggle functionality document.querySelectorAll('.faq-toggle').forEach(button => { button.addEventListener('click', () => { const content = button.nextElementSibling; const icon = button.querySelector('i'); // Toggle content visibility content.classList.toggle('hidden'); // Change icon if (content.classList.contains('hidden')) { icon.classList.remove('fa-minus'); icon.classList.add('fa-plus'); } else { icon.classList.remove('fa-plus'); icon.classList.add('fa-minus'); } }); }); // Countdown timer for scarcity function updateCountdown() { const now = new Date(); const target = new Date(); target.setHours(23, 59, 59, 999); // Set to today's midnight const diff = target - now; const hours = Math.floor(diff / (1000 * 60 * 60)); const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((diff % (1000 * 60)) / 1000); document.getElementById('countdown-hours').textContent = hours.toString().padStart(2, '0'); document.getElementById('countdown-minutes').textContent = minutes.toString().padStart(2, '0'); document.getElementById('countdown-seconds').textContent = seconds.toString().padStart(2, '0'); } // Update countdown every second setInterval(updateCountdown, 1000); updateCountdown(); // Initial call </script> </body> </html> - Follow Up Deployment
