cont / index.html
maralvic's picture
Add 3 files
fe8ecb4 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Termo de Vistoria - Contrato de Locação Residencial</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Montserrat', sans-serif;
background-color: #f8fafc;
}
.header-border {
border-bottom: 3px solid #3b82f6;
}
.signature-line {
border-bottom: 1px solid #000;
width: 70%;
margin: 0 auto;
}
@media print {
body {
background-color: white;
}
.page-break {
page-break-after: always;
}
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<div class="max-w-4xl mx-auto p-8 bg-white shadow-lg my-10">
<!-- Header -->
<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-blue-600 mb-2">TERMO DE VISTORIA</h1>
<p class="text-lg text-gray-600">Anexo ao Contrato de Locação Residencial</p>
<div class="header-border w-32 mx-auto mt-4"></div>
</div>
<!-- Property Info -->
<div class="mb-8">
<h2 class="text-xl font-semibold text-blue-700 mb-4">IMÓVEL</h2>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-medium">Apartamento à Av. Gov. Fernando Costa, 127 – ap. 65, Ponta da Praia, Santos / SP – CEP 11030-181</p>
<p class="font-medium">1 (uma) vaga de garagem</p>
</div>
</div>
<!-- Parties Info -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-700 mb-2">LOCADORA</h3>
<p>MARCELO VICENTE SOCIEDADE INDIVIDUAL DE ADVOCACIA</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-700 mb-2">LOCATÁRIA</h3>
<p>MARCIA DE COLLA MOREIRA</p>
</div>
</div>
<!-- Clauses -->
<div class="space-y-6 mb-8">
<div>
<p class="text-justify mb-4"><span class="font-semibold">1.</span> A LOCATÁRIA, na presença da LOCADORA, afirma que recebe o imóvel nas condições e com os elementos descritos neste termo e conforme fotos anexadas:</p>
<div class="ml-6 space-y-3">
<p class="text-justify"><span class="font-semibold">a.</span> Imóvel recém reformado, em excelente estado de conservação, pintado nas paredes na cor cinza "Nevoa da Manhã", tetos e portas brancas; portas do guarda-roupa do quarto, porta do armário do corredor e porta do quarto na cor verde; janela do quarto na cor branca; porta entre a sala e o corredor na cor branca;</p>
<p class="text-justify"><span class="font-semibold">b.</span> Elementos fornecidos em comodato: 4 lâmpadas eletrônicas com ventiladores integrados acompanhados de 2 controles remotos; 1 aparelho de ar condicionado Split com controle remoto; 1 aquecedor de água de torneira na cozinha; 1 depurador de ar; 1 chuveiro elétrico; 1 espelho no guarda-roupa.</p>
</div>
</div>
<div>
<p class="text-justify"><span class="font-semibold">2.</span> A LOCATÁRIA declara neste ato que tanto o imóvel quanto todos os elementos descritos neste termo estão em perfeito estado de conservação, utilização e funcionamento, cabendo a ela zelar pela sua conservação e manutenção, não ficando a LOCADORA responsável por sua conservação e manutenção durante o tempo do contrato, devendo a LOCATÁRIA devolver nas mesmas condições em que os recebeu quando do término do contrato mesmo se vigendo por tempo indeterminado.</p>
</div>
<div>
<p class="text-justify"><span class="font-semibold">3.</span> A LOCATÁRIA recebe neste ato, também em comodato, 2 chaves "tetra" para acesso a porta do apartamento; 1 controle remoto para acesso à garagem e 1 tag para acesso ao condomínio.</p>
</div>
</div>
<!-- Signature and Date -->
<div class="mt-16">
<p class="text-center mb-12">Santos, 01 de maio de 2025.</p>
<div class="text-center">
<div class="signature-line mb-2"></div>
<p>MARCIA DE COLLA MOREIRA</p>
<p class="text-sm font-medium mt-1">LOCATÁRIA</p>
</div>
</div>
<!-- Footer Note -->
<div class="mt-12 text-xs text-gray-500 text-center">
<p>Documento gerado em 01/05/2025 - Válido sem reconhecimento de firma</p>
</div>
</div>
<!-- Second Page for Photos -->
<div class="max-w-4xl mx-auto p-8 bg-white shadow-lg my-10 page-break">
<h2 class="text-2xl font-bold text-blue-600 mb-6 text-center">ANEXO FOTOGRÁFICO</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
<!-- Photo placeholders -->
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 1 - Vista da sala]
</div>
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 2 - Quarto]
</div>
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 3 - Cozinha]
</div>
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 4 - Banheiro]
</div>
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 5 - Área de serviço]
</div>
<div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
[FOTO 6 - Garagem]
</div>
</div>
<div class="text-xs text-gray-500 text-center mt-8">
<p>Fotos tiradas em 01/05/2025 como comprovante do estado do imóvel no ato da vistoria</p>
</div>
</div>
<script>
// Print functionality can be added if needed
document.addEventListener('DOMContentLoaded', function() {
// You could add a print button if desired
// window.print();
});
</script>
<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/cont" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>