termos-de-uso / index.html
Xacodavt's picture
Add 3 files
cf8586d verified
raw
history blame contribute delete
6.4 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Termos de Uso - Slime War</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>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
}
.gradient-text {
background: linear-gradient(90deg, #4ade80 0%, #3b82f6 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.section-card {
background: rgba(15, 23, 42, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.section-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
}
.back-btn {
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(74, 222, 128, 0.2);
}
.back-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(59, 130, 246, 0.3);
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #1e293b;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(#4ade80, #3b82f6);
border-radius: 4px;
}
</style>
</head>
<body class="text-gray-200">
<div class="container mx-auto px-4 py-12 max-w-4xl">
<!-- Header -->
<header class="mb-12 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4">
<span class="gradient-text">Termos de Uso</span>
</h1>
<p class="text-lg text-gray-400">Última atualização: <span class="text-blue-400">01/07/2023</span></p>
</header>
<!-- Main Content -->
<main class="space-y-8">
<!-- Introduction Section -->
<div class="section-card rounded-xl p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-green-400">
<i class="fas fa-info-circle mr-2"></i> Introdução
</h2>
<p class="text-gray-300 mb-4">
Bem-vindo ao Slime War! Ao acessar e utilizar nosso site, você concorda em cumprir estes Termos de Uso e todas as leis e regulamentos aplicáveis.
</p>
<p class="text-gray-300">
Se você não concordar com qualquer parte destes termos, você não está autorizado a usar ou acessar este serviço.
</p>
</div>
<!-- Usage Section -->
<div class="section-card rounded-xl p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-blue-400">
<i class="fas fa-laptop-code mr-2"></i> Uso Aceitável
</h2>
<ul class="space-y-3 text-gray-300 pl-5 list-disc">
<li>O conteúdo do site é fornecido "como está" para seu uso pessoal e não comercial.</li>
<li>Você concorda em não usar o site de forma que possa danificar, desativar ou sobrecarregar o serviço.</li>
<li>É proibido tentar obter acesso não autorizado a qualquer parte do site ou sistemas relacionados.</li>
<li>Você é responsável por toda a atividade que ocorre sob sua conta.</li>
</ul>
</div>
<!-- Intellectual Property -->
<div class="section-card rounded-xl p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-purple-400">
<i class="fas fa-copyright mr-2"></i> Propriedade Intelectual
</h2>
<p class="text-gray-300 mb-4">
Todo o conteúdo, incluindo textos, gráficos, logotipos, ícones, imagens, compilações de dados e software, é propriedade do Slime War ou de seus fornecedores de conteúdo e está protegido por leis de direitos autorais.
</p>
<p class="text-gray-300">
A reprodução, modificação, distribuição ou republicação de qualquer parte deste site sem autorização prévia por escrito é estritamente proibida.
</p>
</div>
<!-- Limitation of Liability -->
<div class="section-card rounded-xl p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-yellow-400">
<i class="fas fa-exclamation-triangle mr-2"></i> Limitação de Responsabilidade
</h2>
<p class="text-gray-300">
O Slime War não será responsável por quaisquer danos diretos, indiretos, incidentais, consequenciais ou especiais resultantes do uso ou da incapacidade de usar o site, mesmo se o Slime War tiver sido avisado da possibilidade de tais danos.
</p>
</div>
<!-- Changes to Terms -->
<div class="section-card rounded-xl p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-red-400">
<i class="fas fa-sync-alt mr-2"></i> Alterações aos Termos
</h2>
<p class="text-gray-300">
Reservamo-nos o direito, a nosso exclusivo critério, de modificar ou substituir estes Termos a qualquer momento. Se uma revisão for significativa, forneceremos aviso prévio antes que os novos termos entrem em vigor.
</p>
</div>
</main>
<!-- Back Button -->
<div class="mt-16 text-center">
<a href="index.html" class="back-btn inline-flex items-center px-6 py-3 bg-gradient-to-r from-green-500 to-blue-500 text-white font-bold rounded-full">
<i class="fas fa-arrow-left mr-2"></i> Voltar à página inicial
</a>
</div>
</div>
<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=Xacodavt/termos-de-uso" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>