Hugging Face's logo

Spaces:
Xacodavt
/
termos-de-uso
Running

App Files Community
termos-de-uso
File size: 6,396 Bytes 
cf8586d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
<!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>