ghkkghkhgkhgkgh
ASAsjJjjjjjjJghkghkghkghkghkghkkhgkghkghgkhkghkghkghkghkgh ASAsjJjjjjjjJJjJhkgyjghjghghkghkg iopiopoiiopiopiopiopiopiopiopiopiopiopiopiopiopiopiopiop op[op[op[op[ J J J JJ po[op[op[op[op[op[po[op[op[ JJ J
bypass
/
home
/
onlyfibr
/
.trash
/
Upload FileeE
HOME
<?php require_once 'includes/config/config.php'; // Carrega as constantes com os dados da empresa ?> <!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 - <?php echo htmlspecialchars(NOME_EMPRESA); ?></title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Font Awesome para ícones --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet"> <!-- CSS personalizado --> <style> :root { --primary-color: #2c3e50; --secondary-color: #3498db; --accent-color: #e74c3c; --success-color: #2ecc71; --warning-color: #f39c12; --info-color: #1abc9c; --light-bg: #f8f9fa; --dark-bg: #2c3e50; --text-color: #333; --text-light: #f8f9fa; --border-radius: 8px; --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); --transition: all 0.3s ease-in-out; } body { font-family: 'Nunito', 'Segoe UI', sans-serif; color: var(--text-color); line-height: 1.6; background-color: #f8f9fa; padding: 0; margin: 0; } .terms-container { max-width: 900px; margin: 0 auto; padding: 30px; background-color: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); } .terms-header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .terms-header h1 { color: var(--primary-color); font-weight: 700; font-size: 2.2rem; margin-bottom: 10px; } .terms-header .company-logo { max-width: 120px; margin-bottom: 15px; } .terms-header .terms-meta { color: #6c757d; font-size: 0.9rem; } .terms-section { margin-bottom: 30px; animation: fadeIn 0.5s ease-out forwards; } .terms-section h2 { color: var(--primary-color); font-weight: 700; font-size: 1.4rem; padding-bottom: 10px; border-bottom: 2px solid var(--secondary-color); margin-bottom: 15px; display: flex; align-items: center; } .terms-section h2 i { margin-right: 10px; color: var(--secondary-color); } .terms-section p { margin-bottom: 15px; font-size: 1rem; } .terms-section ul { padding-left: 20px; margin-bottom: 20px; } .terms-section ul li { margin-bottom: 10px; position: relative; padding-left: 5px; } .terms-section ul li strong { color: var(--primary-color); } .terms-footer { text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eaeaea; } .btn-terms { padding: 10px 25px; font-weight: 600; border-radius: var(--border-radius); text-transform: uppercase; letter-spacing: 0.5px; transition: var(--transition); font-size: 0.9rem; } .btn-primary { background: linear-gradient(135deg, var(--secondary-color), #2980b9); border: none; box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4); background: linear-gradient(135deg, #3498db, #2272a5); } .btn-outline-secondary { border: 2px solid var(--secondary-color); color: var(--secondary-color); background: transparent; } .btn-outline-secondary:hover { background-color: var(--secondary-color); color: white; transform: translateY(-3px); } .terms-navigation { display: flex; justify-content: center; margin-bottom: 30px; } .terms-navigation .nav-item { margin: 0 8px; } .terms-navigation .nav-link { font-weight: 600; color: var(--primary-color); border-radius: var(--border-radius); padding: 8px 16px; font-size: 0.9rem; transition: var(--transition); } .terms-navigation .nav-link:hover { background-color: rgba(52, 152, 219, 0.1); } .terms-navigation .nav-link.active { background-color: var(--secondary-color); color: white; } .contact-info { background-color: var(--light-bg); border-radius: var(--border-radius); padding: 20px; margin-top: 15px; } .contact-info li { display: flex; align-items: center; } .contact-info li i { color: var(--secondary-color); margin-right: 10px; min-width: 20px; } /* Animações */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Print-friendly styles */ @media print { .terms-container { box-shadow: none; max-width: 100%; padding: 0; } .terms-footer, .no-print { display: none; } .terms-section { page-break-inside: avoid; } body { background-color: #fff; font-size: 12pt; } } /* Responsive adjustments */ @media (max-width: 768px) { .terms-container { padding: 20px; margin: 0; border-radius: 0; } .terms-header h1 { font-size: 1.8rem; } .terms-navigation { flex-wrap: wrap; } .terms-navigation .nav-item { margin-bottom: 8px; } } </style> </head> <body> <div class="terms-container"> <div class="terms-header"> <!-- <img src="assets/images/logo.png" alt="Logo" class="company-logo"> --> <h1>Termos de Uso</h1> <p class="terms-meta"> <span><i class="fas fa-building me-1"></i><?php echo htmlspecialchars(NOME_EMPRESA); ?></span> • <span><i class="fas fa-calendar-alt me-1"></i>Última atualização: <?php echo date('d/m/Y'); ?></span> </p> </div> <!-- Navegação rápida --> <nav class="terms-navigation no-print"> <ul class="nav nav-pills"> <li class="nav-item"><a href="#intro" class="nav-link">Introdução</a></li> <li class="nav-item"><a href="#service" class="nav-link">Serviços</a></li> <li class="nav-item"><a href="#account" class="nav-link">Conta</a></li> <li class="nav-item"><a href="#usage" class="nav-link">Uso</a></li> <li class="nav-item"><a href="#contact" class="nav-link">Contato</a></li> </ul> </nav> <!-- Introdução --> <div id="intro" class="terms-section"> <p>Bem-vindo(a) ao <?php echo htmlspecialchars(NOME_PORTAL); ?>!</p> <p>Estes Termos de Uso ("Termos") regem o seu acesso e uso do nosso portal online ("Portal"), disponibilizado por <strong><?php echo htmlspecialchars(NOME_EMPRESA); ?></strong>, inscrita no CNPJ sob o nº <?php echo htmlspecialchars(CNPJ_EMPRESA); ?>, com sede em <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?>, <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>-<?php echo htmlspecialchars(ESTADO_EMPRESA); ?>.</p> <p>Ao acessar ou usar o Portal, você concorda em cumprir estes Termos e nossa <a href="<?php echo URL_POLITICA_PRIVACIDADE; ?>" target="_blank">Política de Privacidade</a>. Se você não concordar com qualquer parte destes Termos, por favor, não utilize o Portal.</p> </div> <!-- Descrição do Serviço --> <div id="service" class="terms-section"> <h2><i class="fas fa-server"></i>1. Descrição do Serviço</h2> <p>O Portal tem como objetivo oferecer aos clientes da <?php echo htmlspecialchars(NOME_EMPRESA); ?> um canal de autoatendimento para gerenciar sua conta, visualizar informações contratuais e financeiras, solicitar suporte e acessar outras funcionalidades relacionadas aos serviços de telecomunicações contratados ("Serviços"). As funcionalidades podem incluir consulta de dados, faturas, status, abertura de chamados, solicitações diversas, etc.</p> <p>A disponibilidade de funcionalidades específicas pode variar.</p> </div> <!-- Acesso e Conta --> <div id="account" class="terms-section"> <h2><i class="fas fa-user-shield"></i>2. Acesso e Conta do Usuário</h2> <ul> <li><strong>Elegibilidade:</strong> O acesso ao Portal é destinado exclusivamente a clientes ativos da <?php echo htmlspecialchars(NOME_EMPRESA); ?>.</li> <li><strong>Login:</strong> O acesso requer identificação via CPF/CNPJ e pode requerer uma senha (conforme definido no acesso). Você é responsável pela confidencialidade de suas credenciais.</li> <li><strong>Responsabilidade:</strong> Você é responsável por todas as atividades em sua conta. Notifique-nos sobre uso não autorizado.</li> <li><strong>Veracidade:</strong> Forneça informações verdadeiras, precisas e atualizadas ao usar o Portal.</li> </ul> </div> <!-- Uso Aceitável --> <div id="usage" class="terms-section"> <h2><i class="fas fa-check-circle"></i>3. Uso Aceitável</h2> <p>Você concorda em não usar o Portal para fins ilegais, não autorizados, para transmitir material ofensivo ou fraudulento, tentar acesso indevido ou interferir no funcionamento do serviço.</p> </div> <!-- Propriedade Intelectual --> <div class="terms-section"> <h2><i class="fas fa-copyright"></i>4. Propriedade Intelectual</h2> <p>Todo o conteúdo do Portal é propriedade da <?php echo htmlspecialchars(NOME_EMPRESA); ?> ou de seus licenciadores e protegido por leis de direitos autorais.</p> </div> <!-- Isenção de Garantias --> <div class="terms-section"> <h2><i class="fas fa-exclamation-triangle"></i>5. Isenção de Garantias</h2> <p>O Portal é fornecido "como está". Não garantimos operação ininterrupta ou livre de erros. O uso é por sua conta e risco. Informações de sistemas de terceiros (como SGP) são fornecidas como disponibilizadas por eles.</p> </div> <!-- Limitação de Responsabilidade --> <div class="terms-section"> <h2><i class="fas fa-gavel"></i>6. Limitação de Responsabilidade</h2> <p>A <?php echo htmlspecialchars(NOME_EMPRESA); ?> não será responsável por danos diretos ou indiretos resultantes do uso ou incapacidade de usar o Portal.</p> </div> <!-- Modificações nos Termos --> <div class="terms-section"> <h2><i class="fas fa-edit"></i>7. Modificações nos Termos</h2> <p>Reservamo-nos o direito de modificar estes Termos. Notificaremos sobre alterações significativas. O uso continuado após as alterações implica aceitação.</p> </div> <!-- Rescisão --> <div class="terms-section"> <h2><i class="fas fa-ban"></i>8. Rescisão</h2> <p>Podemos suspender ou encerrar seu acesso ao Portal a qualquer momento por violação dos Termos ou inatividade da sua conta principal.</p> </div> <!-- Lei Aplicável e Foro --> <div class="terms-section"> <h2><i class="fas fa-balance-scale"></i>9. Lei Aplicável e Foro</h2> <p>Estes Termos são regidos pelas leis do Brasil. Fica eleito o foro da comarca de <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>, <?php echo htmlspecialchars(ESTADO_EMPRESA); ?>, para dirimir controvérsias.</p> </div> <!-- Contato --> <div id="contact" class="terms-section"> <h2><i class="fas fa-envelope"></i>10. Contato</h2> <p>Dúvidas sobre estes Termos? Entre em contato:</p> <div class="contact-info"> <ul class="list-unstyled"> <li><i class="fas fa-envelope"></i> <strong>Email:</strong> <?php echo htmlspecialchars(EMAIL_CONTATO); ?></li> <li><i class="fas fa-phone"></i> <strong>Telefone:</strong> <?php echo htmlspecialchars(TELEFONE_CONTATO); ?></li> <li><i class="fas fa-map-marker-alt"></i> <strong>Endereço:</strong> <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?></li> </ul> </div> </div> <!-- Footer com botões --> <div class="terms-footer no-print"> <div class="d-flex justify-content-center gap-3"> <button type="button" class="btn btn-terms btn-outline-secondary" onclick="window.print()"> <i class="fas fa-print me-2"></i>Imprimir </div> </div> </div> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <!-- Script para scroll suave para âncoras --> <script> document.addEventListener('DOMContentLoaded', function() { // Scroll suave para âncoras document.querySelectorAll('.nav-link').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); // Remove active de todos document.querySelectorAll('.nav-link').forEach(item => { item.classList.remove('active'); }); // Adiciona active ao clicado this.classList.add('active'); // Scroll suave const targetId = this.getAttribute('href'); const targetElement = document.querySelector(targetId); window.scrollTo({ top: targetElement.offsetTop - 100, behavior: 'smooth' }); }); }); // Marcar seção ativa no scroll window.addEventListener('scroll', function() { const sections = document.querySelectorAll('.terms-section'); let currentSection = ''; sections.forEach(section => { const sectionTop = section.offsetTop - 150; const sectionHeight = section.offsetHeight; if (window.pageYOffset >= sectionTop && window.pageYOffset < sectionTop + sectionHeight) { currentSection = '#' + section.getAttribute('id'); } }); if (currentSection) { document.querySelectorAll('.nav-link').forEach(link => { link.classList.remove('active'); if (link.getAttribute('href') === currentSection) { link.classList.add('active'); } }); } }); }); </script> </body> </html>