basic / index.html
maralvic's picture
Acrescentar ao lado esquerdo do botão "QUero me tornar expert" ao final do corpo, o botão "Baixar E-Book" com o link https://marcelovicente.prof/ebook01 - Follow Up Deployment
829a0f0 verified
raw
history blame
12.3 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gerar Relatório DEBCAD / Dívida Ativa Previdenciária</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>
.dropdown-menu {
display: none;
}
.dropdown:hover .dropdown-menu {
display: block;
z-index: 1000;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-radius: 4px;
}
.video-thumbnail {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
overflow: hidden;
border-radius: 16px;
}
.video-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 68px;
height: 48px;
background-color: rgba(255, 0, 0, 0.9);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.play-button:hover {
background-color: rgba(255, 0, 0, 1);
transform: translate(-50%, -50%) scale(1.05);
}
.play-button i {
color: white;
font-size: 24px;
}
@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 -->
<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">@profmarcelovicente</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>
</header>
<!-- Hero Section -->
<section class="text-white bg-cover bg-center" style="background-image: url('https://www.regularize.online/wp-content/uploads/2023/08/Sem-nome-680-×-456-px-1910-×-376-px-4.png')">
<div class="bg-blue-900 bg-opacity-70 py-32">
<div class="container mx-auto px-4 text-center py-8">
<h1 class="text-4xl md:text-5xl mb-6">Análise de Viabilidade</h1>
<p class="text-xl md:text-2xl mb-8">Orientações cruciais para a apresentação da melhor estratégia</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" style="color: white;">
Quero me tornar expert!
</a>
</div>
</div>
</div>
</section>
<!-- Content Area -->
<section class="container mx-auto px-4 py-12">
<div class="max-w-5xl mx-auto">
<div class="bg-white rounded-xl shadow-lg overflow-hidden mb-8">
<div class="md:flex">
<div class="md:w-1/3 bg-gradient-to-br from-blue-500 to-blue-600 p-6 flex flex-col justify-center">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-4">A Análise de Viabilidade que Transforma Advogados em Estrategistas Fiscais</h2>
</div>
<div class="md:w-2/3 p-6">
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl mb-3"><i class="fas fa-search-dollar"></i></div>
<h3 class="text-xl font-semibold mb-2">O Diagnóstico que Precede a Cura</h3>
<p class="text-gray-700">Decifrar a origem de cada débito é o primeiro passo para estratégias eficazes, distinguindo entre autuações, omissões e declarações não quitadas.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl mb-3"><i class="fas fa-shield-alt"></i></div>
<h3 class="text-xl font-semibold mb-2">Riscos Além do Patrimônio</h3>
<p class="text-gray-700">Além de bloqueios e penhoras, a verdadeira ameaça está na responsabilidade pessoal dos gestores por erros estratégicos.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl mb-3"><i class="fas fa-exchange-alt"></i></div>
<h3 class="text-xl font-semibold mb-2">Ponto de Virada nos Passivos</h3>
<p class="text-gray-700">Identificar ações judiciais sem perspectiva e redirecionar para negociações estratégicas transforma advocacia reativa em consultoria.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="text-blue-600 text-2xl mb-3"><i class="fas fa-chess"></i></div>
<h3 class="text-xl font-semibold mb-2">Da Teoria à Decisão</h3>
<p class="text-gray-700">Traduzir complexidade técnica em opções claras é o que diferencia quem conhece a lei de quem domina o sistema tributário.</p>
</div>
</div>
</div>
</div>
</div>
<div class="rounded-xl p-6 text-white shadow-lg my-8" style="background-color: #00CC88;">
<h3 class="text-xl font-bold mb-4"><i class="fas fa-graduation-cap mr-2"></i> Como dominar essa expertise na prática?</h3>
<p class="mb-4">Minhas redes sociais trazem todo o conhecimento necessário com:</p>
<ul class="list-disc pl-5 mb-4">
<li class="mb-2">Lives exclusivas no <a href="https://youtube.com/@profmarcelovicente" target="_blank" class="underline"><i class="fab fa-youtube mr-1"></i>YouTube</a> e <a href="https://instagram.com/profmarcelovicente" target="_blank" class="underline"><i class="fab fa-instagram mr-1"></i>Instagram</a></li>
<li class="mb-2">Passo a passo para maximizar resultados</li>
<li class="mb-2">Estratégias para negócios seguros</li>
</ul>
<p class="font-semibold">Quer garantir acesso a esse conteúdo transformador?</p>
<div class="text-center mt-6">
<a href="https://marcelovicente.prof/ebook01" target="_blank" class="inline-block bg-blue-600 text-white text-lg font-bold px-8 py-2 rounded-full hover:shadow-md transition-all mr-4">
Baixar E-Book
</a>
<a href="https://marcelovicente.prof/live1947" target="_blank" class="inline-block bg-white text-[#00CC88] text-lg font-bold px-8 py-2 rounded-full hover:shadow-md transition-all">
Quero me tornar expert!
</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<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">@profmarcelovicente</h3>
<p class="text-white">Especialista em Transações Tributárias</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;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/tt2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p><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;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/novopmv" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>