| | <!DOCTYPE html> |
| | <html lang="pt-BR"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Prof. Marcelo Vicente | Tributarista - @profmarcelovicente</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"> |
| | <style> |
| | <!-- Pesquisa Dropdown Section --> |
| | * { |
| | margin: 0; |
| | padding: 0; |
| | box-sizing: border-box; |
| | } |
| | |
| | .container { |
| | background: white; |
| | padding: 40px; |
| | border-radius: 15px; |
| | box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); |
| | text-align: center; |
| | max-width: 500px; |
| | width: 100%; |
| | } |
| | |
| | .search-form { |
| | margin-bottom: 20px; |
| | } |
| | |
| | .input-group { |
| | display: flex; |
| | gap: 10px; |
| | margin-bottom: 20px; |
| | } |
| | |
| | input[type="text"] { |
| | flex: 1; |
| | padding: 15px; |
| | border: 2px solid #e0e0e0; |
| | border-radius: 8px; |
| | font-size: 16px; |
| | transition: border-color 0.3s ease; |
| | } |
| | |
| | input[type="text"]:focus { |
| | outline: none; |
| | border-color: #667eea; |
| | } |
| | |
| | .btn-acessar { |
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| | color: white; |
| | border: none; |
| | padding: 15px 30px; |
| | border-radius: 8px; |
| | font-size: 16px; |
| | cursor: pointer; |
| | transition: transform 0.2s ease; |
| | } |
| | |
| | .btn-acessar:hover { |
| | transform: translateY(-2px); |
| | } |
| | |
| | .help-text { |
| | color: #666; |
| | font-size: 14px; |
| | margin-top: 10px; |
| | } |
| | |
| | |
| | .modal { |
| | display: none; |
| | position: fixed; |
| | z-index: 1000; |
| | left: 0; |
| | top: 0; |
| | width: 100%; |
| | height: 100%; |
| | background-color: rgba(0, 0, 0, 0.5); |
| | } |
| | |
| | .modal-content { |
| | background-color: white; |
| | margin: 15% auto; |
| | padding: 30px; |
| | border-radius: 10px; |
| | width: 90%; |
| | max-width: 400px; |
| | text-align: center; |
| | box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); |
| | } |
| | |
| | .modal-header { |
| | font-size: 1.5em; |
| | font-weight: bold; |
| | color: #333; |
| | margin-bottom: 20px; |
| | } |
| | |
| | .modal-body { |
| | color: #666; |
| | margin-bottom: 25px; |
| | font-size: 16px; |
| | } |
| | |
| | .btn-ok { |
| | background: #667eea; |
| | color: white; |
| | border: none; |
| | padding: 12px 25px; |
| | border-radius: 6px; |
| | font-size: 16px; |
| | cursor: pointer; |
| | transition: background-color 0.3s ease; |
| | } |
| | |
| | .btn-ok:hover { |
| | background: #5a6fd8; |
| | } |
| | |
| | @media (max-width: 600px) { |
| | .container { |
| | padding: 30px 20px; |
| | } |
| | |
| | h1 { |
| | font-size: 1.8em; |
| | } |
| | |
| | .input-group { |
| | flex-direction: column; |
| | } |
| | } |
| | |
| | <!-- Original Section --> |
| | |
| | @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt'); |
| | |
| | body { |
| | font-family: 'Arial Rounded MT', sans-serif; |
| | font-weight: normal; |
| | } |
| | |
| | .profmarcelovicente-bg { |
| | background-color: #5466DD; |
| | } |
| | |
| | .profmarcelovicente-text { |
| | color: #5466DD; |
| | } |
| | |
| | .profmarcelovicente-border { |
| | border-color: #5466DD; |
| | } |
| | |
| | .profmarcelovicente-btn { |
| | background-color: #5466DD; |
| | color: white; |
| | } |
| | |
| | .profmarcelovicente-btn:hover { |
| | background-color: #3a4fc7; |
| | } |
| | |
| | .dropdown:hover .dropdown-menu { |
| | display: block; |
| | } |
| | |
| | html { |
| | scroll-behavior: smooth; |
| | } |
| | |
| | .hero-pattern { |
| | background-image: radial-gradient(#2b6cb0 1px, transparent 1px); |
| | background-size: 20px 20px; |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-gray-50"> |
| | |
| | <header class="profmarcelovicente-bg text-white shadow-lg"> |
| | <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| | <div class="text-xl"><a href="https://marcelovicente.prof" style="color: #fff;text-decoration: none;" target="_self" >@profmarcelovicente</a></div> |
| | <div class="flex space-x-4"> |
| | <a href="https://instagram.com/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-instagram text-2xl"></i> |
| | </a> |
| | <a href="https://facebook.com/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-facebook text-2xl"></i> |
| | </a> |
| | <a href="https://youtube.com/@profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-youtube text-2xl"></i> |
| | </a> |
| | <a href="https://www.linkedin.com/company/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-linkedin text-2xl"></i> |
| | </a> |
| | </div> |
| | |
| | </div> |
| | </header> |
| |
|
| | |
| | <section class="text-white bg-cover bg-center" style="background-image: url('https://marcelovicente.prof/img/capa_02.png')"> |
| | <div class="bg-blue-900 bg-opacity-70 py-2"> |
| | <div class="container mx-auto px-4 text-center py-8"> |
| | <h1 class="text-4xl md:text-5xl mb-6">AAAA</h1> |
| | <p class="text-xl md:text-2xl mb-8">BBBB</p> |
| | <div class="mt-8 text-center"> |
| | <a href="https://marcelovicente.prof/live1947" target="_blank" class="inline-block profmarcelovicente-btn text-xl font-semibold px-8 py-3 rounded-full hover:shadow-md transition-all"> |
| | <i class="fas fa-rocket"></i> Quero me tornar expert! |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="container mx-auto px-4 py-12 max-w-4xl"> |
| | <div class="bg-white rounded-lg shadow-lg p-8"> |
| | XXXX |
| | </div> |
| | <span style="display: inline-block; height: 0;"> |
| | </span> |
| | |
| | <div class="mb-12"> |
| | <h2 class="text-2xl font-bold profmarcelovicente-text mb-6">Como se tornar um Expert nesse nicho?</h2> |
| | <div class="text-center mb-12"> |
| | <p class="text-gray-700">A especialização nesse nicho de Direito Tributário eleva o prestígio do seu escritório. Clientes satisfeitos são seus melhores embaixadores, construindo uma reputação de solucionador de problemas.</p><div class="mt-12 text-center"> |
| | <a href="https://marcelovicente.prof/live1947" target="_blank" class="inline-block text-xl font-semibold px-8 py-3 rounded-full transition-all" style="background-color: #00CC88; color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);"> |
| | Quero assistir à Live! |
| | </a> |
| | </div> |
| | |
| | |
| | </div> |
| | <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-graduation-cap"></i> |
| | <span>01 Especialize-se</span> |
| | </h3> |
| | <p class="text-gray-700">Domine as nuances das Negociações Tributárias e como aplicá-las</p> |
| | </div> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-user-plus"></i> |
| | <span>02 Conquiste clientes</span> |
| | </h3> |
| | <p class="text-gray-700">Ofereça soluções que outros profissionais não conhecem</p> |
| | </div> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-chart-line"></i> |
| | <span>03 Multiplique sua receita</span> |
| | </h3> |
| | <p class="text-gray-700">Transforme conhecimento especializado em resultados financeiros</p> |
| | </div> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-star"></i> |
| | <span>04 Diferenciação</span> |
| | </h3> |
| | <p class="text-gray-700">Posicione-se como especialista em Negociações Tributárias</p> |
| | </div> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-users"></i> |
| | <span>05 Networking</span> |
| | </h3> |
| | <p class="text-gray-700">Amplie significativamente sua rede de contatos qualificados em âmbito nacional</p> |
| | </div> |
| | <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow"> |
| | <h3 class="text-xl font-bold profmarcelovicente-text mb-3 flex items-center gap-2"> |
| | <i class="fas fa-medal"></i> |
| | <span>06 Autoridade</span> |
| | </h3> |
| | <p class="text-gray-700">Construa reputação como referência em Negociações Tributárias</p> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| |
|
| | |
| | <div class="mb-12 rounded-lg p-6 shadow-sm" style="background-color: #00CC88;"> |
| | <p class="text-lg font-semibold text-white mb-4 flex items-center gap-2"> |
| | <i class="fas fa-rocket"></i> |
| | <span>Que tal adicionar de R$ 10.000,00 a R$ 20.000,00 por mês à receita do seu escritório?</span> |
| | </p> |
| | <p class="text-white">A especialização neste nicho pode ser sua chave para conquistar novos clientes e elevar substancialmente seus ganhos.</p> |
| | <p class="text-white mt-2">Clientes que buscam Negociações Tributárias frequentemente têm outras necessidades fiscais e jurídicas, transformando você no parceiro estratégico para demandas futuras, desde planejamento tributário a recuperação de créditos.</p> |
| | </div> |
| |
|
| |
|
| | |
| | <div class="text-center mb-12"> |
| | <p class="text-gray-700 mt-4">Torne-se o especialista indispensável e veja seu escritório prosperar com esta poderosa ferramenta do direito tributário.</p> |
| | <div class="mt-12 text-center"> |
| | <a href="https://marcelovicente.prof/live1947" target="_blank" class="inline-block text-xl font-semibold px-8 py-3 rounded-full transition-all" style="background-color: #00CC88; color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);"> |
| | <i class="fas fa-rocket"></i> Quero Prosperar! |
| | </a> |
| | </div> |
| | |
| | |
| | </div> |
| | </section> |
| |
|
| |
|
| | |
| | <footer class="profmarcelovicente-bg 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"> |
| | <h3 class="text-xl"><a href="https://marcelovicente.prof" style="color: #fff;text-decoration: none;" target="_self" >@profmarcelovicente</a></h3> |
| | <p class="text-blue-200">Prof. Marcelo Vicente | Tributarista </p> |
| | </div> |
| | <div class="flex space-x-6"> |
| | <a href="https://instagram.com/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-instagram text-2xl"></i> |
| | </a> |
| | <a href="https://facebook.com/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-facebook text-2xl"></i> |
| | </a> |
| | <a href="https://youtube.com/@profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-youtube text-2xl"></i> |
| | </a> |
| | <a href="https://www.linkedin.com/company/profmarcelovicente" target="_blank" class="transition"> |
| | <i class="fab fa-linkedin text-2xl"></i> |
| | </a> |
| | </div> </div> |
| | <div class="border-t border-[#5466DD] mt-6 pt-6 text-center text-white"> |
| | <p>© 2025 ECJ - Educação Corporativa e Jurídica SS Ltda. Todos os direitos reservados.</p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;"><a href="https://marcelovicente.prof" style="color: #fff;text-decoration: underline;" target="_self" >Voltar ao início</a> | <i class="fas fa-rocket"></i> <a href="https://marcelovicente.prof/tta1947" style="color: #fff;text-decoration: underline;" target="_blank" >Fazer a inscrição!</a></p></body> |
| | </html> |