<!DOCTYPE html><html lang="pt-BR"><head> <meta name="google-adsense-account" content="ca-pub-6763042081817370"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Encurtador de URLs Rápido e Fácil - abre.click</title> <meta name="description" content="Abre.click: Encurte URLs longas com nosso encurtador grátis e moderno. Personalize seus links curtos para fácil compartilhamento. Rápido, seguro e eficiente. Comece já!"> <script> (function() { try { var theme = localStorage.getItem('theme'); if (theme === 'dark') { document.documentElement.classList.add('dark-theme'); } } catch (e) { console.warn('Não foi possível aplicar o tema inicial a partir do localStorage.'); } })(); </script> <link rel="stylesheet" href="assets/css/style.css?v=1751432534"> <link rel="icon" href="/favicon.ico"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6763042081817370" crossorigin="anonymous"></script></head><body> <header class="index-header-container"> <div class="index-header-menus"> <button id="apps-menu-button" class="index-header-button" title="Links úteis"> <svg class="gb_h" focusable="false" viewBox="0 0 24 24" width="24px" height="24px"><path d="M6,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2z"></path></svg> </button> <div id="apps-panel" class="menu-panel"> <div class="apps-panel-content"> <div class="apps-grid"> <a href="index.php" class="app-item"><img src="assets/images/icons/link.svg" alt="Encurtador"><span>Encurtador</span></a> <a href="sobre.php" class="app-item"><img src="assets/images/icons/sobre.svg" alt="Sobre"><span>Sobre</span></a> <a href="publicidade.php" class="app-item"><img src="assets/images/icons/publicidade.svg" alt="Publicidade"><span>Publicidade</span></a> <a href="negocios.php" class="app-item"><img src="assets/images/icons/negocios.svg" alt="Negócios"><span>Negócios</span></a> <a href="como-funciona.php" class="app-item"><img src="assets/images/icons/como-funciona.svg" alt="Como Funciona"><span>Como Funciona</span></a> <a href="politica.php" class="app-item"><img src="assets/images/icons/privacidade.svg" alt="Privacidade"><span>Privacidade</span></a> <a href="termos.php" class="app-item"><img src="assets/images/icons/termos.svg" alt="Termos"><span>Termos</span></a> <a href="agradecimentos.php" class="app-item"><img src="assets/images/icons/agradecimentos.svg" alt="Agradecimentos"><span>Agradecimentos</span></a> <a href="contato.php" class="app-item"><img src="assets/images/icons/contato.svg" alt="Contato"><span>Contato</span></a> </div> </div> </div> <button id="account-menu-trigger" class="btn-login-primary" title="Fazer login">Fazer login</button> <div id="account-panel" class="menu-panel"> <div id="login-panel-view"> <form action="login.php" method="post" class="account-panel-login-form"> <h4>Fazer login</h4> <p>Continue para o painel de métricas</p> <div class="form-group"> <label for="login-email">E-mail</label> <input type="email" id="login-email" name="email" required> </div> <div class="form-group"> <label for="login-password">Senha</label> <div class="password-wrapper"> <input type="password" id="login-password" name="password" required> <span class="toggle-password-visibility"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5C21.27 7.61 17 4.5 12 4.5zm0 10c-2.48 0-4.5-2.02-4.5-4.5S9.52 5.5 12 5.5 16.5 7.52 16.5 10 14.48 14.5 12 14.5zm0-7C10.62 7.5 9.5 8.62 9.5 10s1.12 2.5 2.5 2.5 2.5-1.12 2.5-2.5S13.38 7.5 12 7.5z"/></svg> </span> </div> <a href="#" id="forgot-password-link" class="forgot-password-link" style="margin-top: 8px; font-size: 12px;">Esqueceu a senha?</a> </div> <button type="submit">Fazer Login</button> </form> <p class="form-footer-link" style="text-align: center; margin-top: 20px; font-size: 14px;"> Não tem uma conta? <a href="cadastro.php">Cadastre-se</a></p> </div> <div id="recovery-panel-view" style="display: none;"> <form action="processa_recuperacao.php" method="post" class="account-panel-login-form"> <h4>Recuperar Senha</h4> <p>Digite seu e-mail para receber o link.</p> <div id="recovery-feedback"></div> <div class="form-group"> <label for="recovery-email">E-mail cadastrado</label> <input type="email" id="recovery-email" name="email" required> </div> <button type="submit">Enviar Link</button> <a href="#" id="back-to-login-link" class="forgot-password-link">Voltar para o login</a> </form> </div> </div> </div> </header> <div id="page-feedback-area" style="text-align: center; padding: 10px 0;"> </div> <div style="text-align: center; min-height: 50px;"> </div> <div class="app-container"> <a href="index.php" class="site-logo-link"> <h1 class="site-logo-text"> <span class="char-E">E</span><span class="char-n">n</span><span class="char-c">c</span><span class="char-u">u</span><span class="char-r1">r</span><span class="char-t">t</span><span class="char-a">a</span><span class="char-d">d</span><span class="char-o3">o</span><span class="char-r2">r</span> </h1> </a> <form method="POST" action="index.php" class="search-form" id="url-form"> <div class="input-area"> <span class="search-icon"> <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg> </span> <div class="input-wrapper"> <input type="url" name="url" id="mainUrlInput" placeholder="Cole sua URL longa aqui" required value=""> </div> <div class="input-icons-right"> <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" title="Teclado"><path d="M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-1zm-3-3h2v2H8V8zm0 3h2v2H8v-1zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"></path></svg> <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" title="Pesquisa por voz"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zM11 5c0-1.1.9-2 2-2s2 .9 2 2v6c0 1.1-.9 2-2 2s-2-.9-2-2V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"></path></svg> <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" title="Pesquisa por imagem"><circle cx="12" cy="12" r="3.2"></circle><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"></path></svg> </div> </div> <div class="slug-area" id="slugAreaContainer"> <label for="custom_slug_input">Slug Personalizado (opcional)</label> <input type="text" name="custom_slug" id="custom_slug_input" placeholder="ex: minha-url-preferida" value=""> <small class="slug-hint">Use apenas letras (a-z, A-Z), números (0-9), hífen (-) e underscore (_).</small> </div> <div class="buttons-area"> <button type="submit" id="submitBtn">Encurtar URL</button> <button type="button" id="clearFieldsBtn">Limpar Campos</button> </div> </form> <div class="message-output-area"> </div> </div> <div id="privacy-banner" class="privacy-banner hidden"> <p class="privacy-banner-text">Utilizamos armazenamento local para salvar suas preferências de visualização e melhorar sua experiência. Saiba mais em nossa <a href="politica.php">Política de Privacidade</a>.</p> <button id="privacy-banner-dismiss" class="privacy-banner-button">Entendi</button></div><footer class="page-footer"> <div style="text-align: center; margin-bottom: 10px;"> </div> <div class="footer-content-wrapper"> <div class="footer-row footer-location"> <span>Brasil</span> <a href="index.php" title="Ir para Encurtador" id="footer-brand-text" style="color: inherit; text-decoration: none;">© 2025 - abre.click</a> <a href="agradecimentos.php#secao-doacao" title="Doação" style="text-decoration: none; color: inherit;">☕</a> </div> <div class="footer-row footer-links"> <div class="footer-links-left"> <a href="sobre.php" id="footer-sobre">Sobre</a> <a href="publicidade.php" id="footer-publicidade">Publicidade</a> <a href="negocios.php" id="footer-negocios">Negócios</a> <a href="como-funciona.php" id="footer-como-funciona">Como funciona o Encurtador</a> </div> <div class="footer-links-right"> <a href="politica.php" id="footer-privacidade">Privacidade</a> <a href="termos.php" id="footer-termos">Termos</a> <div class="settings-menu-container"> <a href="#" id="footer-configuracoes">Configurações</a> <div class="settings-menu" id="settingsPopupMenu"> <div class="settings-menu-item" id="footer-themeToggleItem"> <span class="icon" id="footer-themeIconContainer"></span> <span id="footer-themeToggleText">Tema escuro: Desativado</span> </div> </div> </div> </div> </div> </div></footer> <script defer src="assets/js/script.js?v=1751432534"></script> <script defer src="assets/js/index-form.js?v=1751432534"></script> </body></html>
