<style>
#title-text{
font-size:0px;
}
h1#title-text a{color:#ffffff; margin-top:5px;}
.page-description{color:#ffffff;}
h1#title-text.with-breadcrumbs{background-image:url(https://tdn.totvs.com/download/attachments/632845879/bg-home-novo.png?api=v2);}
a.composition-banner-action{
background-color:#fff!important;
color: #363636!important;
border-width: 1px!important;
border-style: solid!important;
border-color: #ed9c2e!important;
}
.composition-banner{
min-height:200px;
height:200px;
}
.composition-banner-overlay{
background: rgba(0,191,255);
}
</style><!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portal TOTVS</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 flex flex-col items-center min-h-screen p-6">
<!-- Banner Principal -->
<div class="bg-gradient-to-r from-blue-600 to-blue-400 text-white rounded-xl p-10 w-full max-w-[1100px] text-center shadow-lg">
<h1 class="text-4xl font-bold">Bem-vindo ao Portal de Gestão de Terceiros em Serviços</h1>
<p class="text-lg mt-4">Gerencie seus serviços terceirizados de forma eficiente e integrada com as soluções TOTVS.</p>
</div>
<!-- Cards -->
<div class="flex flex-wrap justify-center gap-6 mt-10 w-full max-w-[1100px]">
<div class="bg-gradient-to-r from-blue-600 to-blue-400 text-white rounded-xl p-6 w-[500px] sm:w-[450px] text-center shadow-lg">
<h2 class="text-2xl font-semibold flex items-center justify-center gap-2">
📄 Sou TOTVS
</h2>
<a href="#" class="mt-4 inline-block bg-white text-blue-600 font-semibold py-2 px-4 rounded-full shadow-md hover:bg-gray-200 transition">
Acessar página
</a>
</div>
<div class="bg-gradient-to-r from-blue-600 to-blue-400 text-white rounded-xl p-6 w-[500px] sm:w-[450px] text-center shadow-lg">
<h2 class="text-2xl font-semibold flex items-center justify-center gap-2">
🧑🤝🧑 Sou TOTVS Partner
</h2>
<a href="#" class="mt-4 inline-block bg-white text-blue-600 font-semibold py-2 px-4 rounded-full shadow-md hover:bg-gray-200 transition">
Acessar página
</a>
</div>
</div>
</body>
</html>
| 